ПОЛНЫЙ РАЗБОР КАРТЫ РАЗВИТИЯ ПО FRONTEND-РАЗРАБОТКЕ С САЙТА ROADMAP.SH [ЧАСТЬ 1]

• Видео начинается с обзора карты развития для фронтенд-разработчиков, созданной на сайте roadmap.sh.  

• Карта постоянно развивается и имеет 240 тысяч звезд на GitHub.  

• Карта содержит информацию о различных практиках, таких как фронтенд, бэкенд и DevOps, а также о конкретных скиллах, таких как React, Vue и TypeScript.  

• Карта также содержит информацию о лучших практиках, таких как Redux и GraphQL.  

• Карта интерактивна и позволяет кликать на узлы для получения дополнительной информации.  

• Каждый узел имеет статус "изучить" или "пропустить".  

• Видео переходит к изучению HTML, CSS и JavaScript.  

• HTML - это язык гипертекстовой разметки, который используется для создания структуры веб-страницы.  

• CSS - это язык стилей, который используется для оформления веб-страницы.  

• JavaScript - это язык программирования, который используется для создания интерактивности на веб-странице.  

• Видео рекомендует использовать ресурсы, такие как W3Schools и HTML Five, для изучения этих технологий.  

• После изучения HTML, CSS и JavaScript, видео переходит к обсуждению того, как браузер отображает веб-страницу.  

• Браузер начинает парсинг файла HTML, создавая древовидную структуру, которая затем используется для отрисовки веб-страницы с помощью JavaScript и CSS.  

• Видео начинается с объяснения структуры страницы с HTML, оформления и дерева рендера.  

• Затем следует этап layout, где высчитывается структура и расположение каждого элемента страницы.  

• CSS - это каскадные таблицы стилей, которые используются для описания внешнего вида веб-страницы.  

• Адаптивная верстка - это процесс создания веб-страницы, которая выглядит хорошо на разных устройствах.  

• Медиа запросы используются для определения стилей для разных устройств.  

• JavaScript - это язык программирования, который используется для взаимодействия с веб-страницей.  

• Изучение JavaScript начинается с синтаксиса, переменных, условий, циклов и функций.  

• Затем следует раздел о работе с веб-страницей, где изучаются темы, такие как обработка событий, получение и изменение элементов дома.  

• В последнем разделе изучается работа с сетью, файлами и хранением данных в браузере.  

• Обсуждение работы с файлами, включая использование Excel документов в формах и сохранение объектов в хранилище.  

• Рекомендации по изучению новых фич языка, включая roadmap и понимание концепций, таких как хостинг, всплытие событий, scope, прототип, Shadow дом и стрикт.  

• Важность практики и улучшения кода своих проектов.  

• Изучение методологии KISS, DRY и SOLID для организации кода.  

• Гид - система контроля версий, которая помогает организовать работу над проектами.  

• Примеры использования Гита для отслеживания версий, создания веток и работы с другими разработчиками.  

• Обзор основных команд Гита, включая git config, git init, git remote, git commit, git push, git pull и git fetch.  

• Рекомендации по использованию справочников команд для изучения новых команд.