Яндекс Практикум: Веб-разработчик

Вводный курс поможет почувствовать себя в роли разработчика и понять, хотите ли вы развиваться в этом направлении. Вы узнаете о базовом синтаксисе HTML и CSS, научитесь управлять цветом и шрифтами и размещать блоки на странице. А ещё напишете программу на языке JavaScript и сделаете страницу интерактивной. Всё это — с помощью четырёх практических проектов.

• Первый код
• Что такое HTML и CSS
• Базовые CSS-свойства
• Введение в JavaScript
• JavaScript. Приземление в реальность

Вы узнаете, как устроены программа и обучение. Ознакомитесь с организационными деталями и подготовите компьютер к написанию кода. Кроме этого, вспомните ключевые моменты из вводного курса: так проще перейти к новому материалу.

Вы узнаете, на что способны HTML и CSS. Пройдёте Flexbox, позиционирование элементов, работу с медиафайлами, виджетами и формами, создание анимаций. Познакомитесь с самым популярным в мире подходом к организации кода — методологией БЭМ, а ещё научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Кроме этого, подключите к проекту систему контроля версий Git и попробуете работать в командной строке — так вы создадите для сайта необходимое окружение из вспомогательного программного обеспечения.

• Flexbox
• Знакомство с Git
• Дебаггинг в вёрстке
• Думать как разработчик
• Разметка и вёрстка форм
• Анимации и трансформации
• Продолжение работы с Git
• Позиционирование элементов
• Структура файлов, пути к файлам
• Декомпозиция проекта по вёрстке
• HTML — video, iframe, embed, API
• Расширенные возможности HTML и CSS
• Пути к файлам и организация файлов по БЭМ

Много времени уделим макетам: разберёмся, какие виды используют в работе профессионалы и что нужно знать и уметь разработчику. Вы научитесь создавать интерфейсы для разных устройств (настольных компьютеров, ноутбуков, планшетов, смартфонов). А ещё узнаете некоторые свойства Grid Layout, которые требуются для построения адаптивных сеток. Вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки.

• Grid Layout
• Продолжение работы с Git
• Неполный бриф, неточный макет
• Работа с дизайном и спецификацией
• Дизайн в мире множества устройств
• Разработка интерфейса для разных устройств

Полноценное погружение в JavaScript. Вы исследуете типы данных, научитесь работать с условиями, циклами и функциями. Всю теорию примените в проекте — из свёрстанных страниц работа превратится в полноценный сайт.

• Формы
• Массивы
• Функции
• Валидация форм
• Условия и циклы
• Объекты в JavaScript
• Введение в JavaScript
• Примитивные типы данных
• Отладка JavaScript-кода
• Продвинутая работа с Git
• Как работать с документацией
• Работа с браузерными событиями
• Объектная модель документа (DOM). Основы
• Добавление, изменение и удаление DOM-элементов

Глубокое погружение в JavaScript. Вы освоите сложные концепции языка: объектно ориентированное программирование, асинхронность и обмен данными с сервером. Познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в проектную работу. Эти инструменты помогут вам эволюционировать из верстальщика в веб-разработчика.

• Работа с API
• Асинхронность
• Модули в JavaScript
• Сборка проекта с webpack
• ООП в интерфейсах. Часть 1
• Синтаксис деструктуризации
• ООП в интерфейсах. Часть 2
• Привязка this и потеря контекста
• Объектно ориентированное программирование
• Подготовка к техническому интервью: прототипы объектов

Вы изучите библиотеку React и её экосистему. Начнёте делать сайты из компонентов, которые можно переиспользовать на разных страницах. Разработка сложных интерфейсов станет быстрее, а код будет проще поддерживать.

• React Hooks
• React Router
• Введение в React
• Работа с данными в React
• React — непростые концепции
• Решение алгоритмических задач
• Подготовка к техническому собеседованию
• Инфраструктура и инструменты React-разработки

Без взаимодействия с сервером невозможно создавать полноценное веб-приложение. Вы изучите, как работает JavaScript в среде Node.js, поднимете и настроите сервер. Познакомитесь с фреймворком Express.js и базой данных MongoDB. Создадите серверный API для сайта, над которым работали раньше.

• Базы данных
• Создание REST API
• Введение в Express.js
• Функции и их внутренности
• Анализ сложности алгоритмов
• Безопасность веб-приложений
• Подготовка и деплой бэкенда
• Серверная разработка на Node.js
• Автоматизированное тестирование
• Фронтенд для аутентификации на React
• Аутентификация и авторизация. Часть 1
• Аутентификация и авторизация. Часть 2

Итоговый проект, с помощью которого вы подтвердите знания и умения. Во время диплома не нужно выполнять домашние задания и читать теорию в тренажёре. В нём всё будет, как в реальной жизни: задания, сроки, ваши навыки и поисковик.