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

5.0
(8 Reviews)

Duration 75 h 3 m 43 s

Price

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

About Course

 

Освойте самый популярный язык программирования - 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 станет для вас просто необходимой базой.

 

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

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

 

Курс так же доступен и в приложении на IOS / Android для комфортного прохождения где угодно

 

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

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

Course content

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

Pass the quiz to get a certificate

Subject

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

Pass the quiz
Ivan Petrychenko

Ivan Petrychenko

Fullstack developer

Course Instructor

Fullstack developer & content creator