Профессия Веб-разработчик плюс от Яндекс.Практикума

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

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

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

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

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

6. Работа с внешними API. Вы научитесь взаимодействовать с удалённым сервером и внешними веб-сервисами. Получать от них данные и записывать данные в них. Теперь вы сможете самостоятельно разобраться в документации Твиттера или Телеграма и написать приложение, которое будет взаимодействовать с ними.

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

8. Подходы и парадигмы программирования. В этом курсе вы познакомитесь с двумя главными парадигмами программирования: объектно-ориентированной и функциональной. В первой узнаете, что такое инкапсуляция, наследование и полиморфизм, и научитесь применять ООП в интерфейсах.

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

10. Основы React. Вы заложите фундамент изучения React. Освоите все базовые инструменты отладки и разработки, которые входят в библиотеку, создадите каркас приложения и подготовите все дизайн-компоненты.

11. Контроль состояния приложений. Вы научитесь контролировать данные и процессы внутри приложения. Для этого будете работать с двумя основными инструментами: React Context и библиотекой Redux. Оба инструмента очень популярны в продуктах, созданных с использованием React.

12. Навигация, безопасность, тестирование. Вы добавите навигацию в приложение инструментами библиотеки React Router. Разберётесь в тонкостях настройки маршрутов пользователей. Реализуете авторизацию и регистрацию для приложения, создадите две зоны сайта: видимую всем и видимую только авторизованным пользователям. Разберёте вопросы безопасности в современных приложениях и узнаете об альтернативных подходах. А в итоговой части познакомитесь с основами библиотеки Jest и покроете приложение тестами.

13. Взаимодействие в реальном времени и типизация. Вы научите приложение «связываться» с внешними сервисами, взаимодействуя с ними в режиме реального времени. Для этого разберётесь с технологией WebSockets. После погрузитесь в мир типизации и улучшите приложение с помощью TypeScript.

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

15. Архитектура, безопасность и инфраструктура. Вы узнаете, что такое Docker, Nginx, pm2 и научитесь разворачивать приложение несколькими командами. Узнаете, как проектировать архитектуру и устранять уязвимости.

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

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