Онлайн-курс Frontend-разработчик

Программа курса

Ознакомьтесь с программой курса «Онлайн-курс Frontend-разработчик» от Бруноям - brunoyam.com

1. Введение в веб-технологии - 5 часов. Что такое сайт и способы его создания Как устроен Интернет Этапы создания сайта Основные инструменты веб-разработчика Валидность кода, валидаторы Git и GitHub Создание первой HTML-страницы В этом модуле вы поймёте, что так…
2. Основы HTML - 5 часов. Семантические теги для структуры страницы Создание и настройка гиперссылок Работа с нумерованными и маркированными списками Вставка изображений, видео и аудио Практическая вёрстка страницы с навигацией и карточками В этом модуле вы науч…
3. Основы CSS - 5 часов. Подключение стилей Основные свойства оформления Стилизация текста Принципы каскадности Практическое применение В этом модуле вы освоите подключение CSS, научитесь задавать стили элементам и тексту, поймете логику наследования свойств.
4. Многоколоночные макеты - 2 часа. Многоколоночные макеты Блочные и строчные элементы Основы Flexbox: оси, выравнивание, перенос Создание адаптивных колонок Практика: вёрстка карточек и сеток Комбинирование технологий В этом модуле вы научитесь создавать сложны…
5. Вёрстка макета в Figma - 2 часа. Знакомство с интерфейсом Figma Работа с готовыми макетами Подготовка к вёрстке Пошаговая вёрстка простого макета Использование инструментов разработчика В этом модуле вы научитесь работать в Figma, анализировать готовые макеты…
6. Позиционирование - 2 часа. Абсолютное и относительное позиционирование Фиксированное и sticky-позиционирование Управление слоями через z-index Контексты наложения элементов В этом модуле вы научитесь контролировать расположение элементов на странице. Освоите…
7. Формы обратной связи - 4 часа. Поля ввода и их виды Чекбоксы и радиокнопки Выпадающие списки с вариантами Оформление форм В этом модуле вы научитесь создавать формы для сбора данных пользователей. Узнаете, как работать с разными типами полей ввода, группирова…
8. Адаптивность и кроссбраузерность - 3 часа. Зачем нужна адаптивность и как она влияет на пользователей? Медиа-запросы Viewport и настройка области просмотра для мобильных устройств Кроссбраузерная вёрстка Инструменты тестирования В этом модуле вы научитесь соз…
9. Анимации в CSS - 4 часа. Плавные переходы между состояниями Создание сложных анимаций через @keyframes Трансформации элементов Практические примеры использования В этом модуле вы научитесь создавать плавные переходы, многоэтапные анимации и преобразовывать эл…
10. Основы JavaScript - 8 часов. Введение JavaScript Переменные и типы данных Математические операторы и преобразование типов Логические операторы Ветвления и условные операторы Встроенные функции для взаимодействия с пользователем В этом модуле вы познакомитесь…
11. Основы Redux - 5 часов. Введение в управление состоянием Основные принципы Redux Работа с Redux Toolkit Интеграция с TypeScript Дорожная карта разработчика В этом модуле вы познакомитесь с Redux как инструментом управления состоянием, научитесь использовать R…
12. Циклы и массивы в JavaScript - 5 часов. Циклы и массивы в JavaScript Основы работы с массивами Методы массивов: добавление и удаление элементов Использование циклов for и while Работа с вложенными массивами Отладка кода через консоль В этом модуле вы научитес…
13. Функции - 5 часов. Основы функций и стрелочные функции Работа с оператором return Области видимости переменных Замыкания и отложенное выполнение Функции обратного вызова В этом модуле вы научитесь создавать и использовать функции, освоите работу с областями в…
14. Объекты. DOM. События - 4 часа. Работа с объектами Конструкторы и наследование Взаимодействие с DOM Обработка событий В этом модуле вы научитесь создавать и работать с объектами, освоите принципы наследования, изучите методы работы с DOM и обработки событий.
15. Анимация и эффекты в JavaScript - 4 часа. Виды веб-анимаций и их применение Оптимизация рендеринга анимаций Работа с Web Animations API Популярные анимационные библиотеки В этом модуле вы изучите различные подходы к созданию анимаций, научитесь оптимизировать…

Чему вы научитесь

• Познакомитесь с интерфейсом figma работа с готовыми макетами подготовка к вёрстке пошаговая вёрстка простого макета использование инструментов разработчика в этом модуле вы научитесь рабо…
• Освоите основы: введение javascript переменные и типы данных математические операторы и преобразование типов логические операторы ветвления и условные операторы встроенные функции для взаимодействия с пол…
• Освоите основы: многоколоночные макеты блочные и строчные элементы основы flexbox оси, выравнивание, перенос создание адаптивных колонок практика вёрстка карточек и сеток комбинирование технологий в…
• Основы функций и стрелочные функции Работа с оператором return Области видимости переменных Замыкания и отложенное выполнение Функции обратного вызова В этом модуле вы научитесь создавать и использо…
• Подключение стилей Основные свойства оформления Стилизация текста Принципы каскадности Практическое применение В этом модуле вы освоите подключение CSS, научитесь задавать стили элементам и текст…