В этом курсе я не буду пытаться вас усыпить и рассказывать, что такое переменные 50 минут, поэтому мы будем изучать JavaScript, jQuery и React на практических примерах. Минимум теории, максимум практики. Что вы получите:
12 видеоуроков
Можно скачать готовый код после каждого урока
Уроки актуальны в 2021
Достаточно базовых знаний HTML и CSS, чтобы пройти курс
Программа курса:
Введение.
В этом уроке расскажу, почему я решил записать этот курс и что вас ждёт на курсе. И да, этот урок доступен бесплатно, вы можете посмотреть его прямо сейчас.
Как работать с JavaScript.
Рассмотрим основные принципы того, как работает JavaScript в браузере. Научимся подключать его несколькими способами. Научимся работать с консолью браузера.
Практика. Мобильное меню.
Первое практическое занятие, в котором мы научимся работать с переменными, константами и событиями и DOM на практике. Создадим мобильное меню за 15 минут.
Практика. Валидация форм.
Закрепим всё то, что мы изучили в предыдущем уроке (переменные, события, работа с DOM) ещё одним практическим уроком. На этот раз напишем с нуля валидацию для формы обратной связи. Познакомимся с регулярными выражениями.
Объекты в JavaScript. JSON. Локально хранилище
Объекты и JSON – это то, с чем в современном мире приходится работать постоянно, программируя на JS. Разберёмся, что это такое. Кроме того, узнаем, что такое локальное хранилище браузера и как с ним работать. Опробуем всё это на небольшом практическом примере.
Практика. Конвертер валют
В этом примере мы напишем конвертер валют, причём мы будем получать актуальный курс валют с внешнего сервиса. В этом уроке будет практически всё, что мы изучали в предыдущих уроках, кроме того, научимся работать со сторонними API асинхронно.
jQuery
Несмотря на то, что jQuery довольно старая библиотека, она тем не менее не теряет свою популярность среди разработчиков. Мне же, создавая сайты на WordPress, приходится встречаться с ней очень часто. Разберёмся, почему так происходит и научимся с ней работать. В качестве небольшой практики перепишем наши предыдущие примеры на jQuery.
Практика слайдер изображений на jQuery
Также решил посвятить отдельный урок работе с плагинами jQuery. В этом уроке создадим слайдер из изображений, используя плагин.
React.js
Помню, что когда-то мне очень непросто было научиться работать с React.js. Потому что сразу сваливается огромное количество информации и не понятно, что с ней делать.
Поэтому я решил обучить вас реакту немного нестандартным способом. В этом уроке мы тем не менее напишем свою первое приложение для React.js, но не будем при этом использовать терминал и сборку проекта. Мы даже начнём писать код без использования синтаксиса JSX. И придём к нему постепенно ближе к концу урока.
Сборка Webpack + React
Тем не менее работать с React.js без сборки проекта едва ли целесообразно, поэтому этот урок будет посвящён именно сборке проекта, которую мы настроим с нуля и немного перепишем наше приложение из предыдущего урока, чтобы оно работало со сборкой.
Функциональные компоненты и хуки состояния
Небольшой теоретический урок, посвящённый компонентам React.js. Компоненты могут создавать при помощи классов и при помощи функций. В этом уроке попробуем понять разницу и перепишем компонент из одного вида в другой. Также познакомлю вас с хуками React.js.
Практика. Список дел на React
В этом уроке, который длится практически час, мы создадим уже серьёзное веб-приложение на React.js.