[Яндекс.Практикум] Как стать веб-разработчиком - плюс. Полный курс

[Moderator]

Быть веб-разработчиком — это: → Создавать сайты и программы в интернете. От сайта-визитки до системы вроде Фейсбука вместе с командой. → Заниматься и визуальной стороной проекта, и его внутренней логикой. → Владеть инструментами и технологиями, которые заметно упрощают работу. Программа обучения: 1. Основы HTML, CSS, JS: бесплатный вводный курс Вводный курс поможет почувствовать себя в роли разработчика и понять, хотите ли вы развиваться в этом направлении. Вы узнаете о базовом синтаксисе HTML и CSS, научитесь управлять цветом и шрифтами и размещать блоки на странице. А ещё напишете программу на языке JavaScript и сделаете страницу интерактивной. Всё это — с помощью четырёх практических проектов. 2. Как устроено обучение Вы узнаете, как устроены программа и обучение. Ознакомитесь с организационными деталями и подготовите компьютер к написанию кода. Кроме этого, вспомните ключевые моменты из вводного курса: так проще перейти к новому материалу. 3. Расширенные возможности HTML и CSS Вы узнаете, на что способны HTML и CSS. Пройдёте Flexbox, позиционирование элементов, работу с медиафайлами, виджетами и формами, создание анимаций. Познакомитесь с самым популярным в мире подходом к организации кода — методологией БЭМ, а ещё научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Кроме этого, подключите к проекту систему контроля версий Git и попробуете работать в командной строке — так вы создадите для сайта необходимое окружение из вспомогательного программного обеспечения. 4. HTML и CSS. Работа с макетом Много времени уделим макетам: разберёмся, какие виды используют в работе профессионалы и что нужно знать и уметь разработчику. Вы научитесь создавать интерфейсы для разных устройств (настольных компьютеров, ноутбуков, планшетов, смартфонов). А ещё узнаете некоторые свойства Grid Layout, которые требуются для построения адаптивных сеток. Вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки. 5. Базовый JavaScript и работа с браузером Полноценное погружение в JavaScript. Вы исследуете типы данных, научитесь работать с условиями, циклами и функциями. Всю теорию примените в проекте — из свёрстанных страниц работа превратится в полноценный сайт. 6. Работа с внешними API Сложно найти современный популярный сайт, который бы не использовал 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. Практика реальных проектов Несколько уникальных проектов в портфолио. Здесь вы на время станете частью внутреннего бюро и создадите несколько реальных проектов в командах с другими студентами Практикума. Вы сможете отточить навыки кросс-ревью, постановки задач, обсуждения решений, а ещё разнообразить ваше портфолио.