1С:КЛУБ ПРОГРАММИСТОВ И РОБОТОТЕХНИКИ КОСТРОМА
Программа 2-ого модуля курса
«СОВРЕМЕННАЯ WEB РАЗРАБОТКА»
Если подростка интересует только создание сайтов и ничего, кроме создания сайтов, - этот курс определенно для него!
В ходе изучения двух модулей происходит знакомство с разметкой сайта, различными стилями его оформления, элементами сайта, его внутренним устройством и прочим, прочим, прочим…
В настоящее время в компании «БизнесСофт» можно изучить 2 модуля по WEB-разработке.
1. Система контроля версий.
1.1. Предпосылки.
1.2. Редактор Code (скачивание, установка, горячие клавиши).
1.3. GitHub (регистрация, установка GitHub Desktop, аутентификация в GitHub Desktop).
1.4. Репозиторий (создание, clonе, commit, push).
1.5. Холст (контекст, контуры, оформление).
1.6. Задания: часы (деления, стрелки, перерисовка), GitHub Pages.
2. Погружение в JavaScript.
2.1. Сравнение объектов.
2.2. Встроенные функции (строковые – экранирование и подстроки, математические, интерактивные, сортировка и разворот).
2.3. Тернарный оператор.
2.4. Отладка.
2.5. Контекст вызова.
2.6. Множество (основные операции, итерирование).
2.7. Задания: сравнение массивов, подсчет слов (текстовая область, частотности).
3. Node.js.
3.1. Настройка Node.js (скачивание, установка, PowerShell, Node Package Manager).
3.2. Hello, Node.js! (создание проекта, установка Express, игнорирование файлов, реализация сервера).
3.3. HTTP-сервер (require, GET и POST, порт).
3.4. HTTP-запросы (Cross-Origin Resourse Sharing, JQuery).
3.5. WebSocket (сервер, клиент).
3.6. Задания: цитатник (fs, Java Script Object Notation), редактор (клиент).
4. MongoDB.
4.1. Настройка MongoDB (скачивание, установка, конфигурирование).
4.2. Клиент MongoDB.
4.3. Функциональность (структура, запросы (одно-и многоуровневый поиск), удаление).
4.4. MongoDB из Node.js (драйвер, асинхронность и многопоточность).
4.5. Задания: форма записи (статистические файлы, формы, перенаправление, подключение к базе данных), страны (отправка формы, проверка данных, флажок в запросах).
5. Vue.js. Связывание данных.
5.1. Предпосылки.
5.2. Hello, Vue.js!
5.3. Связывание форм (текстовые поля, флажки, переключатели, выпадающие списки).
5.4. Синтаксис шаблонов (выражения).
5.5. Директива связывания (классы, стили).
5.6. Генерация списков: из массивов (особенности), из чисел.
5.7. Задания: логический элемент, рейтинг (типизация).
6. Vue.js. Методы.
6.1. События (коды клавиш).
6.2. Вычисляемые данные.
6.3. Наблюдение.
6.4. Условная генерация.
6.5. Переходы.
6.6. Задания: квадратные уравнения (решение уравнения, Function Plot, числовые данные, множественное наблюдение), википедия (Application Programming Interface, Cross-Site Scripting).
7. Vue.js. Компоненты и маршрутизация.
7.1. Browserify (использование пакетов, автоматическая сборка, сохранение команд, создание модулей).
7.2. Компоненты (Vueify, архитектура, структура, параметры, одностороннее связывание, сообщения).
7.3. Маршрутизация (глобальные переменные).
7.4. Задания: компонента «Фильм» (типы параметров), галерея фильмов (база данных, динамические пути).
8. Зачет.
8.1. Java Script
8.2. Node.js и MongoDB.
8.3. Vue.js
9. Фотолента. Аутентификация (старт, регистрация, вход, перенаправление).
10. Фотолента. Загрузка (панель навигации, форма, размещение).
11. Фотолента. Новости (завершение (клиент. Сервер), дальнейшие пути).
12. Impress.js
12.1. Hello, Impress.js!
12.2. Функциональность (положение, именование).
12.3. Последнее задание.