Курс создания сайтов / Школа Real-IT - Курсы информатики и программирования для детей

Меню

Главная

Летнее обучение

Годовое обучение

Сведения об образовательной организации

Контакты

О центре

Учебник


Канал в YouTube
Сервер в Discord
Канал в Telegram
Группа VK
Электронный учебник
/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. Создание простых галерей изображений.

Этот год обучения посвящен изучению серверной части WEB-приложений и Node.js. Сегодня Node по праву считается одной из лидирующих платформ для веб-разработки, и большая часть веб-инструментов, серверных и клиентских, работают с этим инструментом. Node.js (или просто Node) — это серверная платформа для работы с JavaScript через движок V8. JavaScript выполняет действие на стороне клиента, а Node — на сервере. С помощью Node можно писать полноценные приложения. Node умеет работать с внешними библиотеками, вызывать команды из кода на JavaScript и выполнять роль веб-сервера. Чаще всего эту платформу используют для создания веб-сервисов, в том числе, для реализации чатов, систем совместной работы, социальных сетей и т.д. В программу обучения также входит использование в проектах реляционных и нереляционных баз данных.

Подготовка рабочей среды

Установка Node.js, работа с менеджером пакетов npm. Шаблон проекта. Package.json и загрузка сторонних модулей. Взаимодействие с файловой системой. Неблокирующий ввод-вывод.

Дополнительные возможности JavaScript

Стрелочные функции. Callback-функции и promises. Обратные вызовы и асинхронная обработка событий в Node.

Модуль HTTP

Модуль HTTP. Сервер и клиент. HTTP-запросы из Node.js

Создание web-приложения с помощью модуля Express

Модуль Express и шаблон проекта. Рендеринг HTML. Шаблонизаторы web-приложений на примере nunjucks. Динамические страницы.

Хранение данных в приложении

Реляционные базы данных на примере Postgres, подключение и запросы. Библиотека Knex. jQuery для баз данных. Нереляционные базы данных на примере MongoDB. Подключение, вставка документов, получение информации. Язык запросов MongoDB. Хранение данных в браузере. Веб-хранилище: localStorage и sessionStorage.

Клиент-серверное взаимодействие

Сети, сокеты и безопасность. Серверы, потоки и сокеты. Защита передаваемых данных. Настройка TLS/SSL. Работа с HTTPS.

Развертывание и обеспечение доступности приложений Node

Node.js: жизненный цикл процесса. Хостинг Node-приложений, серверы и контейнеры. Event loop, очереди задач. Генераторы и итераторы. Ручной depoy и автоматический deploy.

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

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

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

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

2023-2024

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

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

2023-2024

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

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

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

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

Форма оплаты
Занятие
Год
Один взнос
650₽
44 200₽
Два взноса
670₽
45 560₽
Четыре взноса
700₽
47 600₽
Месяц
760₽
51 680₽

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

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

Форма оплаты
Занятие
Год
Один взнос
450₽
30 600₽
Месяц
500₽
34 000₽

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

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

Форма оплаты
Занятие
Год
Один взнос
1150₽
78 200₽
Четыре взноса
1250₽
85 000₽
Месяц
1400₽
95 200₽

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

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