Полный курс по JavaScript + React - с нуля до результата

В этом уроке мы познакомимся с языком программирования JavaScript, зачем он нужен и как его применять.

В этом уроке я расскажу про дополнительные уроки, задания и задачи

В этом уроке мы поговорим про вместилища информации - переменные. Кроме этого разберем что такое строгий режим и как его использовать.

В этом дополнительном уроке мы поговорим про правила названия переменных в JS и в программировании в целом

В этом уроке мы поговорим про различные типы данных, которые существуют в JS и их классификацию.

В этом дополнительном уроке мы подробно поговорим про разницу между объектами и массивами

В этом уроке мы познакомимся со встроенными командами, которые есть в JS для общения с пользователем

В этом уроке мы разберем такое понятие как интерполяция и как оно используется в стандарте ES6

В этом уроке мы разберемся с операторами, которые используются в JS

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

В этом уроке мы познакомимся с СКР - Git и сервисом для хранения своих репозиториев - GitHub.

В этом уроке мы научимся работать с GitHub репозиториями с разных компьютеров.

В этом уроке мы поговорим про протоколы в сети и SSH

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

В этом уроке мы познакомимся с одним из самых ключевых понятий в программировании - условиями.

В этом уроке мы более подробно будем разбирать логические операции в JS

В этом уроке мы познакомимся с одним из самых ключевых понятий в программировании - циклами.

В этом уроке мы поговорим про прием "цикл в цикле"

В этом уроке мы разберем функции - ключевые составляющие программ

В этом уроке мы будем говорить про методы и свойства, которые применяются при работе со строками и числами

В этом уроке мы узнаем про довольно полезный метод

В этом уроке мы познакомимся с частным случаем применения функций - callback'ам

В этом уроке мы познакомимся с основным типом данных в JS - объектом

В этом уроке мы будем говорить про массивы и псевдомассивы

В этом уроке мы разберем такие понятия, как передача по ссылке и по значению, как они влияют на наше код и как с ними работать. Так же мы разберем поверхностные и глубокие копии объектов. Сюда же войдет и понятие spread оператора, который появился в стандартах ES6 и ES9

В этом уроке мы начнем разбираться с такой парадигмой программирования как ООП и в частности с одним из его стилей - прототипно-ОП.

В этом уроке мы закончим с консольным приложением и переведем его в объектный вид

В этом уроке мы поближе познакомимся с консолью разработчика и её возможностями

В этом уроке мы будем говорить про очень важное понятие в JS - динамическую типизацию.

В этом уроке мы поговорим про одну из самых запутанных тем в JS :)

В этом уроке мы будем разбирать задачи с реальных собеседований

В этом уроке мы научимся получать элементы со страницы

В этом уроке мы разберем самый частые действия, которые мы будем совершать с элементами на странице

В этом уроке мы будем работать с настоящей страницей и решать настоящие задачи

В этом уроке мы будем говорить про одно из самых важных понятий - события в JS

В этом уроке мы поговорим про способы навигации по DOM-дереву

В этом уроке мы рассмотрим полезный прием под названием рекурсия более подробно

В этом уроке мы продолжим работу с проектом

В этом уроке мы будем говорить про события на сенсорных/мобильных устройствах

В этом уроке мы будем говорить про правильное расположение скриптов в проекте и какими путями это можно сделать

В этом уроке мы поговорим про один из новых операторов из ES11го стандарта

В этом уроке мы поговорим про один из новых операторов из ES11го стандарта

В этом уроке мы поговорим про термин "живых" коллекций

В этом уроке мы поговорим про тип данных "символ"

В этом уроке мы поговорим про дескрипторы свойств и как с ними работать

В этом уроке мы поговорим про итерируемые конструкции и символ-итератор

В этом уроке мы поговорим про специфическую структуру данных под названием Map

В этом уроке мы поговорим про вторую специфическую структуру данных под названием Set

В этом уроке мы поговорим про еще один тип данных под названием BigInt

В этом уроке мы будем разбирать правильную работу с классами и такой прием как делегирование событий

В этом уроке мы начинаем новый большой проект и для начала создадим один из самых простых и частых элементов на сайтах

В этом уроке мы поговорим о том, как запускать скрипты с течением времени

В этом уроке мы изучим важное понятие под названием "сборщик мусора"

В этом уроке мы изучим еще две дополнительные структуры данных

В этом уроке мы разберем работу с датами в JS

В этом уроке мы создадим еще один интерактивный элемент - таймер

Добавим дополнительную возможность

В этом уроке  мы разберем глобальные объекты document, window, screen и параметры, которые есть у каждого элемента в JS

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

В этом уроке мы доработаем функционал модального окна

В этом уроке мы познакомимся с понятием Observer

В этом уроке мы поговорим про функции-конструкторы, которые существуют внутри JS

В этом уроке мы разберем такое важное понятие как контекст вызова.

В этом уроке мы познакомимся с еще одной возможностью нового стандарта - классами

В этом уроке мы применим классы на нашем проекте

В этом уроке мы познакомимся с rest-оператором и параметрами по умолчанию. Сразу же применим их на проекте.

В этом уроке мы поговорим про локальные сервера, как и зачем их использовать

В этом уроке мы поговорим про формат передачи данных JSON и про глубокое клонирование объектов

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

В этом уроке мы реализуем скрипт отправки данных на сервер

В этом уроке мы доработаем скрипт отправки и будем в красивом варианте оповещать пользователя об успехе

В этом очень важном уроке мы разберем промисы (обещания)

В этом уроке мы разберем очень крутую фичу по запросам к серверу - Fetch API

В этом уроке мы поговорим про методы перебора массивов: filter, map, reduce и др.

В этом уроке мы поговорим про npm-проекты и json-server

В этом уроке мы будем получать данные от сервера для построения карточек с меню

В этом уроке мы поговорим про библиотеки и в частности про axios

В этом уроке мы создадим простой вариант слайдера на сайте

В этом уроке мы создадим более сложный вариант слайдера-карусели на сайте

В этом уроке мы создадим динамическую навигацию для слайдера

В этом уроке мы поговорим про очень полезный объект localStorage для хранения данных на сайте

В этом уроке мы разберем смежную технологию, которая часто используется в JS

В этом уроке мы будем создавать калькулятор по расчету калорий

В этом уроке мы применим регулярные выражения и localStorage к калькулятору + создадим небольшую валидацию

В этом уроке мы разберем свойства-акцессоры

В этом уроке мы разберем такое понятие как инкапсуляция

В этом уроке мы разберем прием-модуль

В этом уроке мы познакомимся со сборщиком модулей webpack и поработаем как на простом, так и на реальном примере

В этом уроке мы разберем систему модулей из нового стандарта

В этом уроке мы окончательно соберем наш проект с использованием системы модулей ES6.

В этом уроке мы поговорим про формирование свое портфолио на Github

В этом уроке мы поговорим про создание своих ошибок

В этом уроке мы поговорим про современные библиотеки и фрэймворки.

В этом уроке мы поработаем с библиотекой Jquery

В этом уроке мы поговорим про функции-генераторы

В этом уроке мы поговорим про создание правильных анимаций

В этом уроке мы поговорим про создание своих собственных анимаций при помощи новой технологии

В этом уроке мы поговорим про событийный цикл

В этом уроке мы поговорим про термины "макрозадачи" и "микрозадачи"

В этом уроке мы научимся использовать готовый код в своих проектах

В этом уроке мы обсудим все детали второй части курса. Как она будет построена, про что пойдет речь и зачем вам вообще React

В этом уроке мы будем говорить про то, зачем нам вообще библиотеки и фрейморки в целом. Ведь нативный JS умеет делать все что нужно. Так зачем разработчики придумали дополнительные инструменты?

В этом уроке мы обсудим что вообще такое Реакт и его самые фундаментальные принципы, которые его отличают

В этом уроке мы познакомимся с готовым инструментом для создания свои приложений на React, создадим свою первую заготовку под приложение

В этом уроке мы познакомимся с препроцессором JSX, узнаем его основные правила и ограничения

В этом уроке мы подробнее познакомимся с базовыми понятиями в реакте: элементами и компонентами

В этом уроке мы разберем встроенный компонент StrictMode

В этой статье я расскажу про совместимость версий

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

В этом уроке мы разберем понятие свойств компонентов (props)

В этом уроке мы применим все знания из предыдущего занятия на реальном проекте

В этом уроке мы изучим принцип работы алгоритма согласования и как правильно работать со списком одинаковых компонентов/элементов

В этом уроке мы изучим еще одно базовое понятие - состояния компонентов, которое открывает нам двери в мир динамической работы с компонентами

Самостоятельная работа на закрепление знаний

В этом уроке мы узнаем как работать с событиями в реакте

В этом уроке мы применим знания на нашем проекте

В этом уроке мы поговорим про управляемые и неуправляемые компоненты, научимся правильно работать с формами

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

В этом уроке мы познакомимся с приемом, который называется "подъем состояния" или state lifting

В этом уроке мы будем работать с Реакт-фрагментами - очень удобным инструментом для избежания лишнего кода

В этом уроке мы закончим базовый функционал приложения

В этом уроке мы поговорим про актуальную тему доступности контента

В этом уроке познакомимся с самым простым способом установки стилей для реакт элементов

В этом уроке поговорим о том, как правильно использовать SASS препроцессор

В этом уроке поговорим про динамически назначаемые стили и css-классы

В этом уроке мы поговорим про интересную технологию css-in-js и ее представителем - styled-components

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

В этом уроке мы повторим синтаксис полей классов

Подведем итог модуля :)

В этом уроке мы рассмотрим такое понятие как API и самые удобные из готовых сервисов для работы

В этом уроке мы создадим новый проект и поработаем с реальным API

В этом уроке мы рассмотрим прием трансформации данных и реализуем компонент со случайным персонажем

В этом уроке мы реализуем два компонента, отображающих состояние компонента

В этом уроке мы познакомимся с жизненным циклом и его хуками

В этом уроке мы поработаем с нашим проектом, познакомимся с еще одним хуком и исправим важную проблему

В этом уроке мы познакомимся с предохранителями в React

В этом уроке мы реализуем дозагрузку персонажей

В этом уроке мы изучим технологию для проверки типов пропсов

В этом уроке мы изучим прием вставки и его вариации

В этом дополнительном уроке мы поговорим про разницу наследования и специализации

В этом уроке мы разберем подход, который называется render-props

В этом уроке мы изучим прием ref и как его правильно использовать

В этом уроке мы изучим React порталы

В этом уроке мы научимся делать финальную сборку проекта и выгружать её на сервер

В этом уроке мы поговорим о том, зачем вообще были созданы хуки, зачем их использовать и какие есть правила

В этом уроке мы изучим хук useState

В этом уроке мы изучим хук useEffect

В этом уроке мы изучим хук useCallback

В этом уроке мы изучим хук useMemo

В этом уроке мы изучим хук useRef

В этом уроке мы перепишем наш проект на функциональные компоненты и хуки

В этом уроке мы научимся создавать собственные хуки!

В этом уроке мы избавимся от дублирования кода в проекте и будем использовать свои хуки

В этом уроке мы поговорим про термин batching и как он работает в разных версиях

В этом уроке мы поговорим про новые хуки и конкурентный режим

В этом уроке мы добавим базовую маршрутизацию к нашему приложению

В этом уроке мы рассмотрим версию библиотеки 6+

В этом уроке мы реализуем динамические пути в приложении

В этом уроке мы начнем оптимизировать приложение, познакомимся с динамическими импортами и функцией lazy

В этом уроке мы продолжим оптимизацию приложения и изучим функцию memo и компонент PureComponent

В этом уроке мы изучим что такое контекст

В этом уроке мы изучим еще один хук - useReducer

В этом уроке мы изучим компоненты высшего порядка или по другому HOC

В этом уроке мы поговорим про экосистему реакта

В этом уроке мы разберем и поиспользуем библиотеку React Transition Group

В этом уроке мы будем говорить про формы, их валидацию и оптимальные способы создания.

В этом уроке мы будем говорить про формы, их валидацию и оптимальные способы создания.

В этом уроке мы разберем домашнее задание и его решение

В этом уроке мы поговорим про оптимизацию поисковой выдачи и разберем еще одну нужную библиотеку для React

В этом уроке мы разберем принцип конечного автомата и применим его на нашем проекте

В этом уроке поговорим про ошибки

В этом уроке мы разберем что такое redux

В этом уроке мы начнем реализовывать паттерн redux

В этом уроке мы узнаем что такое чистые функции

В этом уроке мы разберем понятия actionCreators и bindActionCreators

В этом уроке мы добавим React-компонент в приложение

В этом уроке мы соединим две библиотеки при помощи функции connect

А теперь воспользуемся хуками

В этом уроке мы подключим полезный инструмент - redux devtools

В этом уроке вас ждет самостоятельная работа

В этом уроке разберем самые сложные моменты

В этом уроке мы поговорим про комбинирование и разделение редьюсеров. Применим функцию createSelector

В этом уроке поговорим про сложность реальной разработки

В этом уроке мы разберем понятие Store enhancers и применим его в нашем проекте

А в этом уроке продолжим тему и разберем понятие middleware

В этом уроке мы рассмотрим самый популярный middleware для проектов

В этом уроке мы начнем использовать redux-toolkit и познакомимся с первой командой из этого пакета

В этом уроке рассмотрим команду, которая упрощает работу с действиями

В этом уроке разберем еще одну функцию, но теперь для более удобного создания редьюсеров

В этом уроке мы научимся создавать "срезы" - полноценные кусочки нашего глобального хранилища

А в этом уроке мы научимся создавать асинхронные действия и связывать их со срезами

В этом уроке мы разберем еще одну интересную возможность туллкита - адаптеры!

В этом уроке разберем сложности, с которыми вы могли столкнуться

В этом уроке мы поговорим про разные структуры проектов и как закрепить весь материал

В этом уроке мы разберем последнюю возможность туллкита - RTK Query