Frontend-разработчик от Бруноям
Вы научитесь
Программа курса
Курс посвящен изучению фронтенд-разработки. Вы узнаете о технологиях, инструментах и методах, применяемых при создании интерактивных веб-сайтов и интерфейсов. Программа курса включает такие темы, как HTML, CSS, JavaScript, использование библиотек и фреймворков, а также практика разработки проектов.
Введение в веб-технологии
Модуль затрагивает ключевые моменты построения веб-сайтов. Мы погрузимся в изучение устройства интернет-пространства, пройдем через все стадии создания сайта, разберемся с базовыми инструментами веб-разработки, научимся обеспечивать корректность кода и познакомимся с системой отслеживания изменений Git.
Основы HTML
Модуль посвящен изучению языка гипертекстовой разметки HTML. Вы узнаете об основных элементах и структурах HTML, научитесь создавать веб-страницы с текстом, списками, ссылками, изображениями, видео и аудио. Видеокейс поможет закрепить полученные знания на практике.
Основы CSS
Модуль посвящен изучению свойств CSS - Каскадных таблиц стилей. Вы узнаете о основных свойствах, каскадности и наследовании, научитесь работать с текстом и применять полученные знания на практике.
Многоколоночные макеты
Модуль посвящен изучению Flexbox, который позволяет управлять размещением элементов на странице. Вы узнаете о блочных и строчных элементах, научитесь использовать Flexbox для создания гибкой и адаптивной верстки.
Верстка макета в Figma
Модуль познакомит вас с функционалом программы Figma для разработки прототипов сайтов. В ходе обучения вы освоите интерфейс программы, научитесь создавать и модифицировать макеты, и в качестве практического задания создадите свой собственный макет.
Позиционирование
Модуль посвящен изучению различных способов позиционирования элементов на веб-странице. Вы узнаете об абсолютном и относительном позиционировании, научитесь фиксировать элементы и использовать “липкое” позиционирование.
Формы обратной связи
Модуль посвящен изучению форм и элементов ввода на веб-страницах. Вы узнаете о различных видах полей ввода, чекбоксах, списках с выбором ответа. Научитесь оформлять формы и работать с их элементами.
Адаптивность и кроссбраузерность
Модуль посвящен изучению адаптивности веб-сайтов. Вы узнаете о медиа-запросах и кроссбраузерности, научитесь создавать адаптивные веб-сайты и проверять их работу в различных браузерах.
Анимации в CSS
Модуль посвящен изучению анимаций и трансформаций в CSS. Вы узнаете о переходах, научитесь создавать анимации с помощью конструкции @keyframes. Поймёте, как можно трансформировать элементы на веб-странице и узнаете, как анимации используются в реальной веб-разработке.
Основы JavaScript
Этот раздел обучающей программы затрагивает основы программирования на языке JavaScript. Вы поймете базовые принципы функционирования данного языка, обучитесь использованию переменных и различных операторов, включая математические и логические операции. Вы изучите принципы ветвления кода и работу с условными конструкциями.
Циклы и массивы в JavaScript
Этот модуль посвящен изучению массивов и циклов в JavaScript. Вы изучите методы работы с массивами, научитесь использовать циклы for и while, работать с вложенными массивами и консолью браузера для отладки кода.
Функции
Модуль посвящен изучению функций и области видимости в JavaScript, а также таймерам и замыканию. Вы узнаете, что такое функции и зачем они нужны, научитесь создавать свои функции и использовать функции обратного вызова.
Объекты. DOM. События
Модуль посвящен изучению объектов и классов в JavaScript, прототипному наследованию, а также работе с DOM (Объектной моделью документа) и браузером. Вы узнаете что такое объекты, научитесь работать с ними и использовать их возможности для создания веб-приложений. Также вы изучите события и способы хранения данных в браузере.
Анимации в эффекты в JavaScript
Этот модуль познакомит вас с основами создания анимаций в JavaScript и работой с ними в браузере, а также научит использовать различные библиотеки для создания интерактивных веб-приложений. Вы освоите техники создания анимаций для разных элементов веб-сайта, научитесь контролировать скорость и направление анимационных эффектов и сможете использовать популярные инструменты для упрощения этого процесса.
Интерактивные элементы
Этот раздел предназначен для обучения вас искусству создания анимации на веб-страницах при помощи магии JavaScript и тайны CSS. Постигнув его глубины, вы овладеете способностью создавать динамичные и изящные интерактивные компоненты, такие как плавно скользящие ползунки, эффектно разворачивающиеся меню и интригующие всплывающие окна.
Знакомство с Node.js
Модуль посвящен изучению Node.js, NPM, Webpack и препроцессора SCSS. Вы узнаете, что это за технологии, зачем они нужны и как их использовать.
Работа с сервером
Модуль посвящен изучению Promise API, обращению к серверу с помощью класса XMLHttpRequest и использованию метода fetch для выполнения HTTP-запросов. Вы узнаете, как работают Promise API и XMLHttpRequest, научитесь делать AJAX-запросы и обрабатывать ответы сервера.
Express JS
Модуль посвящен изучению работы с фреймворком Express JS. Вы узнаете о концепции фреймворка, создадите свой первый проект на Express JS, изучите API и шаблоны, а также научитесь работать с хранением данных. В практической части вы примените полученные знания для создания реального приложения.
Основы React
Этот модуль посвящен изучению возможностей библиотеки React. Вы познакомитесь с такими понятиями, как компоненты и язык JSX, состояние компонентов, хуки, стилизация компонентов, научитесь работать с React Router и изучите более сложные хуки. Кроме того, вы рассмотрите вопросы взаимодействия с сервером и работы с формами в React.
Основы TypeScript
Модуль посвящен изучению системы типов и интерфейсов в TypeScript. Вы узнаете о том, что такое статическая типизация, интерфейсы и перечисляемые типы (enum).
Основы Redux
Вы узнаете о концепции Redux, научитесь работать с этой библиотекой и использовать Redux toolkit для создания Redux-приложений. На практике рассмотрите решение конкретной задачи с помощью Redux toolkit. Также изучите особенности использования Redux вместе с TypeScript.
