Верстальщик

Познакомитесь с основами адаптива страниц, чтобы ваши сайты отлично выглядели и работали на любом устройстве, Изучите, как адаптировать изображения под разные размеры экранов и обеспечивать их чёткость на retina-дисплеях, Узнаете, как создавать кросс-платформенные сайты, которые одинаково хорошо функционируют на всех устройствах и платформах

• Познакомитесь с основами адаптива страниц, чтобы ваши сайты отлично выглядели и работали на любом устройстве
• Изучите, как адаптировать изображения под разные размеры экранов и обеспечивать их чёткость на retina-дисплеях
• Узнаете, как создавать кросс-платформенные сайты, которые одинаково хорошо функционируют на всех устройствах и платформах
• Погрузитесь в мир препроцессора SCSS, чтобы упрощать и ускорять работу с CSS
• Углубитесь в знакомство с Figma и разберёте новые возможности этого инструмента

Научитесь создавать резиновую вёрстку, чтобы ваши сайты динамически подстраивались под размеры экрана, Узнаете, как использовать адаптивное позиционирование элементов, чтобы они оставались на своих местах вне зависимости от устройства, Углубитесь в создание адаптивных сеток с помощью Grid, чтобы легко управлять расположением контента

• Научитесь создавать резиновую вёрстку, чтобы ваши сайты динамически подстраивались под размеры экрана
• Узнаете, как использовать адаптивное позиционирование элементов, чтобы они оставались на своих местах вне зависимости от устройства
• Углубитесь в создание адаптивных сеток с помощью Grid, чтобы легко управлять расположением контента
• Познакомитесь с чек-листом для самотестирования, который поможет вам самостоятельно проверять и улучшать качество своего кода

Погрузитесь в мир анимации — начнёте со знакомства с её историей и основными принципами, Поймёте, как создавать микроанимации, которые добавят интерактивности и живости вашим проектам, Освоите многоступенчатые анимации, которые позволят вам создавать сложные и плавные переходы

• Погрузитесь в мир анимации — начнёте со знакомства с её историей и основными принципами
• Поймёте, как создавать микроанимации, которые добавят интерактивности и живости вашим проектам
• Освоите многоступенчатые анимации, которые позволят вам создавать сложные и плавные переходы
• Научитесь анимировать SVG-графику, чтобы ваши изображения оживали на странице
• Узнаете, как использовать режим Present в Figma для создания анимаций, чтобы понимать, что всё работает именно так, как задумано

Познакомитесь с ключевыми принципами оптимизации сайтов для повышения их производительности, Научитесь проверять качество своего сайта с помощью инструмента Lighthouse, чтобы выявлять и исправлять проблемы, Узнаете, как создавать и подключать графику в формате WebP для уменьшения размера изображений без потери качества

• Познакомитесь с ключевыми принципами оптимизации сайтов для повышения их производительности
• Научитесь проверять качество своего сайта с помощью инструмента Lighthouse, чтобы выявлять и исправлять проблемы
• Узнаете, как создавать и подключать графику в формате WebP для уменьшения размера изображений без потери качества
• Изучите процессы подготовки сайта к публикации, чтобы он был готов к запуску и работал максимально эффективно

Познакомитесь с возможностями языка JavaScript, Настроите среду разработки и напишете первую программу

• Познакомитесь с возможностями языка JavaScript
• Настроите среду разработки и напишете первую программу

Поймёте, что такое алгоритм и блок-схема, Разберёте правила оформления кода, Напишете несколько простых программ — отработаете навыки работы с переменными и выражениями

• Поймёте, что такое алгоритм и блок-схема
• Разберёте правила оформления кода
• Напишете несколько простых программ — отработаете навыки работы с переменными и выражениями

Научитесь работать с типом данных Boolean, логическими операторами и выражениями, Освоите условные (тернарные) операторы, Напишете программы для банкомата и расчёта налога

• Научитесь работать с типом данных Boolean, логическими операторами и выражениями
• Освоите условные (тернарные) операторы
• Напишете программы для банкомата и расчёта налога

Узнаете, что такое аргументы, Научитесь правильно называть переменные и функции в коде, Напишете несколько программ, чтобы закрепить навыки работы с функциями

• Узнаете, что такое аргументы
• Научитесь правильно называть переменные и функции в коде
• Напишете несколько программ, чтобы закрепить навыки работы с функциями

Познакомитесь с DOM — объектной моделью документа, Научитесь работать с HTML-элементами, Создадите приложение для интернет-магазина и интерактивное меню навигации для сайта

• Познакомитесь с DOM — объектной моделью документа
• Научитесь работать с HTML-элементами
• Создадите приложение для интернет-магазина и интерактивное меню навигации для сайта

Научитесь добавлять и удалять элементы массива, Поймёте, как работать с циклами while, do while, for, for in, for of, Создадите веб-страницу со списком товаров

• Научитесь добавлять и удалять элементы массива
• Поймёте, как работать с циклами while, do while, for, for in, for of
• Создадите веб-страницу со списком товаров

Разберётесь, как сортировать, фильтровать, искать элементы в массиве, Создадите приложения «Домашняя библиотека» и «Корзина покупателя»

• Разберётесь, как сортировать, фильтровать, искать элементы в массиве
• Создадите приложения «Домашняя библиотека» и «Корзина покупателя»

Узнаете, как работать со строковыми данными, Поймёте, где используются колбэк-функции и цепочки вызовов, Напишете несколько программ

• Узнаете, как работать со строковыми данными
• Поймёте, где используются колбэк-функции и цепочки вызовов
• Напишете несколько программ

Научитесь работать с объектами JavaScript: создавать их, добавлять свойства, сравнивать, хранить в них данные, Напишете программу для поиска автомобилей в каталоге

• Научитесь работать с объектами JavaScript: создавать их, добавлять свойства, сравнивать, хранить в них данные
• Напишете программу для поиска автомобилей в каталоге

Разберётесь, как перемещаться по DOM-дереву и находить в нём элементы, Узнаете, как работать с событиями в браузере, Создадите мини-галерею с изображениями и несколько интерактивных веб-страниц

• Разберётесь, как перемещаться по DOM-дереву и находить в нём элементы
• Узнаете, как работать с событиями в браузере
• Создадите мини-галерею с изображениями и несколько интерактивных веб-страниц

Познакомитесь с тегами form, input, их типами и атрибутами, Научитесь работать с элементами форм и полями ввода, Создадите несколько веб-страниц с разными типами форм

• Познакомитесь с тегами form, input, их типами и атрибутами
• Научитесь работать с элементами форм и полями ввода
• Создадите несколько веб-страниц с разными типами форм

Разберёте объекты Window, Math и Date, Научитесь сохранять и получать данные из cookie, Создадите веб-страницу со всплывающим окном и с формой для ввода промокода

• Разберёте объекты Window, Math и Date
• Научитесь сохранять и получать данные из cookie
• Создадите веб-страницу со всплывающим окном и с формой для ввода промокода

Научитесь подключать JavaScript-библиотеки и использовать готовые решения из них в своих проектах, Поработаете с несколькими библиотеками

• Научитесь подключать JavaScript-библиотеки и использовать готовые решения из них в своих проектах
• Поработаете с несколькими библиотеками

Поймёте, как сохранять информацию после закрытия браузера или перезагрузки страницы, Начнёте создавать приложение «Видеотека» со списком фильмов, которое позволит сохранять и извлекать данные

• Поймёте, как сохранять информацию после закрытия браузера или перезагрузки страницы
• Начнёте создавать приложение «Видеотека» со списком фильмов, которое позволит сохранять и извлекать данные

Узнаете принципы концепции «клиент-сервер», Научитесь взаимодействовать с сервером с помощью Fetch API, чтобы передавать запросы и обрабатывать ответы, Продолжите работать над приложением «Видеотека»

• Узнаете принципы концепции «клиент-сервер»
• Научитесь взаимодействовать с сервером с помощью Fetch API, чтобы передавать запросы и обрабатывать ответы
• Продолжите работать над приложением «Видеотека»

Научитесь находить ошибки и корректировать поведение программы в нештатных ситуациях, Доработаете функционал приложения «Видеотека»

• Научитесь находить ошибки и корректировать поведение программы в нештатных ситуациях
• Доработаете функционал приложения «Видеотека»

Узнаете, что такое модули и для чего они нужны, Научитесь экспортировать и импортировать сущности из модулей в другие части кода, Отточите навыки на веб-приложении для учёта товаров на складе

• Узнаете, что такое модули и для чего они нужны
• Научитесь экспортировать и импортировать сущности из модулей в другие части кода
• Отточите навыки на веб-приложении для учёта товаров на складе

Узнаете, как работать с асинхронным кодом, Поймёте принципы потока в браузере, Познакомитесь с Promise, Event loop и другими технологиями

• Узнаете, как работать с асинхронным кодом
• Поймёте принципы потока в браузере
• Познакомитесь с Promise, Event loop и другими технологиями
• Создадите веб-страницу с постепенной загрузкой изображений и progress bar

Узнаете, что такое классы и как их использовать, Поработаете с веб-приложением для курьеров

• Узнаете, что такое классы и как их использовать
• Поработаете с веб-приложением для курьеров