Web-разработка на JavaScript

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

Ознакомьтесь с программой курса «Web-разработка на JavaScript» от EasyPro Academy - easypro.academy

1. Введение в веб‑разработку: структура HTML‑документа - 1 час. Познакомимся с основами веб‑разработки. Изучим структуру HTML‑документа: объявление типа документа, теги < html >, < head > и < body >. Разберём принцип построения веб‑страниц.
2. Основные HTML‑теги: тексты, списки, ссылки, изображения - 2 часа. Освоим основные HTML‑теги для форматирования текста (заголовки, абзацы), создания списков, вставки ссылок и изображений. Научимся структурировать контент на странице.
3. Создание HTML‑форм: поля ввода, кнопки, выбор элементов - 2 часа. Научимся создавать HTML‑формы: добавим поля ввода, кнопки, выпадающие списки и чекбоксы. Изучим атрибуты для настройки элементов формы.
4. Введение в CSS: селекторы, свойства, цвета и шрифты - 2 часа. Изучим основы CSS: селекторы, свойства, работу с цветами и шрифтами. Научимся подключать стили и оформлять элементы страницы.
5. Валидация форм и работа с элементами ввода - 1 час. Реализуем валидацию HTML‑форм: проверим корректность ввода данных. Научимся работать с атрибутами валидации и базовыми проверками.
6. Основы Flexbox для создания макетов - 2 часа. Освоим технологию Flexbox для создания гибких макетов. Изучим основные свойства (display, flex-direction, justify-content) и научимся выстраивать элементы.
7. Адаптивная вёрстка: медиазапросы и viewport - 3 часа. Научимся создавать адаптивные макеты с помощью медиазапросов. Изучим настройку viewport и принципы адаптивной вёрстки для разных устройств.
8. Введение в JavaScript и основы синтаксиса - 1 час. Познакомимся с языком JavaScript: изучим основы синтаксиса, структуру кода и способы подключения скриптов к HTML‑документу.
9. Переменные, типы данных и операторы в JavaScript - 2 часа. Разберём переменные, типы данных (строки, числа, булевы) и операторы в JavaScript. Научимся объявлять переменные и выполнять базовые операции.
10. Условные конструкции (if/else, switch) и циклы (for, while) - 2 часа. Изучим условные конструкции (if/else, switch) и циклы (for, while). Научимся управлять логикой программы и повторять действия.
11. Функции и области видимости в JavaScript - 2 часа. Освоим функции в JavaScript: их объявление, вызов и параметры. Разберём области видимости переменных (локальные и глобальные).
12. Работа с массивами и объектами в JavaScript - 2 часа. Научимся работать с массивами и объектами: создавать, изменять и перебирать элементы. Изучим методы для работы с коллекциями данных.
13. Основы DOM: выбор, создание и изменение HTML‑элементов - 4 часа. Изучим основы DOM: научимся выбирать, создавать и изменять HTML‑элементы через JavaScript. Освоим методы querySelector, createElement и innerHTML.
14. Обработка событий: клики, формы, клавиатура, мышь - 2 часа. Научимся обрабатывать события: клики мыши, ввод с клавиатуры, отправку форм. Реализуем интерактивность через прослушиватели событий.
15. Валидация HTML‑форм на JavaScript - 1 час. Реализуем валидацию HTML‑форм с помощью JavaScript. Научимся проверять данные в реальном времени и выводить сообщения об ошибках.

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

• Освоим технологию Flexbox для создания гибких макетов. Изучим основные свойства (display, flex direction, justify content) и научимся выстраивать элементы.
• Освоим основные HTML‑теги для форматирования текста (заголовки, абзацы), создания списков, вставки ссылок и изображений. Научимся структурировать конте…
• Изучим основы DOM научимся выбирать, создавать и изменять HTML‑элементы через JavaScript. Освоим методы querySelector, createElement и innerHTML.
• Разберём переменные, типы данных (строки, числа, булевы) и операторы в JavaScript. Научимся объявлять переменные и выполнять базовые операции.
• Научимся создавать адаптивные макеты с помощью медиазапросов. Изучим настройку viewport и принципы адаптивной вёрстки для разных устройств.