#1 Вводный урок [Курс по Верстке от AROKEN]

всем привет меня зовут никита я front-end разработчик командой эра код как я попал в команду я купил лично менторства чтобы начать зарабатывать на веб-разработки и на данный момент я уже обучился начал зарабатывать проявил себя и попал в команду и теперь я ваш преподаватель что это вообще за курс мы с командой хотим создать свою обучающую платформу и данный курс является одним из первых элементов данной платформы я хочу поговорить в этом вводном уроке о том какая у этого курса структура а также его файловая структура каким редактором кода мы будем пользоваться и как этот курс проходить и начать я хочу со структуры курса курс состоит из трех модулей первый модуль это необходимая теория базовая информация об html и css далее вы переходите ко второму модулю к практическому он гораздо интереснее чем 1 потому что здесь у нас уже идет верстка по макету фильмы после этого вы переходите к третьему модулю самостоятельная работа и называется он так неспроста потому что в нем я вообще не собираюсь принимать участие суть в том что вам необходимо самостоятельно найти макет сверстать его и добавить в портфолио с этим я думаю понятно теперь о файловой структуре вы уже скачали курс и вы видите перед собой некоторое количество папок одна бабка один урок внутри папки урока вы можете найти видео запись данного урока код который описал в этом уроке возможно домашнее задание и ссылки на какие либо сайты которые я мог упоминать в уроках далее мы поговорим о редакторе кода речь идет о вес коде дело в том что когда я начинал я использовал весь код и и до сих пор у меня не было с этим никаких проблем сейчас я хочу показать вам некоторые настройки моего вес кода чтобы вам было удобнее ориентироваться и проходить этот курс вместе со мной вес коде есть возможность устанавливать плагины без применения сторонних прог для этого мы переходим по этой вкладке здесь мы можем ввести название плагина и скачать его сейчас я перечислю вам плагины которые я рекомендую использовать вместе со мной я их просто назову разбираться кто из них и что делает мы будем уже когда будем проходить курс первый плагин это с информатор далее идет песен с трактор html тег wrap и матч превью эндинг rainbow live сервер на амандар бим бум и остановимся потому что этот плагин который устанавливает цветовую тему в нашем вес коде то есть такую как у меня а для этого вам необходимо установить этот плагин нажать здесь на инст он после чего мы на клавиатуре нажимаем control kitty здесь мы видим выпадающий список с темами которые у вас уже есть и здесь вы находите one dark bimbo теперь у вас на кажется такая тема как у меня далее я хочу сказать о буквально паре настрой которую можно найти нажав на эту шестеренку setting и здесь мы видим авто сэйл по умолчанию эта функция выключена то есть если мы будем что-либо вводить в нашем документе то это не будет сохранена здесь мы видим индикатор того что информация не сохранено это значит что браузер и мы не увидим никаких изменений для того чтобы сохранить информацию нужно нажать control с но я рекомендую включить авто сейф нужно выбрать of the delay и тогда если мы будем что-либо ходить сюда и даже не увидим индикатора того что у нас что то не сохранено потому что все сохраняется автоматически также есть вариант что вы выберете он фокус czech в таком случае если мы что-либо меняем в документе переходим по другой вкладке в рамках самого вес кода у нас сохраняется информация так же есть возможность выбрать он window czech это означает что если мы поменяем что-либо в нашем редакторе и перейдём по другой вкладке весь ходит и ничего не поменяется а если мы перейдем в другое окно и вернемся то у нас уже все сохранено и следующий настройка о которой я хотел поговорить это то пса язь по умолчанию здесь стоит 4 что это такое это количество пробелов внутри каждого вот такого вот отступ а и на самом деле вам может быть удобно использовать 4 пробела но если вам также как мне неудобно и вы хотите поставить два или три то у вас есть вот такая вот возможность с редактором кода я здесь заканчиваю и следующее о чем я хочу поговорить это как проходить курс дело в том что когда я проходил различные курсы не во всех из них говорилось как нужно их проходить чтобы лучше всего усвоить информацию опытным путем я нашёл для себя экспериментирования и я хочу предложить его вам вы изучаете какой-либо инструмент который мы проходим в уроке и создаете что-то свое создавать что-то свое вы можете в любой момент прохождения курса в любой момент обучения как нам это сделать в рамках данного курса первым шагом мы находим любой сайт который нам только может понравиться в нем мы находим элемент который как нам кажется может быть реализован тегами которые мы только что прошли и третьим шагом мы клонируем этот элемент то есть переписываем его html структуру как вот вы поняли информацию как вы усвоили так и создаете вы создаете этот элемент и это будет домашним заданием для каждого урока в курсе возможно иногда я буду давать какой-то определенное домашние домашнее задание но в таком случае она будет лежать в папке курса на этом у меня все по первому уроку так что желаю вам удачи до встречи в следующих уроках