Разработка сайтов особенно востребована в современном мире.
На первом курсе ученики осваивают технологии, необходимые для создания сайтов, а именно язык разметки HTML и каскадные таблицы стилей CSS, которые позволяют делать простые и красивые сайты.
Также даются базовые представления о дизайне интернет-сайтов и страниц.
Компьютерные сети. Интернет. Сайты и веб-страницы. Браузер. IP-адрес компьютера. Доменное имя, структура доменного имени. Гиперссылка.
Язык разметки. Синтаксис. Понятие тега и атрибута. Значения атрибутов. Кодирование цвета в компьютере: по названию и RGB-коду.
Структура HTML-документа. Форматирование текста. Гиперссылки. Виды ссылок: абсолютная и относительная. Вставка изображений и таблиц.
Каскадные таблицы стилей. Синтаксис и возможности CSS. Способы добавления стилей. Селектор по тегу, по классу, по ID.
Виды тегов: блочные и строчные. Поведение блочных и строчных элементов. Универсальные теги <div> и <span>.
Создание переходов и анимаций с помощью CSS. Настройка длительности и плавности. Псевдокласс hover. Трансформации элементов.
Постановка цели в проектной деятельности. Разбиение больших задач на малые части. Реализация индивидуального проекта.
Применение обширного комплекса изученных инструментов в пределах одной задачи. Формирование понятийного аппарата, группировка инструментов по категориям.
Полезные фишки в разработке проектов: правила оформления кода, обеспечение лёгкой читаемости, резервное копирование файлов.
Форма. Элементы формы: кнопка, текстовое поле, переключатель, флажок. Настройка элементов форм.
Фреймы. Применение фреймов. Ссылки во фреймах. Настройка внешнего вида фрейма. Плавающие фреймы.
Технология Flexbox. Принудительное расположение элементов в строку или в столбец.
Медиа-запросы. Реагирование элементов страницы на изменение размеров окна. Адаптация сайта под мобильные устройства.
JavaScript – один из самых популярных языков программирования во всем мире. Веб-разработчики активно используют JavaScript, чтобы добавить веб-страницам новые возможности.
Наряду с HTML и CSS, JavaScript позволяет сделать веб-страницу интерактивной и максимально интересной для пользователей.
Компьютерные сети. Сайты и веб-страницы. Браузер. Язык разметки HTML. Теги, атрибуты и значения атрибутов. Добавление гиперссылок, вставка изображений.
Язык CSS. Синтаксис, селекторы по тегу, по классу, по ID. Основные свойства CSS. Блочные и строчные элементы.
Синтаксис языка программирования JavaScript. Консоль браузера. Ввод, вывод, хранение и обработка данных. Переменные.
Типы данных и их преобразования. Операции со значениями различных типов. Условный оператор. Цикл. Генератор псевдослучайных чисел.
Алгоритмизация в программировании. Виды алгоритмов: следование, ветвление, цикл. Составление блок-схем. Методы поиска и исправления ошибок кода.
Понятие функции, создание собственных функций, обработка входных аргументов функции. Работа с массивами данных.
Объектная модель документа. Метод document.write. Управление содержимым страницы. Метод innerHTML. Обращение к стилевым свойствам элементов страницы. Таймер. Создание анимации.
Постановка цели в проектной деятельности. Разбиение больших задач на малые части. Реализация индивидуального проекта.
Применение обширного комплекса изученных инструментов в пределах одной задачи. Формирование понятийного аппарата, группировка инструментов по категориям.
Полезные фишки в разработке проектов: правила оформления кода, обеспечение лёгкой читаемости, резервное копирование файлов.
Генерация графических примитивов. Вывод изображений. Распознавание нажатий клавиш клавиатуры. Создание примитивных игр.
На третьем курсе веб-технологий предлагается углублённое изучение новых инструментов и технологий, активно применяемых в современной разработке.
Фокусируемся на Bootstrap 5, PHP и SQL для создания динамичных веб-приложений, обеспечивающих высокую производительность и надежность.
В области Backend-разработки углубляемся в PHP и MySQL. PHP – это язык программирования, применяемый для создания динамических веб-приложений.
MySQL является системой управления базами данных, которая обеспечивает эффективное хранение и управление данными. Совместное применение PHP и MySQL позволяет разрабатывать функциональные и надежные решения для вашего веб-приложения.
Основные концепции и принципы работы с Bootstrap 5. Создание адаптивных и кроссбраузерных веб-интерфейсов с помощью Bootstrap 5.
Изучение различных компонентов и элементов пользовательского интерфейса Bootstrap. Верстка сетки, навигационных панелей, форм, кнопок и других элементов.
Введение в язык программирования PHP. Основные концепции и синтаксис. Переменные, операторы, условные конструкции и циклы в PHP. Функции и массивы в PHP.
Основы работы с MySQL. Создание, чтение, обновление и удаление данных в базе данных. SQL-запросы для извлечения и манипулирования данными.
Использование PHP для создания динамических веб-сайтов. Генерация динамического контента на основе базы данных. Работа с сеансами и куки для сохранения пользовательских данных.
Создание форм на веб-страницах. Обработка отправленных данных с помощью PHP. Валидация форм и защита от атак.
Загрузка файлов на сервер. Обработка файлов и изображений с использованием PHP. Создание простых галерей изображений.
Этот год обучения посвящен изучению серверной части WEB-приложений и Node.js. Сегодня Node по праву считается одной из лидирующих платформ для веб-разработки, и большая часть веб-инструментов, серверных и клиентских, работают с этим инструментом. Node.js (или просто Node) — это серверная платформа для работы с JavaScript через движок V8. JavaScript выполняет действие на стороне клиента, а Node — на сервере. С помощью Node можно писать полноценные приложения. Node умеет работать с внешними библиотеками, вызывать команды из кода на JavaScript и выполнять роль веб-сервера. Чаще всего эту платформу используют для создания веб-сервисов, в том числе, для реализации чатов, систем совместной работы, социальных сетей и т.д. В программу обучения также входит использование в проектах реляционных и нереляционных баз данных.
Установка Node.js, работа с менеджером пакетов npm. Шаблон проекта. Package.json и загрузка сторонних модулей. Взаимодействие с файловой системой. Неблокирующий ввод-вывод.
Стрелочные функции. Callback-функции и promises. Обратные вызовы и асинхронная обработка событий в Node.
Модуль HTTP. Сервер и клиент. HTTP-запросы из Node.js
Модуль Express и шаблон проекта. Рендеринг HTML. Шаблонизаторы web-приложений на примере nunjucks. Динамические страницы.
Реляционные базы данных на примере Postgres, подключение и запросы. Библиотека Knex. jQuery для баз данных. Нереляционные базы данных на примере MongoDB. Подключение, вставка документов, получение информации. Язык запросов MongoDB. Хранение данных в браузере. Веб-хранилище: localStorage и sessionStorage.
Сети, сокеты и безопасность. Серверы, потоки и сокеты. Защита передаваемых данных. Настройка TLS/SSL. Работа с HTTPS.
Node.js: жизненный цикл процесса. Хостинг Node-приложений, серверы и контейнеры. Event loop, очереди задач. Генераторы и итераторы. Ручной depoy и автоматический deploy.
Курс рассчитан на учеников с базовыми знаниями программирования для учеников старших классов.
Ученики осваивают технологии, необходимые для создания сайтов, а именно язык разметки HTML и каскадные таблицы стилей, которые позволяют делать дизайн и каркас страницы, скриптовой язык программирования JavaScript - технологию, позволяющую создавать интерактивные страницы, с которыми может взаимодействовать пользователь, язык программирования PHP, позволяющий генерировать страницы, язык запросов SQL для работы с базами данных, а также фреймворк Bootstrap и JQuery.
Каждый курс составляет 102 академических часа. Занятия проводятся 1 раз в неделю по 3 академических часа или 2 раза в неделю по 1.5 академических часа. В случае уважительных пропусков проводятся дополнительные занятия в параллельных группах или индивидуальные занятия с преподавателем. Посещение занятий возможно как в очном так и в онлайн режиме.
Занятие - 60 минут
Занятие - 60 минут
Занятие - 40 минут
