Веб-разработка с использованием HTML, CSS, JavaScript

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

Ознакомьтесь с программой курса «Веб-разработка с использованием HTML, CSS, JavaScript» от ЦСИО - csio-dpo.ru

1. Основы веб-технологий и архитектуры сайтов. Структура клиент-серверного взаимодействия — объяснение взаимодействия клиента и сервера, понятие HTTP, доменов и хостинга. Обзор веб-стеков и типов сайтов — различия между SPA, MPA, обзор популярных технологий: HTM…
2. HTML: структура, теги и разметка. Основные теги HTML5 — структура страницы, блоки, заголовки, параграфы, изображения и ссылки. Формы, таблицы, списки — создание форм, типов ввода, таблиц, списков и семантика HTML.
3. CSS: стили, адаптивность и макеты. Селекторы, цвета, шрифты — базовые свойства CSS, настройка внешнего вида элементов. Flexbox, Grid и медиа-запросы — построение гибких макетов и адаптивных страниц.
4. Jav * aScript: основы, переменные, операторы, функции. Переменные, условия и циклы — основы синтаксиса, работа с данными, логика ветвлений. Функции, массивы, объекты — построение повторно используемых компонентов и манипуляции с данными.
5. Работа с DOM, обработка событий, формы. Получение и изменение DOM-элементов — выбор элементов, изменение стилей и содержимого. Обработка событий, валидация форм — реакция на действия пользователя, отправка и проверка данных.
6. Анимации, работа с массивами, объектами и JSON. Простые анимации и таймеры — создание визуальных эффектов и работы по времени. Работа с JSON и AJAX — загрузка данных и взаимодействие с внешними API.
7. Интерактивность и клиентская логика. Вкладки, модальные окна, переключатели — управление отображением элементов интерфейса. Состояние, логика и навигация — организация поведения интерфейса и динамических сценариев.
8. Создание финального проекта и публикация. Структура и компоненты проекта — планирование, построение структуры и организация кода. Размещение и презентация — подготовка к публикации, загрузка на хостинг и демонстрация.
9. Финальное задание и защита проекта. Демонстрация веб-проекта — защита итоговой работы, представление архитектуры и функционала.

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

• Научитесь уверенно работать с темой: работа с dom, обработка событий, формы. получение и изменение dom элементов выбор элементов, изменение стилей и содержимого. обработка событий, валидация форм реакция на действия п…
• Научитесь создавать и применять: анимации, работа с массивами, объектами и json. простые анимации и таймеры создание визуальных эффектов и работы по времени. работа с json и ajax загрузка данных и взаимодействие с вне…
• Освоите и сможете применять: интерактивность и клиентская логика. вкладки, модальные окна, переключатели управление отображением элементов интерфейса. состояние, логика и навигация организация поведения интерфейса и д…
• Освоите и сможете применять: финальное задание и защита проекта. демонстрация веб проекта защита итоговой работы, представление архитектуры и функционала.
• Освоите основы: основы веб технологий и архитектуры сайтов. структура клиент серверного взаимодействия объяснение взаимодействия клиента и сервера, понятие http, доменов и хостинга. обзор веб стеков и типов сайтов раз…