Полный курс по JavaScript + React с индивидуальным проектом

5.0
(3 Отзывы)

Продолж-ть 75 ч. 27 мин. 13 Сек.

Цена

90 €
Полный курс по JavaScript + React с индивидуальным проектом

О курсе

 

Освойте самый популярный язык программирования - JavaScript, библиотеку React и научитесь применять на практике!

 

JS везде занимает первые места, а значит у вас будет больше возможностей к трудоустройству и развитию своих профессиональных навыков

 

Кому подойдет этот курс?

 

  • Вы ничего не знаете про программирование, но хотите начать
  • Вы новичок в JavaScript и хотите полноценно его освоить и начать уже применять в работе
  • Вы начали своё обучение с JQuery или другого инструмента, но вам не хватает знаний основ
  • Вы хотите научиться создавать web-приложения
  • Вы хотите освоить библиотеку React на реальных проектах
  • Вы хотите создать уникальный реальный проект под руководством наставника с 8+ летним опытом

 

Не уверены, что вам подойдет этот курс?

Напишите мне лично и я отвечу на все ваши вопросы 📩

Консультация

Для оплаты в криптовалюте или другим методом свяжитесь со мной
 

Что вы найдете внутри курса?

 

  • Мы последовательно и основательно изучим JavaScript, начиная с самых основ программирования и заканчивая последними нововведениями в языке. И будем обращать внимание на тонкости при реальной работе
  • Вы четко будете следовать плану обучения, построенному на практическом применении языка, а не просто по главам учебника. Это позволит держать концентрацию на нужной информации и не распылять ваше внимание

     

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

  • Все основные концепции и паттерны, которые вы будете использовать в своей работе уже включены в курс (как в JS, так и в React)
  • Дополнительно мы освоим и будем использовать множество вспомогательных технологий: Git, Github, Ajax, Babel, Webpack, npm и другие

     

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

  • Мы изучим библиотеку React и создадим 4 приложения на её основе 
  • Мы изучим различные архитектурные подходы при построении web-приложений 
  • Мы научимся работать с Redux и интегрировать этот инструмент в наши приложения 
  • Конечно же, закрепим всё, что проходим, на реальных проектах. Причем практика почти всегда идет сразу за теоретическим уроком. Таким образом вы сможете сразу подкрепить знания при помощи написания кода

     

Будем создавать самые разные web-продукты, с разными технологиями и подходами
 

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

 

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

    Это будет часть (или весь) реально существующего проекта, с реально существующими проблемами. Дальше будем работать в формате код-ревью на каждой стадии и я от вас не отстану, пока вы не дойдете до готового продукта 🙂
  • Никаких ограничений по времени. Занимаетесь в удобном для вас темпе, а доступ к поддержке никуда не исчезает!
  • Со всеми вопросами внутри курса работаем в небольшом закрытом чате, где вы всегда сможете получить помощь. Этот курс идет с полной поддержкой

 

А что вообще такое JavaScript?

 

И почему его нужно учить уже сейчас?

JS - это язык интерактивности на веб-страницах. Без него сейчас не обходится ни один сайт в интернете. И даже больше! 

Используя различные фрэймворки, JavaScript заполоняет интернет: серверная сторона (Node.js), мобильные приложения (React Native, Ionic),виртуальная реальность (React 360) и так далее. Поэтому, если вы хотите пойти по одному из этих путей - нативный JS станет для вас просто необходимой базой.

 

Что включено в курс, кроме самого материала?

  • ответы на любые ваши вопросы
  • общение в закрытом чате со мной
  • разборы заданий и задач
  • частые видео трансляции с разбором тем и приглашенными гостями
  • мероприятия и спикинг-клубы
  • дополнительные материалы
  • приоритет в получении заказов и вакансий (перед тг-каналом)
  • без ограничений по времени, только ваш ритм обучения!
  • дополнительные задания, проекты и многое другое

Буду рад помочь освоить вам новый навык и стать специалистом!

Остались вопросы? Напишите мне лично, буду рад ответить!

Содержание курса

videoКак проходить данный курс6 мин. 11 Сек.Бесплатно
videoПочему этот курс?6 мин. 53 Сек.Бесплатно
videoПро закрытый чат, редакторы кода, материалы и ссылки8 мин.Бесплатно
videoНастройка рабочего пространства21 мин. 49 Сек.Бесплатно
video(д) Eslint. Подсказки об ошибках и автоматическое форматирование кода33 мин. 26 Сек. Начать
videoЧто такое JS и как его подключить к странице11 мин. 38 Сек. Начать
videoПро упражнения и дополнительные уроки5 мин. 44 Сек. Начать
videoПеременные и строгий режим16 мин. Начать
video(д) Правила и типы названия переменных13 мин. 43 Сек. Начать
videoУпражнение по написанию кода 1: Задание на создание правильных переменных10 мин. Начать
videoКлассификация типов данных в JavaScript16 мин. 21 Сек. Начать
video(д) Разница между объектами и массивами и неочевидные синтаксические возможности19 мин. 24 Сек. Начать
videoУпражнение по написанию кода 2: Задание на создание правильных типов данных15 мин. Начать
videoПростое общение с пользователем14 мин. 40 Сек. Начать
videoИнтерполяция (ES6)3 мин. 59 Сек. Начать
videoОператоры в JS14 мин. 30 Сек. Начать
videoУчимся работать с системой контроля версий Git и с сервисом GitHub25 мин. 7 Сек. Начать
videoКак работать с GitHub с разных компьютеров, gitignore и Git Kraken15 мин. 52 Сек. Начать
video(д) Сетевые протоколы. Подключение компьютера к аккаунту Github через SSH12 мин. 58 Сек. Начать
videoПрактика, ч.1. Начинаем создавать приложение11 мин. 40 Сек. Начать
videoУсловия12 мин. 17 Сек. Начать
video(д) Логические операторы33 мин. 23 Сек. Начать
videoЦиклы8 мин. 48 Сек. Начать
video(д) Цикл в цикле и метки17 мин. 20 Сек. Начать
videoУпражнение по написанию кода 3: Задания на использование циклов и условий30 мин. Начать
videoУпражнение по написанию кода 4: (*) Продвинутые задания на использование циклов и условий30 мин. Начать
videoУпражнение по написанию кода 5: (**) Задача на формирование фигуры25 мин. Начать
videoПрактика, ч2. Применяем условия и циклы17 мин. 4 Сек. Начать
videoФункции, стрелочные ф-ции (ES6)20 мин. 15 Сек. Начать
video(д) Еще раз про аргументы функций7 мин. 11 Сек. Начать
video(д) Про важность return13 мин. 29 Сек. Начать
videoУпражнение по написанию кода 6: Задание на работу с функциями20 мин. Начать
videoМетоды и свойства строк и чисел19 мин. 31 Сек. Начать
videoПрактика , ч3. Используем функции15 мин. 14 Сек. Начать
videoУпражнение по написанию кода 7: (*) Продвинутые задания на использование функций35 мин. Начать
videoУпражнение по написанию кода 8: (*) Продвинутые задания на использование функций30 мин. Начать
videoУпражнение по написанию кода 9: (**) Задача с собеседований на числа Фибоначчи30 мин. Начать
video(д) Метод trim()4 мин. 36 Сек. Начать
videoCallback- функции7 мин. 24 Сек. Начать
videoОбъекты, деструктуризация объектов (ES6)24 мин. 35 Сек. Начать
videoМассивы и псевдомассивы23 мин. 50 Сек. Начать
video(*) Алгоритмы в целом и в JavaScript1 мин. Начать
videoПередача по ссылке или по значению, Spread оператор (ES6-ES9)24 мин. 57 Сек. Начать
videoУпражнение по написанию кода 10: Задачи на работу с объектами40 мин. Начать
videoУпражнение по написанию кода 11: Задачи на работу с массивами20 мин. Начать
videoУпражнение по написанию кода 12: Задачи на работу с массивами, часть 225 мин. Начать
videoОсновы ООП, прототипно-ориентированное наследование16 мин. 24 Сек. Начать
videoПрактика , ч4. Используем объекты20 мин. 56 Сек. Начать
videoУпражнение по написанию кода 13: (*) Продвинутая задача на работу с объектами и массивами25 мин. Начать
videoУпражнение по написанию кода 14: (*) Продвинутая задача на работу с объектами и массивами20 мин. Начать
videoОтлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints13 мин. 37 Сек. Начать
videoДинамическая типизация в JS14 мин. 20 Сек. Начать
videoЗамыкание и лексическое окружение30 мин. 36 Сек. Начать
videoПромежуточный тест на закрепление знаний №1 Начать
videoЗадачи с собеседований на понимание основ17 мин. 55 Сек. Начать
videoУпражнение по написанию кода 15: Задания на поиск ошибок в коде15 мин. Начать
videoПолучение элементов со страницы18 мин. 17 Сек. Начать
videoДействия с элементами на странице34 мин. 58 Сек. Начать
videoПрактика. Задание на отработку действий со страницей20 мин. 49 Сек. Начать
videoСобытия и их обработчики26 мин. 20 Сек. Начать
videoНавигация по DOM - элементам, data-атрибуты, преимущество for/of15 мин. 39 Сек. Начать
videoРекурсия43 мин. 57 Сек. Начать
videoУпражнение по написанию кода 16: (*) Задача на рекурсию15 мин. Начать
videoПрактика. Используем события на странице проекта32 мин. 46 Сек. Начать
videoСобытия на мобильных устройствах13 мин. 22 Сек. Начать
videoAsync, defer, динамические скрипты15 мин. Начать
videoПромежуточный тест на закрепление знаний №2 Начать
videoРесурсы для оттачивания навыков программирования8 мин. Начать
videoПро дополнительную информацию по основам1 мин. Начать
video(д) Оператор нулевого слияния (Nullish, ??) ES1112 мин. 56 Сек. Начать
video(д) Оператор опциональной цепочки (?.) ES1111 мин. 46 Сек. Начать
video(д) Живые коллекции и полезные методы18 мин. 14 Сек. Начать
video(д) Тип данных Symbol16 мин. 5 Сек. Начать
video(д) Дескрипторы свойств и полезные методы объектов22 мин. 32 Сек. Начать
video(*) Итерируемые конструкции21 мин. 7 Сек. Начать
video(*) Map26 мин. 36 Сек. Начать
video(*) Set11 мин. 37 Сек. Начать
video(*) BigInt10 мин. 38 Сек. Начать
videoУпражнение по написанию кода 17: (**) Сложная задача на вычисление количества страниц15 мин. Начать
videoУпражнение по написанию кода 18: (**) Сложная задача на работу со строками10 мин. Начать
videoУпражнение по написанию кода 19: (**) Сложная задача на работу с рекурсией10 мин. Начать
videoПро что будет этот модуль1 мин. 59 Сек. Начать
videoClassList и делегирование событий21 мин. 35 Сек. Начать
videoСоздаем табы в новом проекте22 мин. 19 Сек. Начать
videoСкрипты и время их выполнения. setTimeout и setInterval21 мин. 28 Сек. Начать
video(д) Сборщик мусора и утечки памяти20 мин. 38 Сек. Начать
video(*) WeakMap и WeakSet18 мин. 53 Сек. Начать
videoРабота с датами17 мин. 37 Сек. Начать
videoСоздаем таймер обратного отсчета на сайте25 мин. 29 Сек. Начать
video(*) Обработка прошедшей даты3 мин. 44 Сек. Начать
videoПараметры документа, окна и работа с ними23 мин. 29 Сек. Начать
videoСоздаем модальное окно19 мин. 8 Сек. Начать
videoМодификации модального окна11 мин. 4 Сек. Начать
video(д) MutationObserver, ResizeObserver и contenteditable11 мин. 16 Сек. Начать
videoФункции-конструкторы10 мин. 36 Сек. Начать
videoКонтекст вызова. This27 мин. 6 Сек. Начать
videoКлассы (ES6)15 мин. 52 Сек. Начать
videoГде отслеживать информацию о новых стандартах8 мин. Начать
videoИспользуем классы в реальной работе18 мин. 58 Сек. Начать
videoRest оператор и параметры по умолчанию (ES6)17 мин. 2 Сек. Начать
videoТест на закрепление знаний модуля Начать
videoЛокальные сервера11 мин. 20 Сек. Начать
videoJSON формат передачи данных, глубокое клонирование объектов9 мин. 13 Сек. Начать
videoAJAX и общение с сервером26 мин. 25 Сек. Начать
videoРеализация скрипта отправки данных на сервер26 мин. 17 Сек. Начать
videoКрасивое оповещение пользователя24 мин. 40 Сек. Начать
videoPromise (ES6)26 мин. 19 Сек. Начать
videoFetch API20 мин. 47 Сек. Начать
videoМетоды перебора массивов28 мин. 59 Сек. Начать
videoУпражнение по написанию кода 20: Задания на работу с методами массивов25 мин. Начать
videoУпражнение по написанию кода 21: Задания на работу с методами массивов20 мин. Начать
videoПодробно про npm и проект. JSON-server18 мин. 38 Сек. Начать
videoПолучение данных с сервера. Async/Await (ES8)32 мин. 44 Сек. Начать
videoДополнительно: Что такое библиотеки. Библиотека axios8 мин. 54 Сек. Начать
videoСоздаем слайдер на сайте, вариант 117 мин. 4 Сек. Начать
videoСоздаем слайдер на сайте, вариант 223 мин. 34 Сек. Начать
videoСоздаем навигацию для слайдов15 мин. 50 Сек. Начать
videoКак сохранить данные без БД. Работа с localStorage16 мин. 28 Сек. Начать
videoРегулярные выражения23 мин. 48 Сек. Начать
videoСоздаем калькулятор на сайте, часть 132 мин. 22 Сек. Начать
videoСоздаем калькулятор на сайте, часть 218 мин. 23 Сек. Начать
videoПромежуточный тест на закрепление знаний Начать
videoГеттеры и сеттеры (свойства объектов)5 мин. 8 Сек. Начать
videoИнкапсуляция20 мин. 20 Сек. Начать
videoПрием модуль, как и зачем его использовать9 мин. 34 Сек. Начать
videoWebpack. Собираем наш проект29 мин. 4 Сек. Начать
videoES6 Modules10 мин. 38 Сек. Начать
videoСобираем наш проект и фиксим баги33 мин. 49 Сек. Начать
videoФормируем портфолио на GitHub8 мин. 13 Сек. Начать
videoОшибки. Как избежать “поломки” своего кода11 мин. Начать
video(д) Создание своих ошибок10 мин. 27 Сек. Начать
videoКак превратить код ES6+ в старый формат ES5. Babel, Core.js и полифиллы20 мин. 40 Сек. Начать
videoСовременные библиотеки и фрэймворки19 мин. 58 Сек. Начать
videoБиблиотека Jquery29 мин. 21 Сек. Начать
videoФункции-генераторы8 мин. Начать
videoJS анимации, requestAnimationFrame12 мин. 12 Сек. Начать
video(*) Web Animations API14 мин. 10 Сек. Начать
videoУпражнение по написанию кода 22: (**) Сложная задача на понятие композиции функций15 мин. Начать
videoEvent loop, подробная работа асинхронных и синхронных операций23 мин. 13 Сек. Начать
videoМакро и микрозадачи9 мин. 5 Сек. Начать
videoРаботаем с готовым кодом16 мин. 54 Сек. Начать
videoФинальный практическо-теоретический тест Начать
videoКакие проекты можно придумать и реализовать самостоятельно10 мин. Начать
videoВаш индивидуальный проект на JS1 мин. Начать
videoВведение2 мин. 42 Сек.Бесплатно
videoЧто такое реакт, зачем он нам и почему не обычный JS3 мин. 31 Сек.Бесплатно
videoФундаментальные принципы Реакта16 мин. 31 Сек.Бесплатно
videoCreate React App - создаем свое приложение13 мин. 36 Сек. Начать
videoРаботаем с JSX-препроцессором, ограничения в нем32 мин. 2 Сек. Начать
videoЭлементы и компоненты26 мин. 7 Сек. Начать
videoСтрогий режим4 мин. 37 Сек. Начать
videoStrict Mode и React 18+5 мин. Начать
videoСоздание нового проекта43 мин. 39 Сек. Начать
videoСвойства компонентов13 мин. 3 Сек. Начать
videoПрактика свойств на проекте20 мин. Начать
videoРабота со списками и алгоритм согласования14 мин. 55 Сек. Начать
videoСостояния компонентов18 мин. 21 Сек. Начать
videoСамостоятельное задание на работу с состояниями3 мин. 31 Сек. Начать
videoСобытия в React и вспоминаем this17 мин. 14 Сек. Начать
videoПрактика состояний на проекте7 мин. 40 Сек. Начать
videoРабота с формами, управляемые и неуправляемые компоненты10 мин. 26 Сек. Начать
videoИммутабельность состояния и собственные события24 мин. 23 Сек. Начать
videoПрактика. Подъём состояния31 мин. 15 Сек. Начать
videoReact-фрагменты5 мин. 4 Сек. Начать
videoПрактика. Реализуем поиск и фильтры36 мин. 55 Сек. Начать
videoСемантика и доступность контента8 мин. 59 Сек. Начать
videoСтили в React. Inline Styles5 мин. 39 Сек. Начать
videoСтили в React. CSS и SASS/SCSS8 мин. 10 Сек. Начать
videoСтили в React. Динамические классы и стили4 мин. 5 Сек. Начать
videoСтили в React. Styled Components20 мин. 43 Сек. Начать
videoСтили в React. Готовые библиотеки компонентов со стилями14 мин. 35 Сек. Начать
videoПоля классов и static7 мин. 15 Сек. Начать
videoЗаключение модуля2 мин. 18 Сек. Начать
videoТест на закрепления знаний модуля Начать
videoЧто такое API и как работают реальные приложения12 мин. 9 Сек. Начать
videoНовый проект и работа с сервером28 мин. 57 Сек. Начать
videoТрансформация данных и компонент со случайным персонажем31 мин. 59 Сек. Начать
videoХороший тон приложения (спиннер, ошибки...)25 мин. 10 Сек. Начать
videoЖизненный цикл компонентов23 мин. 51 Сек. Начать
videoПрактика с жизненным циклом, componentDidUpdate38 мин. 36 Сек. Начать
videoПредохранители (Error Boundaries)18 мин. 31 Сек. Начать
videoПагинация данных (дозагрузка персонажей)28 мин. 45 Сек. Начать
videoПроверка типов с помощью PropTypes7 мин. 18 Сек. Начать
videoВставка элементов через props.children18 мин. 41 Сек. Начать
videoСпециализация и наследование4 мин. 1 Сек. Начать
videoRender-props паттерн13 мин. 25 Сек. Начать
videoЧто такое ref и зачем он нужен20 мин. 23 Сек. Начать
videoПорталы15 мин. 16 Сек. Начать
video“Бандлинг” и выгрузка проекта на сервер28 мин. 4 Сек. Начать
videoТест на закрепления знаний модуля Начать
videoВведение в хуки5 мин. 32 Сек. Начать
videouseState27 мин. 36 Сек. Начать
videouseEffect22 мин. Начать
videouseCallback13 мин. 19 Сек. Начать
videouseMemo14 мин. 17 Сек. Начать
videouseRef10 мин. 58 Сек. Начать
videoПрактика. Перепишем весь проект на хуки22 мин. 51 Сек. Начать
videoСоздание собственных хуков23 мин. 53 Сек. Начать
videoПрактика собственных хуков на проекте44 мин. 35 Сек. Начать
videoЧто такое batching и как он работает в React 18+11 мин. 49 Сек. Начать
video(д) useTransition, useDeferredValue и другие нововведения React 18+15 мин. 50 Сек. Начать
videoНавигация в приложении, React Router v5+32 мин. 41 Сек. Начать
videoReact Router v6+21 мин. 54 Сек. Начать
videoПрактика создания динамических путей34 мин. 43 Сек. Начать
videoДинамические импорты и React.lazy26 мин. 12 Сек. Начать
videoReact.memo, Pure Component и оптимизация скорости работы приложения30 мин. 14 Сек. Начать
videoReact Context и useContext33 мин. 47 Сек. Начать
videouseReducer20 мин. 43 Сек. Начать
videoКомпоненты высшего порядка (HOC)27 мин. 52 Сек. Начать
videoБиблиотеки и экосистема React2 мин. 18 Сек. Начать
videoReact Transition Group44 мин. 19 Сек. Начать
videoFormik, Yup и работа с формами любой сложности, часть 153 мин. 34 Сек. Начать
videoFormik, Yup и работа с формами любой сложности, часть 231 мин. 14 Сек. Начать
videoРазбор домашнего задания14 мин. 43 Сек. Начать
videoSEO-оптимизация веб-приложений, React-helmet17 мин. 36 Сек. Начать
video❗Принцип конечного автомата (FSM, Finite-state machine) и +1 подход к состояниям52 мин. 44 Сек. Начать
videoРазбираем ошибки сторонних библиотек и проблему с фокусом14 мин. 22 Сек. Начать
videoОсновные принципы Redux. Теория15 мин. 33 Сек. Начать
videoОсновные принципы Redux. Практика35 мин. 5 Сек. Начать
videoЧистые функции9 мин. 8 Сек. Начать
videoОптимизация через actionCreators и bindActionCreator15 мин. 17 Сек. Начать
videoДобавим React в проект14 мин. 9 Сек. Начать
videoСоединяем React и Redux при помощи connect24 мин. 36 Сек. Начать
videoСоединяем React и Redux при помощи хуков17 мин. 14 Сек. Начать
videoRedux devtools4 мин. 18 Сек. Начать
videoПравило названия action и домашнее задание (мини-экзамен)27 мин. 24 Сек. Начать
videoРазбор самых сложных моментов10 мин. 27 Сек. Начать
videoКомбинирование reducers и красивые селекторы. CreateSelector()28 мин. 19 Сек. Начать
videoПро сложность реальной разработки1 мин. 35 Сек. Начать
videoStore enhancers10 мин. 23 Сек. Начать
videoMiddleware9 мин. 58 Сек. Начать
videoRedux-thunk9 мин. 58 Сек. Начать
videoRedux Toolkit: configureStore()13 мин. 22 Сек. Начать
videoRedux Toolkit: createAction()7 мин. 32 Сек. Начать
videoRedux Toolkit: createReducer()22 мин. 3 Сек. Начать
videoRedux Toolkit: createSlice()21 мин. 57 Сек. Начать
videoRedux Toolkit: createAsyncThunk()20 мин. 33 Сек. Начать
videoRedux Toolkit: createEntityAdapter()36 мин. 23 Сек. Начать
videoПодводные камни домашнего задания6 мин. 14 Сек. Начать
videoПро разные структуры проектов и закрепление материала4 мин. 16 Сек. Начать
video❗️ Redux Toolkit: RTK Query56 мин. 14 Сек. Начать
videoЭпилог1 мин. 35 Сек. Начать
videoВаш индивидуальный проект на React1 мин. Начать
videoВступление к практическому курсу3 мин. 42 Сек. Начать
videoНастраиваем сборку проекта и разбираемся с ТЗ15 мин. 36 Сек. Начать
videoРабота с модальными окнами30 мин. 45 Сек. Начать
videoРабота с табами (вкладками) на странице25 мин. 9 Сек. Начать
videoРабота с формами отправки данных31 мин. 10 Сек. Начать
videoРабота с формой-калькулятором, часть 118 мин. 46 Сек. Начать
videoРабота с формой-калькулятором, часть 238 мин. 54 Сек. Начать
videoРабота с таймером22 мин. 1 Сек. Начать
videoРеализуем модуль с показом изображений11 мин. 7 Сек. Начать
videoУлучшаем наш проект (анимации, правильное поведение overflow)11 мин. 32 Сек. Начать
certificate

Пройдите тест для получения сертификата

Тема

Финальный тест на курсе React

Пройти тест
Ivan Petrychenko

Ivan Petrychenko

Fullstack developer

Инструктор курса

Fullstack developer & content creator