В этом курсе я не буду пытаться вас усыпить и рассказывать, что такое переменные 50 минут, поэтому мы будем изучать JavaScript, jQuery и React на практических примерах. Минимум теории, максимум практики.
Что вы получите:
- 12 видеоуроков
- Можно скачать готовый код после каждого урока
- Достаточно базовых знаний 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.
