WEB-разработка
Возраст от 9 лет. Продолжительность обучения 4 года.
Разработка сайтов особенно востребована в современном мире.
- Вёрстка сайтов. Построение логической структуры тегов.
- Каскадные таблицы стилей помогут оформить дизайн.
- Скриптовой язык сделает сайт интерактивным.
- Серверный язык позволит сделать управление сайтом.
Ученики осваивают технологии, необходимые для создания сайтов, а именно язык разметки HTML и язык описания внешнего вида CSS. Также даются основные приёмы дизайна веб-страниц и сайтов.
Основные темы курса Оставить заявку
Введение в веб-разработку
Компьютерные сети. Интернет. Сайты и веб-страницы. Браузер. IP-адрес компьютера. Доменное имя, структура доменного имени. Ссылка.
Язык разметки HTML
Язык разметки. Синтаксис: теги и атрибуты. Значения атрибутов. Кодирование цвета в компьютере. Структура HTML-документа. Форматирование текста на веб-странице. Гиперссылки. Виды ссылок: абсолютные и относительные. Вставка изображений и таблиц.
Язык описания внешнего вида CSS
Каскадные таблицы стилей. Синтаксис и возможности CSS. Основы вёрстки страниц. Виды вёрстки. Способы добавления стилей. Селекторы по тегу, по классу, по id. Свойства и типы значений в CSS. Виды тегов: блочные и строчные. Поведение блочных и строчных элементов. Универсальные теги div и span. Верстка страниц с использованием CSS, основные приёмы. Шаблоны страниц.
Переходы и анимации
Создание переходов и анимаций с помощью CSS. Настройка длительности и плавности. Псевдокласс hover. Трансформации элементов.
JavaScript – один из самых популярных языков программирования во всем мире. Веб-разработчики активно используют JavaScript для проектирования, анимации и создания веб-страниц. Наряду с HTML и CSS, JavaScript может делать веб-страницу интерактивной и максимально интересной для пользователей.
Основные темы курса Оставить заявку
Повторение
Компьютерные сети. Сайты и веб-странцы. Браузер. Язык разметки HTML. Теги, атрибуты и значения атрибутов. Гиперссылки. Вставка изображений. CSS. Синтаксис, свойства и их значения. Селекторы по тегу, по классу, по id. Блочные и строчные элементы.
Формы и фреймы
Элементы формы: кнопка, текстовое поле, переключатель, флажок. Настройка элементов форм. Фреймы. Применение фреймов. Ссылки во фреймах. Настройка внешнего вида фрейма. Плавающие фреймы.
JavaScript
Синтаксис языка программирования JavaScript. Консоль браузера. Ввод, вывод, хранение и обработка данных. Типы данных и их преобразования. Операции со значениями различных типов. Переменные. Динамическая типизация. Условный оператор. Цикл. Генератор псевдослучайных чисел. Понятие функции, создание собственных функций, обработка входных аргументов функции. Массивы.
Динамические сайты
Объектная модель документа. Действия с элементами формы. Обработка событий. Управление содержимым страницы. Добавление и удаление элементов страницы через JavaScript. Свойство innerHTML. Обращение к стилевым свойствам элементов страницы. Таймер. Создание анимации.
Элемент Canvas
Генерация графических примитивов. Вывод изображений. Отслеживание событий мыши и клавиатуры. Создание примитивных браузерных игр.
Backend-разработчики занимаются проработкой той части сайта или веб-приложения, которая исполняется на серверах, скрыто от глаз пользователя: внесение данных в базу данных, обработка на стороне сервера, отправка данных пользователю. Backend необходим любому сайту, который предусматривает регистрацию, совершение транзакций, переписку, отзывы и многое другое.
Основные темы курса Оставить заявку
Повторение
HTML и CSS. Вёрстка и стилизация веб-страниц. Позиционирование и дизайн элементов. Программирование на JavaScript. Работа с данными. Отслеживание и обработка событий. Создание сайта: планирование, дизайн и разработка.
Bootstrap
CSS-фреймворк. Подключение файлов из CDN. Работа с документацией. Быстрая разработка типовых функциональных элементов (сайдбары, модальные окна, выпадающие меню, карусели и прочие)
MySQL
Базы данных. Синтаксис языка SQL. Получение данных из БД. Запись данных в БД. Фильтрация записей в БД. Работа с таблицами. Объединение таблиц. Работа в СУБД MySQL.
PHP
Встраивание PHP-кода на страницу. Синтаксис языка PHP. Обработка данных с форм. Генерация динамических страниц. Методы GET и POST. Запросы в БД через PHP. Вывод данных из БД на сайт.
Frontend-разработчики занимаются проработкой той части сайта или веб-приложения, которая исполняется на клиентских устройствах: корректная и быстрая отрисовка элементов сайта, удобное для пользователей размещение и порядок элементов, адаптация под десктопные и мобильные устройства. Иными словами, Frontend-разработчик стремится сделать сайт максимально удобным и приятным для самых разных пользователей.
Основные темы курса Оставить заявку
Повторение
HTML и CSS. Вёрстка и стилизация веб-страниц. Быстрая разработка сайтов с помощью Bootstrap. Программирование на JavaScript. Обработка событий. Запросы в БД. Вывод данных на страницу через PHP.
Дополнительные возможности JavaScript
Стрелочные функции. Callback-функции и promises. Обратные вызовы и асинхронная обработка событий.
Фреймворк Vue.js
Шаблонизация веб-элементов. Подгрузка шаблонов на страницу. Реактивная связь данных и элементов страницы. Задачи уровня представления. Разработка веб-приложений.
Курс рассчитан на учеников с базовыми знаниями программирования для учеников старших классов.
Ученики осваивают технологии, необходимые для создания сайтов, а именно язык разметки HTML и каскадные таблицы стилей, которые позволяют делать дизайн и каркас страницы, скриптовой язык программирования JavaScript - технологию, позволяющую создавать интерактивные страницы, с которыми может взаимодействовать пользователь, язык программирования PHP, позволяющий генерировать страницы, язык запросов SQL для работы с базами данных, а также фреймворк Bootstrap и JQuery.
Основные темы курса Оставить заявку
- HTML
- CSS
- Bootstrap
- JavaScript
- JQuery
- PHP
- MySQL
- AJAX