Курсы информатики и программирования для детей - Школа Real-IT / WEB-технологии
+7 (800) 200-64-41 +7 (343) 344-35-45
Ваш город: Екатеринбург +7 (904) 543-36-14

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