Современная WEB-разработка для школьников
Глебов Игорь

Всегда на связи!

Глебов Игорь,
Преподаватель

Современная WEB-разработка для школьников

ПОЛУЧИТЬ СКИДКУ ПОЛУЧИТЬ СКИДКУ ПОЛУЧИТЬ СКИДКУ ПОЛУЧИТЬ СКИДКУ

Дата начала Дата окончания Стоимость Свободные места Преподаватели
29.09.18 13.12.18 6325 10 Глебов Игорь
Длительность курса
24

Курс презназначен: для обучения школьников средних и старших классов

Цель курса: формирование у школьников базовых навыков по WEB-разработке

Содержание курса:

1 Основы
1.1 HyperText Markup Language
• Древовидная структура HTML;
• форматирование документа;
• отображение картинок и ссылок.
1.2 Cascading Style Sheets
• Структура стилей, селекторы;
• наследование и каскадирование;
• размеры, отступы и поля.
1.3 CSS. Выравнивание и эффекты
• Модуль FlexBox;
• трансформации и переходы.
1.4 JavaScript. DOM, переменные и функции
• Переменные, функции и события;
• объектная модель документа.
1.5 JavaScript. Условные конструкции и циклы
• Операторы сравнения;
• конструкция if;
• логические операторы;
• циклы while и for.
1.6 JavaScript. Структуры данных
• Словари и массивы;
• модель примитивов и объектов.
1.7 JQuery
• Поиск узлов в документе;
• добавление и удаление элементов;
• модификация стилей.
2
1.8 Bootstrap
• Разметка и выравнивание;
• кнопки, списки и панели;
• модальные окна.
1.9 CSS. Позиционирование
• Обтекание элементов;
• свойства position и z-index.
1.10 Зачёт
Один вопрос по CSS и один по JavaScript.
1.11 Игра «Пятнашки». Начало
• Создание пустого игрового поля;
• заполнение поля костяшками;
• логика перемещения элементов;
• реализация анимации.
1.12 Игра «Пятнашки». Завершение
• Перемешивание костяшек;
• вывод поздравительного сообщения.
3
2 Технологии
2.1 Система контроля версий
• Репозиторий: создание, клонирование и фиксации;
• реализация аналоговых часов на холсте.
2.2 Погружение в JavaScript
• Функции стандартной библиотеки;
• сортировка и разворот массивов;
• отладка программ;
• контекст вызова.
2.3 Node.js
• Инициализация проектов;
• устройство HTTP-сервера;
• отправка запросов с web-страницы;
• технология WebSocket.
2.4 MongoDB
• Добавление документов в коллекции;
• поиск и удаление записей;
• использование в качестве хранилища сервера.
2.5 Vue.js. Связывание данных
• Связывание модели и представления;
• синтаксис шаблонов;
• генерация списков.
2.6 Vue.js. Методы
• Обработка событий;
• вычисляемые данные;
• условная генерация.
4
2.7 Vue.js. Компоненты и маршрутизация
• Сборщик приложения;
• создание модулей;
• компоненты, их параметры и сообщение;
• маршрутизация.
2.8 Зачёт
Вопросы по темам «JavaScript», «Node.js и MongoDB» и «Vue.js».
2.9 Фотолента. Аутентификация
• Реализация регистрации;
• реализация входа;
• перенаправления между страницами.
2.10 Фотолента. Загрузка
• Панель навигации;
• форма загрузки;
• размещение на сервере.
2.11 Фотолента. Новости
• Вёрстка ленты новостей;
• получение данных.
2.12 Impress.js
Создание финальной презентации в трёхмерном пространстве.  

 

Сервис обратного звонка RedConnect