Практический курс по JavaScript и React.js

Давно хотите научиться джаваскрипту и реакту, но не знаете, как к ним подступиться? Объём материала кажется неподъёмным?

План курса

01

Введение

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

02

Как работать с JavaScript

Рассмотрим основные принципы того, как работает JavaScript в браузере. Научимся подключать его несколькими способоми. Научимся работать с консолью браузера.

03

Практика. Мобильное меню

Первое практическое занятие, в котором мы научимся работать с переменными, константами и событиями и DOM на практике. Создадим мобильное меню за 15 минут.

04

Практика. Валидация форм

Закрепим всё то, что мы изучили в предыдущем уроке (переменные, события, работа с DOM) ещё одним практическим уроком. На этот раз напишем с нуля валидацию для формы обратной связи. Познакомимся с регулярными выражениями.

05

Объекты в JavaScript. JSON. Локальное хранилище

Объекты и JSON – это то, с чем в современном мире приходится работать постоянно, программируя на JS. Разберёмся, что это такое. Кроме того, узнаем, что такое локальное хранилище браузера и как с ним работать. Опробуем всё это на небольшом практическом примере.

06

Практика. Конвертер валют

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

07

jQuery

Несмотря на то, что jQuery довольно старая библиотека, она тем не менее не теряет свою популярность среди разработчиков. Мне же, создавая сайты на WordPress, приходится встречаться с ней очень часто. Разберёмся, почему так происходит и научимся с ней работать. В качестве небольшой практики перепишем наши предыдущие примеры на jQuery.

08

Практика. Слайдер изображений на jQuery

Также решил посвятить отдельный урок работе с плагинами jQuery. В этом уроке создадим слайдер из изображений, используя плагин.

09

React.js

Помню, что когда-то мне очень непросто было научиться работать с React.js. Потому что сразу сваливается огромное количество информации и не понятно, что с ней делать.

Поэтому я решил обучить вас реакту немного нестандартным способом. В этом уроке мы тем не менее напишем свою первое приложение для React.js, но не будем при этом использовать терминал и сборку проекта. Мы даже начнём писать код без использования синтаксиса JSX. И придём к нему постепенно ближе к концу урока.

10

Сборка Webpack + React

Тем не менее работать с React.js без сборки проекта едва ли целесообразно, поэтому этот урок будет посвящён именно сборке проекта, которую мы настроим с нуля и немного перепишем наше приложение из предыдущего урока, чтобы оно работало со сборкой.

11

Функциональные компоненты и хуки состояния

Небольшой теоретический урок, посвящённый компонентам React.js. Компоненты могут создавать при помощи классов и при помощи функций. В этом уроке попробуем понять разницу и перепишем компонент из одного вида в другой. Также познакомлю вас с хуками React.js.

12

Практика. Список дел на React

В этом уроке, который длится практически час, мы создадим уже серьёзное веб-приложение на React.js.

Миша Рудрастых ведет курс

Ваш преподаватель

Миша Рудрастых

«Открыл в себе любовь к преподаванию совершенно случайно. Сначала я создал этот блог, как заметки для самого себя, а потом обнаружил, что мне нравится именно объяснять все тонкости, рассказывать, что, как и почему нужно делать. А ещё люблю кофе, книги про Гарри Поттера и сноуборд».

Купить курс
  • 12 видеоуроков
  • Можно скачать готовый код после каждого урока
  • Можно начать проходить курс сразу же после оплаты
  • Достаточно базовых знаний HTML и CSS, чтобы пройти курс
  • Единоразовый платёж
  • Доступ навсегда
  • Уроки актуальны в 2024-м году
5000 р

Нажав на кнопку, вы соглашаетесь c условиями предоставления услуг и с обработкой персональных данных.

Вы также можете оплатить криптовалютой, для этого напишите мне.