- #SkladchinaVip
- #1
[Яндекс.Практикум] Как стать веб-разработчиком - плюс. Полный курс
- Ссылка на картинку
-
Быть веб-разработчиком — это:
→ Создавать сайты и программы в интернете. От сайта-визитки до системы вроде Фейсбука вместе с командой.
→ Заниматься и визуальной стороной проекта, и его внутренней логикой.
→ Владеть инструментами и технологиями, которые заметно упрощают работу.
___________________________________________________
Программа обучения:
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.
Вы научитесь взаимодействовать с удалённым сервером и внешними веб-сервисами. Получать от них данные и записывать данные в них. Теперь вы сможете самостоятельно разобраться в документации Твиттера или Телеграма и написать приложение, которое будет взаимодействовать с ними.
6. JavaScript — непростые концепции
Глубокое погружение в JavaScript. Вы освоите сложные концепции языка: прототипы, замыкание, асинхронность. Познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в проектную работу. Эти инструменты помогут вам эволюционировать из верстальщика в веб-разработчика.
7. Подходы и парадигмы программирования
В этом курсе вы познакомитесь с двумя главными парадигмами программирования: объектно-ориентированной и функциональной. В первой узнаете, что такое инкапсуляция, наследование и полиморфизм и научитесь применять ООП в интерфейсах.
В функциональном программировании вы познакомитесь с концепцией чистых функций и с концепцией их композиции. Узнаете что такое каррирование и функции высшего порядка.
8. TypeScript
Вы погрузитесь в мир типизации и улучшите свой код с помощью TypeScript. Познакомитесь с основами и тонкостями этого диалекта, преимуществами разработки приложений на нём.
9. Основы React
Вы заложите фундамент изучения React. Освоите все базовые инструменты отладки и разработки, которые входят в библиотеку, создадите каркас приложения и подготовите все дизайн-компоненты.
10. Контроль состояния приложений
Вы научитесь контролировать данные и процессы внутри приложения. Для этого будете работать с двумя основными инструментами: React Context и библиотекой Redux. Оба инструмента очень популярны в продуктах, созданных с использованием React. Также вы освоите востребованную в современных приложениях механику перетаскивания элементов интерфейса, в том числе и на мобильных устройствах.
11. Навигация, безопасность, тестирование
Вы добавите навигацию в приложение инструментами библиотеки React Router. Разберётесь в тонкостях настройки маршрутов пользователей. Реализуете авторизацию и регистрацию для приложения, создадите две зоны сайта: видимую всем и видимую только авторизованным пользователям. Разберёте вопросы безопасности в современных приложениях и узнаете об альтернативных подходах. А в итоговой части познакомитесь с основами библиотеки Jest и покроете приложение тестами.
12. Взаимодействие в реальном времени и типизация
Вы научите приложение «связываться» с внешними сервисами, взаимодействуя с ними в режиме реального времени. Для этого разберётесь с технологией WebSockets. После погрузитесь в мир типизации и улучшите приложение с помощью TypeScript. Познакомитесь с основами и тонкостями этого диалекта, преимуществами разработки приложений на нём. Освоите детали подготовки проекта к продакшену и, наконец, покажете приложение миру.
13. Бэкенд на Node.js и не только
Невозможно создавать полноценные веб-приложения без взаимодействия с сервером. Вы изучите, как работает JavaScript в среде Node.js, поднимете и настроите сервер. Познакомитесь с фреймворком Express.js и базами данных: MongoDB и PostgreSQL. Вы создадите серверный API для сайта, над которым работали раньше. Кроме этого, создадите бэкенд для регистрации и авторизации пользователей.
14. Архитектура, безопасность и инфраструктура
Вы узнаете что такое Docker, Nginx, pm2 и научитесь разворачивать приложение несколькими командами. Узнаете как проектировать архитектуру и устранять уязвимости.
15. Практика реальных проектов
Несколько уникальных проектов в портфолио. Здесь вы на время станете частью внутреннего бюро и создадите несколько реальных проектов в командах с другими студентами Практикума.
Вы сможете отточить навыки кросс-ревью, постановки задач, обсуждения решений, а ещё разнообразить ваше портфолио.
→ Создавать сайты и программы в интернете. От сайта-визитки до системы вроде Фейсбука вместе с командой.
→ Заниматься и визуальной стороной проекта, и его внутренней логикой.
→ Владеть инструментами и технологиями, которые заметно упрощают работу.
___________________________________________________
Программа обучения:
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.
Вы научитесь взаимодействовать с удалённым сервером и внешними веб-сервисами. Получать от них данные и записывать данные в них. Теперь вы сможете самостоятельно разобраться в документации Твиттера или Телеграма и написать приложение, которое будет взаимодействовать с ними.
6. JavaScript — непростые концепции
Глубокое погружение в JavaScript. Вы освоите сложные концепции языка: прототипы, замыкание, асинхронность. Познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в проектную работу. Эти инструменты помогут вам эволюционировать из верстальщика в веб-разработчика.
7. Подходы и парадигмы программирования
В этом курсе вы познакомитесь с двумя главными парадигмами программирования: объектно-ориентированной и функциональной. В первой узнаете, что такое инкапсуляция, наследование и полиморфизм и научитесь применять ООП в интерфейсах.
В функциональном программировании вы познакомитесь с концепцией чистых функций и с концепцией их композиции. Узнаете что такое каррирование и функции высшего порядка.
8. TypeScript
Вы погрузитесь в мир типизации и улучшите свой код с помощью TypeScript. Познакомитесь с основами и тонкостями этого диалекта, преимуществами разработки приложений на нём.
9. Основы React
Вы заложите фундамент изучения React. Освоите все базовые инструменты отладки и разработки, которые входят в библиотеку, создадите каркас приложения и подготовите все дизайн-компоненты.
10. Контроль состояния приложений
Вы научитесь контролировать данные и процессы внутри приложения. Для этого будете работать с двумя основными инструментами: React Context и библиотекой Redux. Оба инструмента очень популярны в продуктах, созданных с использованием React. Также вы освоите востребованную в современных приложениях механику перетаскивания элементов интерфейса, в том числе и на мобильных устройствах.
11. Навигация, безопасность, тестирование
Вы добавите навигацию в приложение инструментами библиотеки React Router. Разберётесь в тонкостях настройки маршрутов пользователей. Реализуете авторизацию и регистрацию для приложения, создадите две зоны сайта: видимую всем и видимую только авторизованным пользователям. Разберёте вопросы безопасности в современных приложениях и узнаете об альтернативных подходах. А в итоговой части познакомитесь с основами библиотеки Jest и покроете приложение тестами.
12. Взаимодействие в реальном времени и типизация
Вы научите приложение «связываться» с внешними сервисами, взаимодействуя с ними в режиме реального времени. Для этого разберётесь с технологией WebSockets. После погрузитесь в мир типизации и улучшите приложение с помощью TypeScript. Познакомитесь с основами и тонкостями этого диалекта, преимуществами разработки приложений на нём. Освоите детали подготовки проекта к продакшену и, наконец, покажете приложение миру.
13. Бэкенд на Node.js и не только
Невозможно создавать полноценные веб-приложения без взаимодействия с сервером. Вы изучите, как работает JavaScript в среде Node.js, поднимете и настроите сервер. Познакомитесь с фреймворком Express.js и базами данных: MongoDB и PostgreSQL. Вы создадите серверный API для сайта, над которым работали раньше. Кроме этого, создадите бэкенд для регистрации и авторизации пользователей.
14. Архитектура, безопасность и инфраструктура
Вы узнаете что такое Docker, Nginx, pm2 и научитесь разворачивать приложение несколькими командами. Узнаете как проектировать архитектуру и устранять уязвимости.
15. Практика реальных проектов
Несколько уникальных проектов в портфолио. Здесь вы на время станете частью внутреннего бюро и создадите несколько реальных проектов в командах с другими студентами Практикума.
Вы сможете отточить навыки кросс-ревью, постановки задач, обсуждения решений, а ещё разнообразить ваше портфолио.