Введение в JavaScript, основные сведения, синтаксис

• JavaScript как С-подобный язык
• Переменные и типы данных.
• Массивы одномерные и многомерные, ассоциативные, и функции по работе с ними
• Объекты, реализация объектно-ориентированного программирования в JavaScript
• Строки и функции для работы с ними
• Объект Math и его методы
• Создание функций и их вызов
• Передача данных внутрь функций, параметры, возврат результата и его использование
• Конструкции: условий, циклов, переключения, управления циклом, обработки исключений
• Функции для работы с датой и временем
• Таймеры setTimeout, setInterval, setImmediate
• Объектная модель браузера (BOM): Navigator, document, history, location, navigator, screen, window
• Объектная модель документа (DOM)
• Доступ к элементам страницы, нативные JS-объекты HTML-элементов

jQuery и объектно-ориентированное программирование

• Основы jQuery, структура кода, чейнинг
• Основы объектно-ориентированного программирования на примерах использующих jQuery: создание объектов, конструктуры, свойства и методы, прототипы, наследование, статические классы
• Эффекты плавности в отображении элементов на странице: команды, механика, нагрузка на браузер. (accordion, toggle, animate , etc ...)
• Обработка событий на клиентской части с помощью Jquery (.bind)(etc...)
• Firebug: поиск и отладка ошибок. Оптимизация кода: логика, данные.
• Считывание данных форм, подготовка к выводу на экран и отправке на сервер
• Работа с наборами элементов each()
• Виды событий, информация о них и управление ними
• Манипуляции с элементами, обход дерева
• Правильное построение архитектуры страницы
• Проверка форм, регулярные выражения
• Cookies
• Технология AJAX (принцип работы всего механизма), JSON, взаимодействие с backend, вызов серверных методов из javascript
• Основы безопасности веб-приложений

Основы PHP для верстальщика

• Задача уровня frontend представления
• Шаблонизация: чистый PHP, smarty
• Вывод данных
• Переменные, массивы, объекты, свойства, методы
• Доступ к составным типам данных
• Управляющие конструкции при выводе данных: циклы, условия
• Подключение файлов
• Форматирование и преобразование данных

Инструментарий разработчика

• Csslint, jslint, jshint
• IDE и online редакторы кода
• Баг-трекеры
• Контроль версий git
• Кроссбраузерность (Modernizr, Browserstack, Virtualbox)

Практические задания:

Практическая работа включает выполнение практических примеров по каждой теме курса: базовые алгоритмы решения типичных задач программирования, динамические визуальные блоки, выпадающие меню, галереи, проверка форм, корзина для Интернет-магазина и др. Работы, выполненные во время прохождения курса могут быть успешно использованы в качестве профессионального портфолио.