Frontend-разработчик

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

• Введение. Базовые понятия. Основные инструменты для frontend-разработчика. Введение в Git

  Как устроен web и клиент-серверное взаимодействие. Какие задачи делает frontend-разработчик. Обзор основных технологий (HTML, CSS, javascript). Основные инструменты для frontend-разработчика. Основы использования системы контроля git

• HTML

  Базовые понятия. Базовая структура html документа. Мета-теги, подключение ресурсов к странице, фавикон. Разделение страницы на блоки. Базовые теги Семантическая верстка аттрибуты. Типовые задачи. Формы, списки, таблицы, карточки, базовая раскладка страницы. Графика. Добавление изображений в html, img и picture. Форматы графики. Jpg png webp svg avif gif vs mp4.

• CSS

  Базовые понятия. Что такое каскадные таблицы стилей. Селекторы. Наследование стилей. Специфичность. Способы добавления. Блочная модель. Управление размерами и положением элемента, управление контентом. Ширина и высота для разных типов элементов. Margin. Padding/ Позиционирование. Единицы измерения, абсолютные и относительные. Управление фоном. Псеводэлементы. Псевдоселекторы. Псевдоклассы. Подходы к написанию css. Текстовые свойства. Работа со шрифтами. Управление размерами шрифтов. Свойства работы со шрифтами. Инструменты для верстки сетки и создания адаптивности. Создание сеток на флексбоках. Создание сеток на гридах. Медиа-запросы. Подходы к адаптации страницы под разные устройства. Container queries.

• JavaScript

• TypeScript

• React

• Soft skills для разработчиков

• Проект