Цветовая гамма

Программа курса JavaScript для продвинутых

Цель курса: разработка Express-приложения.
Используемые технологии: Api JavaScript, jQuery, фрэймворк Express, база данных Mongo, система контроля версий GIT, репозиторий github.com, система сборки фронтенда GRUNT.
Автор курса: Михалькевич Александр
Количество занятий: 15 (по 4 академических часа одно занятие)
Место проведения: город Минск
  1. Макет главной страницы сайта.
    Настройка рабочей среды. Инструментарий. Верстка сайта. Основные принципы HTML5. Различные способы верстки: табличная, блочная, гибкая блочная. Использование Bootstrap для создания мультимедийных (одинаково отображающихся во всех браузерах) страниц. Адаптивная верстка. 3 составляющих любой html-страницы: блок предметика (название сайта, логотип, основное меню сайта), блок конкретика (вспомогательное меню, меняющаяся часть сайта), блок для пользователя (реклама, виджеты, банеры). Schema.org.
  2. jQuery. Теория и практика.
    Рассматриваются основные методы jQuery. Группы методов: селекторные, стилистические, атрибутные, текстовые, DOM-методы, вспомогательные, событийные, анимационные, ajax и ajax-подобные. Создание динамической страницы. Использование прослушивателей событий click, mouseover, mouseout и других.
  3. Синтаксис JavaScript.
    Типы данных. Массивы. Инструкции. Операторы. Циклы. Функции. Объекты и прототипы. Наследование. Конструкторы. Методики программирования на javaScript. Шаблоны проектирования.
  4. Node.js. Серверный JavaScript.
    Основы node.js. Консольные команды node.js. Режим repl. Ядро Node. Создание node-сервера. Менеджер зависимости npm. Внедрение npm-зависимостей. Методика асинхронного программирования. Разработка приложения на простом паттерне.
  5. Express-приложение.
    Фрэймворк Express. Шаблонизатор jade. MVC в действии. Маршрутизация сайта. Конфигурирование. Особенности подключения скриптов и стилей. Подключение базы данных Mongo. Модули для Express-приложения.
  6. Система контроля версий.
    Командная разработка проекта. Система контроля версий GIT. Ветвление проекта. Удаленные git-репозитории github.com и bitbacket.org. Сравнение. Выбор. Косольные команды git. Графические оболочки для git – tortoiseGit.
  7. API форм.
    Набор свойств, методов и событий обслуживающих формы. Валидация данных на стороне клиента.
  8. API видео и аудио.
    Набор свойств, методов и событий, обслуживающих видео- и аудио-файлы. Реализация медиа-плеера.
  9. API холст.
    Рисование на холсте. Линии. Прямоугольник. Круг. Кривые. Кривые Безье. Закрашивание. Трансформация холста. Работа с текстом. Вставка изображений. Узоры.
  10. API перетаскивания.
    Прослушивание событий целевого элемента (куда перетащить) и элемента источника (что перетаскиваем). Реализация перетаскивания товаров в покупательскую карзину.
  11. API геолокации.
    Статические и динамические карты. Методы определения текущего местоположения пользователя и слежение за передвижением пользователя. Интеграция карт Google и Yandex.
  12. API web-хранилища.
    Сохраниение данных на стороне клиента. Cookie, localStorage и session-Storage.
  13. MongoDB.
    Хранилище данных MongoDB. Установка. CRUD-операции.
  14. Mongoose.
    Подключение и использование модуля Mongoose. Хранение данных в формате JSON.
  15. Обработка форм.
    POST-данные. Регистрация пользователей.
  16. Модули авторизации.
    Внедрение зависимости пользовательской авторизации. Разработка кабинета пользователя.
  17. Системы сборки frontend
    Сборка css- и js-файлов. Grunt. Gulp.
  18. Взаимодействие с web-сервером.
    Основы серверного программирование. Обслуживание серверов. Размещение работ.
  19. Современный фронтенд.
    Обзор рынка. Вспомогательные технологии. Обзор используемых программ и платформ.
Скачать методическое пособие "JavaScript для продвинутых"