Онлайн-курс «JavaScript. Профессиональная разработка веб-интерфейсов»

В среде веб-разработки язык программирования JavaScript — один из самых популярных и востребованных для создания web-интерфейсов. Возможности JS-языка позволяют создавать динамичные, интерактивные и отзывчивые интерфейсы, которые упрощают взаимодействие пользователей с приложениями. На этом онлайн-курсе вы познакомитесь с особенностями JavaScript и освоите профессиональные навыки создания веб-интерфейсов. Обучение JavaScript проводится экспертами онлайн-академии HTML Academy.

Для начала подготовки требуются базовые знания по HTML, CSS и JavaScript. В процессе занятий вы освоите работу с DOM, с AJAX-запросами, научитесь применять интерактивные элементы и анимацию, создавать код с использованием модулей и паттернов проектирования. А еще эксперты покажут, как создать репозиторий и управлять им, чтобы эффективно сотрудничать с другими разработчиками и отслеживать изменения в проекте.

Краткое содержание онлайн-курса «JavaScript. Профессиональная разработка веб-интерфейсов»:

1. Знакомство с JavaScript. Возможности и особенности языка.
2. Объекты и функции. Организация кода.
3. Изучение DOM (Document Object Model).
4. Программный интерфейс (API). Подключение сторонних библиотек.
5. Обратная связь и оптимизация.

В итоге вы получите фундаментальные знания по JS и станете сертифицированным профессионалом разработки веб-интерфейсов на JavaScript.

Раздел 1. Знакомство c JavaScript

• Рассмотрим схему работы на курсе, какие инструменты понадобятся, и как их настроить. Разберём, что представляет собой язык JavaScript, причём здесь спецификация ECMAScript и браузер.

Раздел 2. Основные возможности JavaScript

• Начнём изучать основные конструкции JavaScript, особенно пристально — функции. Разберём нюансы объявления переменных. Познакомимся с инструментами разработчика.

Раздел 3. Объекты и массивы

• Вы самостоятельно познакомитесь со сложными типами данных: массивами и объектами. Научитесь создавать их и управлять ими.

Раздел 4. Встроенные объекты и функции

• Рассмотрим существующие в самом языке JavaScript объекты и функции. Затронем контекст выполнения this. Запустим и отладим код в консоли инструментов разработчика.

Раздел 5. Организация кода

• Разберём понятие областей видимости. Обсудим принцип DRY (не повторяйся) и как им пользоваться для того, чтобы писать меньше кода, и при этом делать больше. Узнаем, что такое модули и как «бить» код на них; что такое точка входа.

Раздел 6. DOM и события

• Вы самостоятельно познакомитесь с объектной моделью документа (англ. Document Object Model или DOM). Рассмотрите, как описывать реакции на действия пользователя: ввод текста, нажатие на определённые элементы, прокрутку и прочее.

Раздел 7. Манипуляции с DOM

• Попробуем создавать, удалять, перемещать и управлять DOM-элементами. С помощью шаблонов отрисуем данные, созданные ранее.

Раздел 8. Работа с событиями

• Обработаем взаимодействие с пользователем, чтобы страница реагировала на ввод текста в формы, нажатие на определённые элементы, прокрутку и прочее. Рассмотрим, как сделать это взаимодействие доступным.

Раздел 9. Внешние API и сторонние библиотеки

• Рассмотрим, как не «писать свой велосипед», а переиспользовать чужой опыт и код. Познакомимся с понятием программного интерфейса (англ. Application Programming Interface или API), рассмотрим API сторонних JavaScript-библиотек и JavaScript API картографических сервисов. Кратко рассмотрим API, которые предоставляет разработчикам браузер.

Раздел 10. Сеть

• Вы самостоятельно рассмотрите протокол HTTP, формат данных JSON. Рассмотрите, как меняется взаимодействие пользователя с сайтом при работе с сетью, что может пойти не так.

Раздел 11. Асинхронность. Работа с сетью

• Разберём понятие асинхронности и способы её достижения с помощью промисов (англ. Promise, обещание). Познакомимся с технологиями, которые позволяют делать запросы к серверу из браузера. Рассмотрим, как на практике обработать ошибки при работе с сетью, если что-то пошло не так.

Раздел 12. Обратная связь и оптимизация

• Оптимизируем работу с данными и событиями на нашем сайте. Реализуем понятную и приятную пользователю обратную связь интерфейса.

Защита проекта

• Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.
• Проверка проекта проверяющим наставником по критериям качества, его улучшение и защита.

Раздел 13. Финал

• Подведём итоги курса, а после обсудим особенности JavaScript, с которыми вам, возможно, придётся столкнуться на работе. Понятие legacy-кода и что с ним, с кодом, делать. Кратко рассмотрим продвинутый инструментарий фронтенд-разработчика, чтобы вы понимали, куда двигаться дальше.

• Формат
  Самостоятельно с наставником
  Живые вебинары / Видеоуроки / Консультации
  Обучение в ЛК на сайте автора
• Продолжительность
  2 месяца
• Уровень сложности
  Для новичков
• Когда вы будете учиться
  Строго по расписанию
• Домашние задания
  ЕстьС проверкой
• Документ об обучении
  Сертификат Освоение программы курса
• Обязательное выполнение итоговой работы
• Сопровождение
  Куратором
• Техническая поддержка
  В рабочее времяЧат в вкЧат в мессенджере
• Год выхода
  2023 Последнее обновление: 22.02.2024