Обучение создание сайтов для детей и школьников - Школа программирования Real-IT

Годовое обучение школьников веб-технологиям

Записать ребенка на годовой курс веб-технологий

Сейчас существует огромное количество сайтов, доступных для любого пользователя. На них можно найти массу полезной и важной информации. Но сделать это не так просто: далеко не все сайты могут легко привлечь внимание посетителя. Сайт должен иметь яркий и запоминающийся дизайн и быть максимально удобным и понятным для человека.

Сделать свой сайт уникальным и неповторимым вам помогут современные web-технологии.

Логотип

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

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

CSS
Каскадные таблицы стилей (CSS). Возможности CSS. Основы вёрстки страниц. Виды вёрстки. Способы добавления стилей. Базовый синтаксис CSS. Селектор по тегу. Свойства CSS. Виды тегов: блочные и строчные. Свойства блочных тегов. Универсальные теги DIV и SPAN. Селектор по классу. Верстка страниц с использованием CSS, основные приёмы. Шаблоны страниц.

Формы и фреймы
Форма. Элементы формы: кнопка, текстовое поле, переключатель, флажок. Настройка элементов форм. Фреймы. Применение фреймов. Ссылки во фреймах. Настройка внешнего вида фрейма. Плавающие фреймы.

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

Оформить заявку на годовой курс веб-разработки

 

Логотип

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

JavaScript
Статические и динамические сайты. Компилируемые и интерпретируемые языки программирования. Скриптовый язык программирования javascript. История появления. Способы встраивания скрипта. Синтаксис языка программирования javascript. Оператор вывода. Консоль браузера. Поиск и исправление ошибок кода. Вывод технической информации. Типы данных. Преобразование типов. Операции со значениями различных типов. Переменные. Динамический тип переменных. Операторы ввода. Понятие функции. Условный оператор. Цикл. Генератор случайных чисел. Создание собственных функций и подпрограмм. Функции с параметрами. Массивы. Действия с элементами формы. События. Обращение к свойствам элементов формы.

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

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

Оформить заявку на годовой курс веб-разработки

 

Продолжаем изучение клиентской части web-проектов с использованием библиотек и фреймворков. В курсе изучаются фреймворки Bootstrap 4 и Ember, а также основа этих фреймворков — javascript и библиотека jQuery.

jQuery
Назначение и возможности jQuery. Выбор элементов: селекторы, фильтры. Методы для работы с CSS-стилями. Методы для работы с html. Методы для работы с атрибутами и фильтрами. Методы по обработке событий. Визуальные эффекты.

Библиотека jQuery-UI
Компоненты и темы. Виджеты: accordion, autocomplete, datepicker, tabs, progressbar, slider, themeswitcher.

jQuery и Ajax
Асинхронные запросы. Выполнение GET-запросов Ajax. Обработка ответных данных сервера. Выполнение POST-запросов Ajax. Серверный сценарий. Использование метода POST для отправки данных формы. Низкоуровневый программный интерфейс jQuery Ajax API. Простые Ajax-запросы. Объект jqXHR. Задание URL-адреса запроса. Создание POST-запроса. Работа с событиями Ajax. Задание нескольких обработчиков событий. Настройка контекста для событий.

Фреймворк Bootstrap 4
Назначение и возможности. Особенности разработки мобильного интерфейса. Сетки Bootstrap и адаптивная верстка. Классы для стилизации текста, изображений, таблиц и другого контента. Компоненты, предназначенные для создания кнопок, различных форм на странице, горизонтальных и вертикальных навигационных меню, слайдеров, выпадающих списков, аккордеонов, модальных окон, всплывающих подсказок и других элементов интерфейса. Медиа-объекты.

Фреймворк Ember.js
Масштабируемые приложения. Фреймворки уровня приложений. Архитектура MVC (Model-View-Controller).

Приложение
Шаблоны. Маршруты. Модели. Контроллеры. Компоненты. Настройка приложения.

Разработка Ember — компонентов
Генерация компонентов из ember-cli, структура каталогов. Особенности компонентов с оберткой и без. Связь кода и шаблона компонента. Обработка событий DOM-а и внутренних по отношению к компоненту action в его коде. Отправка action из приложения через this.sendAction, вызов внутренних action через this.send. Описание и обоснование подхода DDAU (Data Down Actions Up).

Разработка Ember — сервисов