Навыки, которые вы получите:
Java
HTML
JavaScript
CSS
MVC
AJAX
Git
DOM
Bootstrap
HTML5
CSS3
JavaScript (JS) — лучший друг Front End-разработчика. HTML задает разметку сайта, CSS отвечает за внешний вид, а JavaScript всё это «оживляет». С помощью JavaScript веб-разработчик определяет как веб-страница отреагирует на действия пользователя.
Программа
- Введение в JavaScript, среда разработки и инструменты. Основные браузеры. Введение в HTML/CSS. Структура проекта. Первая страница.
- Систематизация базовых знаний HTML/CSS. Типичные разметки. Анализ макета.
- Основные компоненты (меню, табы, формы, галлереи).
- Форматирование кода. Семантика. Особенности HTML5/CSS3. Адаптивная верстка. Twitter Bootstrap.
- Практика. Анализ типичных ошибок в верстке.
- Первый сценарий. Знакомство с консолью. Работа с Git.
- Структура кода, переменные, типы и структуры данных, методы встроенных объектов.
- Управляющие структуры (условные операторы, логические операторы, циклы).
- Функции и их разновидности. Работа с аргументами функций. Асинхронный код. Callback.
- Области видимости. Замыкания. Рекурсия. Подмена контекста выполнения функции.
- Определение понятия DOM-дерева. Принципы работы с DOM-деревом и взаимодействия с CSS. Работа с окнами и вкладками.
- Принципы работы с событиями в DOM-дереве. Обработка событий, делегирование.
- jQuery — основы работы с библиотекой и использование ее для манипуляции с DOM деревом.
- Работа с анимацией на странице. СSS transition и JS анимации.
- AJAX — методы асинхронного взаимодействия с сервером на текущем домене. Кросс-доменные запросы.
- Основы объектно-ориентированного программирования. Особенности ООП в JavaScript.
- Наследование в JavaScript.
- Шаблоны повторного использования кода. Шаблоны написания поддерживаемого кода.
- Шаблоны работы с DOM-деревом без использования сторонних библиотек. Шаблоны проектирования.
- Принципы организации кода на больших проектах. Инструменты статического анализа качества кода. Оптимизация. Сжатие.
- MVC фреймворки. Принципы построения одно-страничных приложений.
- Основы использования фреймворков React.js, Angular.js. Использования Require.js для управления загрузкой кода.
- Регулярные выражения в JavaScript. Шаблоны валидации. HTML5, Работа с хранилищами на стороне клиента. Local storage.
Чему вы научитесь
- Уверенному знанию JavaScript, свободной разработке и отладкам программ на этом языке.
- Работе с функциями и событиями.
- Реализации получения и передачи данных на сервер без перезагрузки всей страницы.
- Основам работы с анимацией на веб-странице.
- Базовым понятия о JavaScript-фреймворках.