Компьютерные сети. Интернет. Сайты и веб-страницы. Браузер. IP-адрес компьютера. Доменное имя, структура доменного имени. Гиперссылка.
Язык разметки. Синтаксис. Понятие тега и атрибута. Значения атрибутов. Кодирование цвета в компьютере: по названию и RGB-коду.
Структура HTML-документа. Форматирование текста. Гиперссылки. Виды ссылок: абсолютная и относительная. Вставка изображений и таблиц.
Каскадные таблицы стилей. Синтаксис и возможности CSS. Способы добавления стилей. Селектор по тегу, по классу, по ID.
Виды тегов: блочные и строчные. Поведение блочных и строчных элементов. Универсальные теги <div> и <span>.
Создание переходов и анимаций с помощью CSS. Настройка длительности и плавности. Псевдокласс hover. Трансформации элементов.
Постановка цели в проектной деятельности. Разбиение больших задач на малые части. Реализация индивидуального проекта.
Применение обширного комплекса изученных инструментов в пределах одной задачи. Формирование понятийного аппарата, группировка инструментов по категориям.
Полезные фишки в разработке проектов: правила оформления кода, обеспечение лёгкой читаемости, резервное копирование файлов.
Форма. Элементы формы: кнопка, текстовое поле, переключатель, флажок. Настройка элементов форм.
Фреймы. Применение фреймов. Ссылки во фреймах. Настройка внешнего вида фрейма. Плавающие фреймы.
Технология Flexbox. Принудительное расположение элементов в строку или в столбец.
Медиа-запросы. Реагирование элементов страницы на изменение размеров окна. Адаптация сайта под мобильные устройства.
Компьютерные сети. Сайты и веб-страницы. Браузер. Язык разметки HTML. Теги, атрибуты и значения атрибутов. Добавление гиперссылок, вставка изображений.
Язык CSS. Синтаксис, селекторы по тегу, по классу, по ID. Основные свойства CSS. Блочные и строчные элементы.
Синтаксис языка программирования JavaScript. Консоль браузера. Ввод, вывод, хранение и обработка данных. Переменные.
Типы данных и их преобразования. Операции со значениями различных типов. Условный оператор. Цикл. Генератор псевдослучайных чисел.
Алгоритмизация в программировании. Виды алгоритмов: следование, ветвление, цикл. Составление блок-схем. Методы поиска и исправления ошибок кода.
Понятие функции, создание собственных функций, обработка входных аргументов функции. Работа с массивами данных.
Объектная модель документа. Метод document.write. Управление содержимым страницы. Метод innerHTML. Обращение к стилевым свойствам элементов страницы. Таймер. Создание анимации.
Постановка цели в проектной деятельности. Разбиение больших задач на малые части. Реализация индивидуального проекта.
Применение обширного комплекса изученных инструментов в пределах одной задачи. Формирование понятийного аппарата, группировка инструментов по категориям.
Полезные фишки в разработке проектов: правила оформления кода, обеспечение лёгкой читаемости, резервное копирование файлов.
Генерация графических примитивов. Вывод изображений. Распознавание нажатий клавиш клавиатуры. Создание примитивных игр.
Основные концепции и принципы работы с Bootstrap 5. Создание адаптивных и кроссбраузерных веб-интерфейсов с помощью Bootstrap 5.
Изучение различных компонентов и элементов пользовательского интерфейса Bootstrap. Верстка сетки, навигационных панелей, форм, кнопок и других элементов.
Введение в язык программирования PHP. Основные концепции и синтаксис. Переменные, операторы, условные конструкции и циклы в PHP. Функции и массивы в PHP.
Основы работы с MySQL. Создание, чтение, обновление и удаление данных в базе данных. SQL-запросы для извлечения и манипулирования данными.
Использование PHP для создания динамических веб-сайтов. Генерация динамического контента на основе базы данных. Работа с сеансами и куки для сохранения пользовательских данных.
Создание форм на веб-страницах. Обработка отправленных данных с помощью PHP. Валидация форм и защита от атак.
Загрузка файлов на сервер. Обработка файлов и изображений с использованием PHP. Создание простых галерей изображений.
Развитие навыков работы с PHP для создания сложных серверных приложений. Продвинутые функции и методы работы с данными. Организация кода и оптимизация приложений.
Введение в AJAX и его применение для создания динамичных веб-страниц. Обмен данными с сервером без перезагрузки страницы. Асинхронная загрузка данных и обновление контента на клиенте.
Использование ассоциативных массивов для хранения и обработки данных. Основы работы с ключами и значениями в ассоциативных структурах данных. Оптимизация работы с данными.
Основы JSON для обмена данными между сервером и клиентом. Сериализация и десериализация данных в формате JSON. Применение JSON для эффективного хранения и передачи данных.
Введение в фреймворк VUE.js для создания интерактивных пользовательских интерфейсов. Основы компонентного подхода в разработке интерфейсов. Связывание данных, события и управление состоянием в приложениях на VUE.js.
Структура веб-страницы: теги, атрибуты, семантическая вёрстка.
Оформление элементов: стили, селекторы, позиционирование, Flexbox, Grid.
Адаптивная вёрстка с использованием фреймворка Bootstrap: сетка, компоненты, утилиты.
Динамика на стороне клиента: события, DOM-манипуляции, работа с формами.
Упрощение работы с DOM и AJAX-запросами через библиотеку jQuery.
Серверная логика: обработка запросов, сеансов, файлов, генерация контента.
Работа с реляционной базой данных: запросы, таблицы, JOIN, WHERE, INSERT, UPDATE.
Курс по веб-разработке, где ученики освоят создание сайтов и веб-приложений. От основ HTML/CSS до современных технологий динамических сайтов.
4 курса: Основы (HTML, CSS, дизайн) → Интерактив (JavaScript) → Динамика (PHP, MySQL, Bootstrap) → Современные подходы (AJAX, JSON, Vue.js).
Навыки создания адаптивных сайтов, добавления интерактивности, работы с базами данных и серверной логикой. Умение использовать современные инструменты и фреймворки для разработки веб-приложений.
