Быстрый старт во фронтенд с нуля. Пошаговый план. HD

У новичком часто возникает непонимание, в каком порядке и что нужно изучать, чтобы стать frontend разработчиком. Наличие плана обучения - критичный компонент, чтобы дойти до результата и устроиться на первую работу. Это видео даст тебе понимание, какие первые шаги тебе нужно сделать, чтобы начать. Секции: 0:00 Вступление. Как должен выглядеть план для Frontend-разработчика? 0:37 Шаг 1. Создание страницы на Git Pages. Основы Git и Hello world на html 2:29 Шаг 2. Где найти макет для вёрстки сайта? Figma community 4:11 Шаг 3. Создай структуру сайта 4:24 Основные html теги. Селекторы и правила CSS 5:18 Как правильно верстать страницу? Методология БЭМ 6:35 Как правильно разбить макет на блоки? 8:32 Вёрстка структуры для ПК и публикация на Git Pages 9:12 Шаг 4. Добавление интерактивности и изучение основ JS 10:13 Шаг 5. Убери различия между сайтом и макетом 10:38 Адаптивная вёрстка - с чего начать? 11:04 Как работает Pixel Perfect? Проверка адаптивности сайта 13:40 Проверь свой сайт в разных браузерах 14:21 Шаг 6. Как оптимизировать свой сайт? 15:03 Как оптимизировать изображения на своём сайте? 16:03 Автоматизация оптимизаций 16:33 Как измерить производительность сайта? 18:13 Шаг 7. Улучшение структуры кода 18:46 Подключи шаблонизатор вёрстки 19:48 Подключи css препроцессор 20:25 Линтинг кода - зачем он нужен и как добавить? 21:02 Автоматизация сборки 21:23 Оформление Readme.md 22:21 Итоги ССЫЛКИ ИЗ ВИДЕО: Git https://git-scm.com/ Поиск макетов https://www.figma.com/community Про БЭМ https://ru.bem.info/methodology/quick-start/ Расширение Pixel Perfect для Chrome https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi Оптимизация картинок https://tinypng.com/ PUG https://pugjs.org/api/getting-started.html Sass https://sass-lang.com/ СОЦ. СЕТИ: Instagram - https://www.instagram.com/sergeydmitrievskyit Telegram - https://t.me/sergeydmitrievsky ОБО МНЕ: Меня зовут Сергей - тимлид и frontend разработчик из Москвы. Я помогаю новичкам с 0 освоить фронтенд разработку и начать работать в IT. #фронтендразработка #фронтенд #фронтендснуля