search

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

Школа: HTML Academy
Направление
Java
Формат
Прямые эфиры
Домашние задания
Есть
Итоговый экзамен
Есть
Количество уроков
17
Документ об обучении
Сертификат
Обратная связь
Есть
Доступ
20.05.2031
Последнее обновление 18.05.2022
22 400 руб.
Перейти на сайт курса

О курсе

Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.

На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.

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

Учебный проект будет общим для всех, над ним вы будете работать вместе с преподавателем на живых лекциях.

«Код и Магия»
Демо-страница игры-платформера «Код и Магия», на которой можно поиграть в игру, а в специальном окне настроить внешний вид игрового персонажа, купить для него артефакты, которые помогают в игре и посмотреть на похожих персонажей других игроков.

Программа курса

  1. Рассмотрим схему работы на курсе, какие инструменты понадобятся, и как их настроить. Разберём, что представляет собой язык JavaScript, причём здесь спецификация ECMAScript и браузер.
  2. Начнём изучать основные конструкции JavaScript, особенно пристально — функции. Разберём нюансы объявления переменных. Познакомимся с инструментами разработчика.
  3. Вы самостоятельно познакомитесь со сложными типами данных: массивами и объектами. Научитесь создавать их и управлять ими.
  4. Рассмотрим существующие в самом языке JavaScript объекты и функции. Затронем контекст выполнения this. Запустим и отладим код в консоли инструментов разработчика.
  5. Разберём понятие областей видимости. Обсудим принцип DRY (не повторяйся) и как им пользоваться для того, чтобы писать меньше кода, и при этом делать больше. Узнаем, что такое модули и как «бить» код на них; что такое точка входа.
  6. Вы самостоятельно познакомитесь с объектной моделью документа (англ. Document Object Model или DOM). Рассмотрите, как описывать реакции на действия пользователя: ввод текста, нажатие на определённые элементы, прокрутку и прочее.
  7. Попробуем создавать, удалять, перемещать и управлять DOM-элементами. С помощью шаблонов отрисуем данные, созданные ранее.
  8. Обработаем взаимодействие с пользователем, чтобы страница реагировала на ввод текста в формы, нажатие на определённые элементы, прокрутку и прочее. Рассмотрим, как сделать это взаимодействие доступным.
  9. Рассмотрим, как не «писать свой велосипед», а переиспользовать чужой опыт и код. Познакомимся с понятием программного интерфейса (англ. Application Programming Interface или API), рассмотрим API сторонних JavaScript-библиотек и JavaScript API картографических сервисов. Кратко рассмотрим API, которые предоставляет разработчикам браузер.
  10. Вы самостоятельно рассмотрите протокол HTTP, формат данных JSON. Рассмотрите, как меняется взаимодействие пользователя с сайтом при работе с сетью, что может пойти не так.
  11. Разберём понятие асинхронности и способы её достижения с помощью промисов (англ. Promise, обещание). Познакомимся с технологиями, которые позволяют делать запросы к серверу из браузера. Рассмотрим, как на практике обработать ошибки при работе с сетью, если что-то пошло не так.
  12. Завершение работы над проектом и подготовка к итоговой защите.
  13. Оптимизируем работу с данными и событиями на нашем сайте. Реализуем понятную и приятную пользователю обратную связь интерфейса.
  14. Первая оценка проекта проверяющим наставником по критериям качества.
  15. Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.
  16. Подведём итоги курса, а после обсудим особенности JavaScript, с которыми вам, возможно, придётся столкнуться на работе. Понятие legacy-кода и что с ним, с кодом, делать. Кратко рассмотрим продвинутый инструментарий фронтенд-разработчика, чтобы вы понимали, куда двигаться дальше.
  17. Внесение финальных правок и получение итоговой оценки.

Тарифы

Другие курсы по этой теме

  • HTML Academy PHP и Yii. Архитектура сложных веб-сервисов
    Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало време ...
    5.0 (1 отзыв)
    17880 руб.
    Подробнее »
  • HTML Academy Фронтенд-разработчик
    Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым специалистом. Он подойдёт для работающих людей, у которых мало времени ...
    (0 отзывов)
    139000 руб.
    Подробнее »
  • HTML Academy React-разработчик
    Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым специалистом. Он подойдёт для работающих людей, у которых мало времени ...
    (0 отзывов)
    144000 руб.
    Подробнее »
  • HTML Academy Фулстек-разработчик
    Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым специалистом. Он подойдёт для работающих людей, у которых мало времени ...
    (0 отзывов)
    184000 руб.
    Подробнее »
  • HTML Academy Бэкенд-разработчик
    Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым специалистом. Он подойдёт для работающих людей, у которых мало времени ...
    (0 отзывов)
    140000 руб.
    Подробнее »
Помогите нам улучшить наш сервис, поделитесь своим опытом, пройдя небольшой опрос. Он займет у вас не больше 5 минут.
Пройти опрос
Наш сайт использует файлы cookie. Продолжая пользоваться сайтом, вы соглашаетесь на использование нами файлов cookie. Подробнее