[JS] Практический курс по JavaScript и React.js [Миша Рудрастых]

[Robot]

Ссылка на картинку

В этом курсе я не буду пытаться вас усыпить и рассказывать, что такое переменные 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

Читать далее...