Top.Mail.Ru
Курс создания сайтов / Школа Real-IT - Курсы информатики и программирования для детей
/img/icon/year/svg/web.svg

WEB разработка

4 года обучения.
Средний возраст первокурсников: 11-15 лет
/img/icon/year/svg/web.svg

WEB разработка

4 года обучения.
Средний возраст первокурсников: 11-15 лет

Разработка сайтов особенно востребована в современном мире.

  • Вёрстка сайтов. Построение логической структуры тегов.
  • Каскадные таблицы стилей помогут оформить дизайн.
  • Скриптовой язык сделает сайт интерактивным.
  • Серверный язык позволит сделать управление сайтом.

Посмотрите наши видео

На первом курсе ученики осваивают технологии, необходимые для создания сайтов, а именно язык разметки HTML и каскадные таблицы стилей CSS, которые позволяют делать простые и красивые сайты.
Также даются базовые представления о дизайне интернет-сайтов и страниц.

Введение в веб-разработку

Компьютерные сети. Интернет. Сайты и веб-страницы. Браузер. IP-адрес компьютера. Доменное имя, структура доменного имени. Гиперссылка.

Язык разметки HTML

Язык разметки. Синтаксис. Понятие тега и атрибута. Значения атрибутов. Кодирование цвета в компьютере: по названию и RGB-коду.
Структура HTML-документа. Форматирование текста. Гиперссылки. Виды ссылок: абсолютная и относительная. Вставка изображений и таблиц.

Язык описания внешнего вида CSS

Каскадные таблицы стилей. Синтаксис и возможности CSS. Способы добавления стилей. Селектор по тегу, по классу, по ID.
Виды тегов: блочные и строчные. Поведение блочных и строчных элементов. Универсальные теги <div> и <span>.

Переходы и анимации

Создание переходов и анимаций с помощью CSS. Настройка длительности и плавности. Псевдокласс hover. Трансформации элементов.

Проектная деятельность

Постановка цели в проектной деятельности. Разбиение больших задач на малые части. Реализация индивидуального проекта.
Применение обширного комплекса изученных инструментов в пределах одной задачи. Формирование понятийного аппарата, группировка инструментов по категориям.
Полезные фишки в разработке проектов: правила оформления кода, обеспечение лёгкой читаемости, резервное копирование файлов.

Продвинутые инструменты веб-разработки

Форма. Элементы формы: кнопка, текстовое поле, переключатель, флажок. Настройка элементов форм.
Фреймы. Применение фреймов. Ссылки во фреймах. Настройка внешнего вида фрейма. Плавающие фреймы.
Технология Flexbox. Принудительное расположение элементов в строку или в столбец.
Медиа-запросы. Реагирование элементов страницы на изменение размеров окна. Адаптация сайта под мобильные устройства.

JavaScript – один из самых популярных языков программирования во всем мире. Веб-разработчики активно используют JavaScript, чтобы добавить веб-страницам новые возможности.
Наряду с HTML и CSS, JavaScript позволяет сделать веб-страницу интерактивной и максимально интересной для пользователей.

Краткое повторение

Компьютерные сети. Сайты и веб-страницы. Браузер. Язык разметки HTML. Теги, атрибуты и значения атрибутов. Добавление гиперссылок, вставка изображений.
Язык CSS. Синтаксис, селекторы по тегу, по классу, по ID. Основные свойства CSS. Блочные и строчные элементы.

JavaScript

Синтаксис языка программирования JavaScript. Консоль браузера. Ввод, вывод, хранение и обработка данных. Переменные.
Типы данных и их преобразования. Операции со значениями различных типов. Условный оператор. Цикл. Генератор псевдослучайных чисел.
Алгоритмизация в программировании. Виды алгоритмов: следование, ветвление, цикл. Составление блок-схем. Методы поиска и исправления ошибок кода.
Понятие функции, создание собственных функций, обработка входных аргументов функции. Работа с массивами данных.

Динамические сайты

Объектная модель документа. Метод document.write. Управление содержимым страницы. Метод innerHTML. Обращение к стилевым свойствам элементов страницы. Таймер. Создание анимации.

Проектная деятельность

Постановка цели в проектной деятельности. Разбиение больших задач на малые части. Реализация индивидуального проекта.
Применение обширного комплекса изученных инструментов в пределах одной задачи. Формирование понятийного аппарата, группировка инструментов по категориям.
Полезные фишки в разработке проектов: правила оформления кода, обеспечение лёгкой читаемости, резервное копирование файлов.

Элемент Canvas

Генерация графических примитивов. Вывод изображений. Распознавание нажатий клавиш клавиатуры. Создание примитивных игр.

На третьем курсе веб-технологий предлагается углублённое изучение новых инструментов и технологий, активно применяемых в современной разработке.
Фокусируемся на Bootstrap 5, PHP и SQL для создания динамичных веб-приложений, обеспечивающих высокую производительность и надежность.

В области Backend-разработки углубляемся в PHP и MySQL. PHP – это язык программирования, применяемый для создания динамических веб-приложений.
MySQL является системой управления базами данных, которая обеспечивает эффективное хранение и управление данными. Совместное применение PHP и MySQL позволяет разрабатывать функциональные и надежные решения для вашего веб-приложения.

Bootstrap 5

Основные концепции и принципы работы с Bootstrap 5. Создание адаптивных и кроссбраузерных веб-интерфейсов с помощью Bootstrap 5.

Использование компонентов Bootstrap

Изучение различных компонентов и элементов пользовательского интерфейса Bootstrap. Верстка сетки, навигационных панелей, форм, кнопок и других элементов.

Основы языка PHP

Введение в язык программирования PHP. Основные концепции и синтаксис. Переменные, операторы, условные конструкции и циклы в PHP. Функции и массивы в PHP.

Работа с базами данных

Основы работы с MySQL. Создание, чтение, обновление и удаление данных в базе данных. SQL-запросы для извлечения и манипулирования данными.

Создание динамических веб-приложений

Использование PHP для создания динамических веб-сайтов. Генерация динамического контента на основе базы данных. Работа с сеансами и куки для сохранения пользовательских данных.

Обработка форм и отправка данных

Создание форм на веб-страницах. Обработка отправленных данных с помощью PHP. Валидация форм и защита от атак.

Работа с файлами и изображениями

Загрузка файлов на сервер. Обработка файлов и изображений с использованием PHP. Создание простых галерей изображений.

Четвёртый курс посвящён углублённому изучению современного веб-разработки с фокусом на PHP, AJAX, JSON и VUE.js. Студенты продолжают осваивать PHP, улучшая свои навыки в создании сложных и эффективных серверных приложений. Основное внимание уделяется взаимодействию с клиентом через AJAX для создания динамичных и отзывчивых веб-страниц без перезагрузки. Ученики также изучают JSON для ассоциативного хранения и обмена данными между клиентом и сервером. В конце курса студенты знакомятся с VUE.js, популярным JavaScript-фреймворком для создания интерактивных пользовательских интерфейсов. Этот курс позволяет ученикам создавать сложные, динамичные и высокопроизводительные веб-приложения с современными инструментами и подходами.

Углублённая работа с PHP

Развитие навыков работы с PHP для создания сложных серверных приложений. Продвинутые функции и методы работы с данными. Организация кода и оптимизация приложений.

Технология AJAX

Введение в AJAX и его применение для создания динамичных веб-страниц. Обмен данными с сервером без перезагрузки страницы. Асинхронная загрузка данных и обновление контента на клиенте.

Ассоциативное хранение данных

Использование ассоциативных массивов для хранения и обработки данных. Основы работы с ключами и значениями в ассоциативных структурах данных. Оптимизация работы с данными.

JSON (JavaScript Object Notation)

Основы JSON для обмена данными между сервером и клиентом. Сериализация и десериализация данных в формате JSON. Применение JSON для эффективного хранения и передачи данных.

VUE.js

Введение в фреймворк VUE.js для создания интерактивных пользовательских интерфейсов. Основы компонентного подхода в разработке интерфейсов. Связывание данных, события и управление состоянием в приложениях на VUE.js.

Курс рассчитан на учеников с базовыми знаниями программирования для учеников старших классов.

Ученики осваивают технологии, необходимые для создания сайтов, а именно язык разметки HTML и каскадные таблицы стилей, которые позволяют делать дизайн и каркас страницы, скриптовой язык программирования JavaScript - технологию, позволяющую создавать интерактивные страницы, с которыми может взаимодействовать пользователь, язык программирования PHP, позволяющий генерировать страницы, язык запросов SQL для работы с базами данных, а также фреймворк Bootstrap и JQuery.

  • HTML
  • CSS
  • Bootstrap
  • JavaScript
  • JQuery
  • PHP
  • MySQL
  • PHP
/img/icon/general/wallet.svg

Стоимость обучения

2024-2025

Екатеринбург
/img/icon/general/wallet.svg

Стоимость обучения

2024-2025

Екатеринбург

Каждый курс составляет 102 академических часа. Занятия проводятся 1 раз в неделю по 120 минут. В случае уважительных пропусков проводятся дополнительные занятия в параллельных группах или индивидуальные занятия с преподавателем.
Посещение занятий возможно как в очном так и в онлайн режиме.

Основной курс

Занятие - 60 минут

Поплавок

-15%

Абонемент

1 взнос

46 240₽

54 400₽

680₽ за занятие
68 занятий в год
Поплавок

-13%

Абонемент

2 взноса

47 600₽

54 400₽

700₽ за занятие
68 занятий в год
Поплавок

-9%

Абонемент

4 взноса

49 640₽

54 400₽

730₽ за занятие
68 занятий в год
Поплавок

100%

Абонемент

9 взносов

54 400₽

800₽ за занятие
68 занятий в год

При обучении на 2-х курсах (стоимость второго курса)

Занятие - 60 минут

Поплавок

-8%

Абонемент

1 взнос

34 000₽

37 400₽

500₽ за занятие
68 занятий в год
Поплавок

100%

Абонемент

9 взносов

37 400₽

550₽ за занятие
68 занятий в год

Индивидуальное обучение

Занятие - 40 минут

Поплавок

-23%

Абонемент

1 взнос

81 600₽

105 400₽

1 200₽ за занятие
68 занятий в год
Поплавок

-13%

Абонемент

4 взноса

91 800₽

105 400₽

1 350₽ за занятие
68 занятий в год
Поплавок

100%

Абонемент

9 взносов

105 400₽

1 550₽ за занятие
68 занятий в год

При записи в группу не в начале учебного года необходимо пройти дополнительные занятия. Количество дополнительных занятий сообщает преподаватель после тестирования.

Форма оплаты
Занятие
1 занятие
1 150₽

Заинтересовались?

Заполните заявку, и в ближайшее время
с Вами свяжется наш администратор