✔ Фронтенд является популярным и незаменимым термином, применяемым в разработке современных приложений и веб-сайтов. Фронтенд подразумевает собой технологии и стратегии, которые позволяют создавать пользовательский интерфейс (UI). Наиболее часто используемыми технологиями в этом направлении на данный момент являются: язык разметки HTML5 и CSS3 - язык, специально созданный для стиллизации; язык веб программирования на стороне клиента - Javascript
✔ Для любого современного приложения, созданного как для использования на рабочем столе так и на мобильном телефоне или в Интернете, необходим интерфейс, при помощи которого пользователь взаимодействует с ним. В последние годы технологии, задействованные во фронтенд-разработке, развиваются с огромной скоростью. По этой причине коэффициент успеха в этой области во многом зависит от уровня знаний разработчика в области методов организации рабочего процесса, а также методов тестирования и оптимизации кода.
✔ Данная учебная программа представляет собой сборник практических советов и приемов, взятых из практики создания веб-проектов и приложений последних лет. Программа постоянно обновляется и основывается на современных методах разработки.
Внимание! Для успешного усвоения материала и практической реализации примеров, предлагаемых в этом курсе, вы должны быть хорошо знакомы с вышеупомянутыми технологиями.
Курс на 90% состоит из практических занятий и содержит полезные советы и примеры применения знаний, накопленных разработчиками на практике в процессе фронтенд-разработки, создания приложений и сайтов.
Преподаватели курса
Предварительная подготовка:
Требуемая подготовка (Обязательная):
- Успешное окончание курса HTML CSS. Часть_1_(UX) Создание сайтов по стандартам W3C
- Успешное окончание курса HTML CSS. Часть_2_(UI). Дизайн пользовательских интерфейсов
- Успешное окончание курса JavaScript (ECMA_часть_1). Основы языка и среда разработки
Получить консультацию о необходимой предварительной подготовке по курсу Вы можете по тел.079 844 644
Требуемая подготовка послужит основой дальнейшего успешного прохождения курсов. Обычно она указана под названием одного из курсов нашего учебного центра (обязательная предварительная подготовка). Рекомендуется ознакомиться с программой указанного курса и оценить свои знания в рамках данной программы. Если Вы не обладаете достаточным уровнем знаний (90%) в указанном курсе, то Вам необходимо будет пройти предварительную подготовку. Это станет залогом Вашего успешного прохождения курса.
Программа курса
Модуль 1.Фронтенд
- Современные тенденции
- Цель оправдывает средства
- Вовлеченные технологии
- Требования, предъявляемые к фронтенду
Модуль 2. Три магических средства
- Структурирование и маркировка
- Стилизация
- Поведение
Модуль 3. Пиши код стильно
- Хорошо знай среду разработки
- Метаязыки
- Снипеты
- Автозаполнение
- Автоматическое структурирование кода
- Проверка и улучшение кода
- Источники, компиляторы и карты
- Дистрибутивы
Модуль 4. Контроль версий
- Семантическое версионирование
- Утилиты для осуществления контроля и управления
- Git и SVN
Модуль 5. Расширения, библиотеки и фреймворки
- Что такое библиотеки и расширения
- Что такое фреймворки
- Режимы установки и настройки, различия
- Самые популярные фронтенд фреймворки, различия
Модуль 6. Современные утилиты
- npm
- Bower
- Gulp и Grunt
Модуль 7. Управление пакетами
- Модульная структура фронтенд приложений
- Понятие модуля или пакета
- Зависимости и решения
- Пакеты разработки, тестирования и производства
Модуль 8. Расширение совместимости
- Кросс-браузерная дифференциация
- Полимеры и фиксы
Модуль 9. Адаптивность
- Основные типы устройств
- Базовые режимы
- Наиболее важные характеристики
Модуль 10. Оптимизация компонентов интерфейса
- Сжатие текстуального кода
- Обработка графических элементов
- Оптимизация типографики
- Тополого-семантическое улучшение
- Оптимизация скорости загрузки
- Управление cache-м
- Обфускация
Модуль 11. Тестирование
- Цели тестирования
- Описание процесса тестирования
- Методологии тестирования
- Утилиты для проведения тестирования
Модуль 12. Интегрированная среда разработки (IDE)
- Организация среды разработки
- Системные переменные
- Пути выполнения
- Скрытые файлы, защищенные файлы, а также файлы конфигурации
Модуль 13. Работа в будущем
- Новейшие технологии
- Выбор правильных технологий
- Транспиляция
Модуль 14. Консоль
- Наиболее популярные консоли во фронтенде
Модуль 15. Шаблонные движки
- Шаблонные движки
- Специальные конструкции
Модуль 16. Автоматизация
- Настройка автоматизации
- Управление задачами
Модуль 17. Документирование
- Использование онлайн документации
- Создание документации на метаязыках
Модуль 18. Архитектура шаблона
- Иерархическая структура шаблона
- Динамические и скрытые элементы
Модуль 19. Шаблоны проектирования
- Что такое шаблоны проектирования
- Шаблон Конструктор
- Модульный шаблон
- Шаблон Публикация/Подписка
- Шаблон MVC
- Параллельное и асинхронное выполнение
- Промисы, наблюдаемые объекты и deferred-объекты
Модуль 20. Другие принципы, применяемы в разработке
- QA
- Применение KISS
- Применение DRY