Веб-разработчик + год английского в подарок от Skypro

О школе

Skypro — это онлайн-университет IT и digital-курсов от Skyeng. Специалисты школы постоянно исследуют лучшие практики в профессиях и строят программу, отталкиваясь от этого. Школа предлагает курсы как по комплексу навыков для получения новой профессии, так и по конкретным навыкам для повышения профессионализма и дохода.

Программа обучения

90 часов теории и 330 часов практики
7 проектов в портфолио
Командная работа в формате мастер-классов

1. HTML, CSS и адаптивный дизайн

Научитесь верстать и стилизовать сайты с помощью HTML и CSS, адаптировать их под различные устройства. Освоите технологии Grid Layout и Flexbox для позиционирования элементов на странице, а также узнаете, как подключить к своему проекту препроцессоры.

Уроки:

• Введение в веб-разработку
• Основы HTML
• Основы CSS
• Строчные и блочные элементы
• Знакомство с графическими редакторами
• Позиционирование элементов. Flexbox
• Позиционирование элементов. Grid Layout
• Препроцессоры CSS
• Введение в адаптивный дизайн
• Практика создания адаптивного дизайна
• Методология БЭМ и анимация для сайта
• Финальная проверка сайта

Проектный результат:

Вы создадите:

• сайт интернет-магазина, адаптированный под разные устройства;
• 4 лендинга — продающих одностраничных сайта.

2. Основы JavaScript

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

Уроки:

• Знакомство с JavaScript
• Условное ветвление и основы функций
• Циклы, массивы. Работа с функциями
• Методы работы с массивами. Продвинутая работа с циклами
• Работа с объектами
• Финальный мастер-класс

Проектный результат:

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

3. JavaScript в браузере

С помощью JavaScript научитесь добавлять динамичность интерфейсу, осуществлять интерактивное взаимодействие с пользователем, работать с интерфейсом, обработчиками событий, браузерными API: Browser Object Model и Document Object Model — а также внешними API.

Уроки:

• Введение в Document Object Model
• Browser Object Model
• Document Object Model. Часть 1
• Document Object Model. Часть 2
• Шаблонизация
• Шаблонизация. Практика
• События. Часть 1
• События. Часть 2
• Работа с формами и элементами на странице. Часть 1
• Работа с формами и элементами на странице. Часть 2
• Типовые виджеты. Часть 1
• Типовые виджеты. Часть 2
• AJAX и работа с данными. Часть 1
• AJAX и работа с данными. Часть 2
• Работа с API. Часть 1
• Работа с API. Часть 2
• Работа со сторонними модулями и организация кода. Часть 1
• Работа со сторонними модулями и организация кода. Часть 2
• Курсовая работа

Проектный результат:

• Сделаете виджет погоды, интерфейс создания и ввода ПИН-кода, форму отправки отзыва с рейтингом заведения.
• В конце курса создадите многопользовательскую браузерную игру «Камень, ножницы, бумага».

4. Инструменты разработки

В этом курсе вы узнаете об основных инструментах разработчика, которые важны для удобства работы с проектом и скорости внесения изменений. Вас ждет знакомство и работа с Git, GitHub, линтерами, форматтерами, пакетными менеджерами и инструментом для сборки Webpack. Во второй половине курса вы научитесь тестировать свой проект, проводить рефакторинг и ревью кода.

Уроки:

• Жизненный цикл frontend-проекта и основы Git
• Code review
• Пакетные менеджеры. Code Linting
• Инструменты для сборки проектов
• TypeScript
• Основы тестирования (автоматические тесты, unit-тесты)
• Отладка, дебагинг и профилирование приложения
• Рефакторинг
• Курсовая работа (сквозная)

Проектный результат:

• Запрограммируете приложение для карточной игры, подключите свой проект к Git, настроите форматтеры и линтеры.
• После тестирования проведете дебаг и рефакторинг своего проекта.

5. Библиотека React

Библиотека React — это набор готовых решений и функций на Java Script. Сегодня React — самая популярная библиотека во фронтенд-разработке и большинство крупных компаний используют именно его. В рамках этого курса вы осовоите React-компоненты, React Hooks, а также научитесь работать с библиотекой Rеdux.

Уроки:

• Введение в React
• JSX
• Состояние и жизненный цикл компонента
• Стилизация. Styled Components
• Routing
• React Refs
• Context
• Управление состоянием. Redux
• Redux. Асинхронность
• Тестирование компонентов

Проектный результат:

• В рамках этого курса вы создадите музыкальный сервис, аналогичный «Яндекс.Музыке», в котором будут реализованы: витрина с доступными треками, встроенный в приложение плеер, добавление трека в избранное и список подборок.

6. Знакомство с бэкенд-разработкой

Понимание серверной части является ключом к созданию полноценных web-сервисов. В рамках курса вы научитесь принимать, обрабатывать и собирать данные в формате json, работать с API и понимать работы бэкенда: запуск сервера, роутинг, обработка запросов. Познакомитесь с библиотекой для разработки серверных приложений Express_JS, средой выполнения Node. js, базами данных.

Уроки:

• Основы работы бэкенда
• Node.js
• REST API
• Express и MongoDB

Проектный результат:

• В рамках этого короткого модуля вы создадите собственный бэкенд к проекту.

7. Процессы командной разработки

К этому моменту вы пройдете основные блоки веб-разработки, кроме настоящей практики работы в команде. Перед стартом проекта вы подробнее разберете тему Deployment и CI/CD. Далее вас ждёт освоение навыков по декомпозиции задач, разделению зон ответственности, проводению код-ревью и тестированию решений. Помимо хард скиллов, вы прокачаете навыки работы в команде: научитесь принимать и давать обратную связь, соблюдать сроки, договариваться, приходить к компромиссу, мотивировать друг друга и презентовать работу целой команды.

Проектный результат:

• Вас ожидает командная разработка сайта онлайн-тренировок. Внутри команды предстоит распределять задачи, чтобы успеть в срок, оценивать код друг друга и работать по отрезкам времени (спринтам). Защита проекта проходит в формате презентации перед заказчиком, в роли которого будет выступать техлид профессии или наставник.

8. Финальный индивидуальный проект

Финальный проект — это возможность собрать все знания, навыки и опыт за время обучения. У вас будет 2 недели, чтобы справиться с последней задачей для портфолио — разработкой frontend-части для сервиса покупки авиабилетов с функциями выбора рейса, места и оплаты.

Проектный результат:

• Разработка frontend-части для сервиса покупки авиабилетов. Функции на сайте: выбор рейса, места в самолете, страница с оплатой.