Веб разработка [Skypro] Курс Веб-разработчик

[AlfaStar]

[Skypro] Курс Веб-разработчик​

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

• 330 часов обучения
• 12–15 часов в неделю
• 7 проектов в портфолио

Индивидуальная проверка домашних заданий
Поддержка наставника - если захотите кто скачает я могу поддерживать проверки домашних работ. На Ваше усмотрение.
Мастер-классы онлайн с реальными рабочими задачами

Модуль 1. HTML, CSS и адаптивный дизайн
примерный срок обучения - 7 недель.

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

Проектный результат:
1. Закрепите навык верстки без подсказок и инструкций, а также подключите JavaScript к проекту.
2. 4 лендинга — продающих одностраничных сайта.

Уроки:

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

Модуль 2. Основы JavaScript
примерный срок обучения - 4 недели.

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

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

Уроки:

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

Модуль 3. JavaScript в браузере.
примерный срок обучения - 13 недель.

С помощью 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. Инструменты разработки.
примерный срок обучения 5 недель.

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

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

Уроки:

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

Модуль 5. Библиотека React
срок обучения - 7 недель.

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

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

Уроки:

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

Подробнее:

СКАЧАТЬ