Курс «Фронтенд-разработчик с нуля»

Профессия фронтенд-разработчика привлекательна благодаря своей актуальности и высокой заработной плате. Работа в этой сфере подразумевает постоянное развитие и обучение новым технологиям, что позволяет оставаться востребованным специалистом. Курсы фронтенд-разработчика от образовательного проекта Merion Academy проводятся для тех, кто хочет научиться создавать интерактивные и функциональные веб-сайты и приложения и освоить востребованную профессию в сфере IT.

Во время обучения фронтенд-разработчика вы освоите основы HTML, CSS и JavaScript, научитесь верстать сайты и адаптировать их под разные устройства. Познакомитесь с фреймворками React и Redux, научитесь применять их для создания сложных пользовательских интерфейсов. А еще освоите инструменты для контроля версий кода (Git) и системы сборки проектов (Webpack).

Краткая программа курса «Фронтенд-разработчик с нуля»:

1. Знакомство со сферой веб-разработки и функциями фронтенд-разработчика.
2. Основы HTML и CSS. Первые свойства.
3. Популярные программы для просмотра макетов. Адаптивная верстка.
4. Продвинутый JavaScript.
5. Обзор дорожной карты frontend-разработчика с нуля.

В результате у вас будет опыт верстки с использованием HTML, CSS и JS, работы с Node.JS, npm, Webpack и умение работать с Git, а квалификация подтверждена именным сертификатом Merion Academy.

Блок 1: Введение

• Кратко о сфере веб-разработки и функциях фронтенд-разработчика. Лекция.
• Описание курса и как он устроен. Лекция.
• Настройка начального рабочего окружения. Лекция.

Блок 2: Основы HTML

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

Блок 3: Основы CSS

• Знакомство с CSS и первые свойства. Лекция.
• Продвинутые селекторы, инструменты разработчика, каскадность. Лекция.
• Блочные и строчные элементы, позиционирование. Лекция.
• Практическое задание. Оформление страницы. Практика.

Блок 4: Работа с макетами

• Популярные программы для просмотра макетов. Разбор макета и подготовка к верстке (структура макета, базовые стили). Лекция.
• Flexbox-модель: основные понятия и свойства. Лекция.
• Завершение верстки первого макета и разбор частых ошибок. Лекция
• Практическое задание. Верстка макета.

Блок 5: Адаптивная верстка

• Адаптивная верстка и ее виды. Лекция.
• Медиа-запросы. Лекция.
• Пример адаптивной верстки на макете. Лекция.
• Практическое задание. Адаптивная верстка. Практика.

Блок 6: Основы Git

• Системы контроля версий и установка Git. Лекция.
• Создание репозитория и хостинг файлов.

Блок 7: Основы JavaScript

• Языки программирования и принцип их работы. Лекция.
• Переменные и типы данных. Лекция.
• Операторы и приведение типов. Лекция.
• Условия и циклы. Лекция.
• Массивы и методы для работы с ними. Лекция.
• Функции. Лекция.
• Объекты. Лекция.
• Практическое задание. Функции и игры на JavaScript.

Блок 8: Основы JavaScript в браузере

• Браузер как окружение JavaScript. Лекция.
• Работа с DOM (Document Object Model). Лекция.
• События и обработчики. Лекция.
• HTML формы и JS. Лекция.
• Работа с сервером, локальные хранилища. Лекция.
• Практическое задание. Барабанный синтезатор.

Блок 9: Продвинутый JavaScript

• Знакомство с Node.JS и npm. Лекция.
• Модули и Webpack. Лекция.
• Наследование в JS. Лекция.
• Итераторы и генераторы. Лекция.
• Async-await, таймеры. Лекция.
• Unit-тестирование. Лекция.
• Практическое задание. To-Do List.

Блок 10: Основы React

• TypeScript. Лекция.
• Установка React и создание компонентов. Лекция.
• Props и состояние компонента. Лекция.
• React-Router. Лекция.
• Практическое задание. React проект.

Блок 11: Обзор дорожной карты Frontend-разработчика

• Обзор дорожной карты Frontend-разработчика. Лекция.

Финальное тестирование

• Финальное тестирование. Тест.
• Сертификат.

• Формат
  Самостоятельно с наставником
  Видеоуроки
  Обучение в ЛК на сайте автора
• Демодоступ
• Продолжительность
  4 месяца
• Уровень сложности
  Для новичков
• Когда вы будете учиться
  В любой день в любое время
• Домашние задания
  Есть
• Документ об обучении
  Сертификат Освоение программы курса
• Обязательное выполнение итоговой работы
• Техническая поддержка
  В рабочее времяЧат в мессенджереЭлектронная почтаТелефон
• Срок доступа к материалам
  Бессрочный