- Bash и Git. Установка Git, командная строка, настройка и подключение Git к проекту.
- Шрифты и типографика. Подключение шрифтов к странице, настройки шрифтов, подключение внешних шрифтов
- Флексбокс-вёрстка
- Grid Layout. Гриды, терминология гридов, столбцы и строки внутри грид-контейнера
- Создадите одностраничный сайт и напишите CSS для работающего приложения
Верстка веб-страниц. HTML CSS
1 месяц
- Получили опыт работы с Git в команде по GitFlow
- Научилсь верстать через HTML и задавать стили через CSS
- На практике изучили Grid Layout, а также флексбокс-верстку
Результат:
Адаптивная верстка, декорирование
1 месяц
- Научились адаптивной верстке, вертске под планшеты, а также на маленькие экраны
- Получили опыт и глубокое понимание анимации, а также транзишен-переходов
Результат:
- Разработка интерфейса для разных устройств
- SVG. Экспорт svg, использование svg
- Анимации
- 2D трансформации + транзишены. Transition, матрица трансформаций
- 3D трансформаци. Матрица 3D-преобразований
Содержание курса:
Содержание курса:
- Разработаете свою свобственную анимацию транзишн-перехода на другие страницы своего сайта
- Разработаете анимацию появления элементов на страницы
Практика:
«Front - End разработка»
1
2
- Создадите свой собстенный одностраничныый сайт на HTML и CSS
Практика:
JavaScript и TypeScript
JavaScript
Второй уровень
2 месяца
Результат:
- На практике научитесь работать с DOM
- Применять дебаггинг JavaScript
- Использовать ассинхронные колбэки
- Глубоко разберетесь в понимании HTTP и работе с API
Содержание курса:
- Перемененный и типы данных.
- Работа с DOM. DOM: выбор элементов, атрибуты и их методы, манипуляции с классами CSS
- Дебаггинг JavaScript. Чтение ошибок, типы ошибок
- Методы работы с данными, условия, циклы
- Создание, добавление и удаление элементов в DOM
- Массивы
- Циклы. Функции. Объекты
- Сборка проекта. Webpack. Библиотека пакетов NPM, подключение репозитория NPM пакетов
- Модули в JS. IIFE, инкапсуляция и модули, директивы export и import
- Асинхронность. Асинхронные операции, колбэки, асинхронные колбэки, таймеры, event loop, promise
- Обработка событий
- Работа с формами
- Валидация форм
- Работа c API. Протокол HTTP, запросы из JavaScript, формат JSON, HTTP-запрос, ответ, инструменты: вкладка Network
TypeScript
Второй уровень
1 месяц
Практика:
Содержание курса:
- Введение в TypeScript. Динамическая и статическая типизация
- Объектно-ориентированное программирование
- Статические поля и методы, имплементация интерфейсов, дженерики, условные типы
- Тултип, валидация, дропдаун, модальное окно, табы, аккордеон, слайдер, галерея
- ООП в интерфейсах
3
4
Практика:
Результат:
- Разработаете фронтенд интернет-магазина с каталогом товаров, корзиной и оформлением заказа. Затем с помощью TypeScript и ООП расширите функционал приложения
- На практике освоите применение TypeScript
- Научитесь применять статические поля и методы интерфейсов
- Подключите веб-сервис к серверу, чтобы все изменениях данных сохранились, и сервисом смогли пользоваться другие люди
- Научитесь применять DOM, а также работать с API в реальном проекте
Основы React
Основы React
1 месяц
Практика:
Содержание курса:
- Create React App, новый проект, распаковка и структура проекта
- Синтаксис JSX. React и JSX, синтаксис JSX: основы, списки и события, функциональные компоненты
- Компоненты и их жизненный цикл. Классовые компоненты, жизненный цикл классовых компонентов, virtual DOM
- Импорт модулей, CSS-модули
- React DevTools. Установка и использование расширения React DevTools, сборка
- Библиотеки компонент. Добавление классового компонента, работа в изоляции, storybookпроекта
5
- Самостоятельно напишите фундамент проектного приложения на React.js.
- Создадите Redux-хранилище. Реализуете роутинг и авторизацию в приложении.
После успешного обучения
Сертификат
Персональный сертификат о прохождении специализации. По запросу предоставляется на английском языке.
Развитие карьеры и бизнеса
— консультации с ментором в течение обучения
— подборки вакансий, инсайты рынка труда
— проекты в ваше портфолио
— реальный опыт на крауд-платформах
— подборки вакансий, инсайты рынка труда
— проекты в ваше портфолио
— реальный опыт на крауд-платформах
Развитие карьеры и бизнеса
Сообщество экспертов с бизнес-опытом из разных сфер