Полный курс по JavaScript + React

5.0
(42 Reviews)
Ivan Petrychenko

Author

Ivan Petrychenko

Fullstack developer

Fullstack developer & content creator

 

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

 

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

 

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

 

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

 

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

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

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

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

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

 

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

     

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

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

     

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

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

     

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

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

 

  • Никаких ограничений по времени. Занимаетесь в удобном для вас темпе, а доступ к поддержке никуда не исчезает!

 

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

 

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

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

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

 

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

 

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

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

Course program

Duration 75 h 1 m 42 s

videoЧто такое JS и как его подключить к странице11 m 38 svideoПро упражнения и дополнительные уроки5 m 44 svideoПеременные и строгий режим16 mvideo(д) Правила и типы названия переменных13 m 43 svideoУпражнение по написанию кода 1: Задание на создание правильных переменных10 mvideoКлассификация типов данных в JavaScript16 m 21 svideo(д) Разница между объектами и массивами и неочевидные синтаксические возможности19 m 24 svideoУпражнение по написанию кода 2: Задание на создание правильных типов данных15 mvideoПростое общение с пользователем14 m 40 svideoИнтерполяция (ES6)3 m 59 svideoОператоры в JS14 m 30 svideoУчимся работать с системой контроля версий Git и с сервисом GitHub25 m 7 svideoКак работать с GitHub с разных компьютеров, gitignore и Git Kraken15 m 52 svideo(д) Сетевые протоколы. Подключение компьютера к аккаунту Github через SSH12 m 58 svideoПрактика, ч.1. Начинаем создавать приложение11 m 40 svideoУсловия12 m 17 svideo(д) Логические операторы33 m 23 svideoЦиклы8 m 48 svideo(д) Цикл в цикле и метки17 m 20 svideoУпражнение по написанию кода 3: Задания на использование циклов и условий30 mvideoУпражнение по написанию кода 4: (*) Продвинутые задания на использование циклов и условий30 mvideoУпражнение по написанию кода 5: (**) Задача на формирование фигуры25 mvideoПрактика, ч2. Применяем условия и циклы17 m 4 svideoФункции, стрелочные ф-ции (ES6)20 m 15 svideo(д) Еще раз про аргументы функций7 m 11 svideo(д) Про важность return13 m 29 svideoУпражнение по написанию кода 6: Задание на работу с функциями20 mvideoМетоды и свойства строк и чисел19 m 31 svideoПрактика , ч3. Используем функции15 m 14 svideoУпражнение по написанию кода 7: (*) Продвинутые задания на использование функций35 mvideoУпражнение по написанию кода 8: (*) Продвинутые задания на использование функций30 mvideoУпражнение по написанию кода 9: (**) Задача с собеседований на числа Фибоначчи30 mvideo(д) Метод trim()4 m 36 svideoCallback- функции7 m 24 svideoОбъекты, деструктуризация объектов (ES6)24 m 35 svideoМассивы и псевдомассивы23 m 50 svideo(*) Алгоритмы в целом и в JavaScript1 mvideoПередача по ссылке или по значению, Spread оператор (ES6-ES9)24 m 57 svideoУпражнение по написанию кода 10: Задачи на работу с объектами40 mvideoУпражнение по написанию кода 11: Задачи на работу с массивами20 mvideoУпражнение по написанию кода 12: Задачи на работу с массивами, часть 225 mvideoОсновы ООП, прототипно-ориентированное наследование16 m 24 svideoПрактика , ч4. Используем объекты20 m 56 svideoУпражнение по написанию кода 13: (*) Продвинутая задача на работу с объектами и массивами25 mvideoУпражнение по написанию кода 14: (*) Продвинутая задача на работу с объектами и массивами20 mvideoОтлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints13 m 37 svideoДинамическая типизация в JS14 m 20 svideoЗамыкание и лексическое окружение30 m 36 svideoПромежуточный тест на закрепление знаний №140 mvideoЗадачи с собеседований на понимание основ17 m 55 svideoУпражнение по написанию кода 15: Задания на поиск ошибок в коде15 mvideoПолучение элементов со страницы18 m 17 svideoДействия с элементами на странице34 m 58 svideoПрактика. Задание на отработку действий со страницей20 m 49 svideoСобытия и их обработчики26 m 20 svideoНавигация по DOM - элементам, data-атрибуты, преимущество for/of15 m 39 svideoРекурсия43 m 57 svideoУпражнение по написанию кода 16: (*) Задача на рекурсию15 mvideoПрактика. Используем события на странице проекта32 m 46 svideoСобытия на мобильных устройствах13 m 22 svideoAsync, defer, динамические скрипты15 mvideoПромежуточный тест на закрепление знаний №240 mvideoРесурсы для оттачивания навыков программирования8 m
videoЛокальные сервера11 m 20 svideoJSON формат передачи данных, глубокое клонирование объектов9 m 13 svideoAJAX и общение с сервером26 m 25 svideoРеализация скрипта отправки данных на сервер26 m 17 svideoКрасивое оповещение пользователя24 m 40 svideoPromise (ES6)26 m 19 svideoFetch API20 m 47 svideoМетоды перебора массивов28 m 59 svideoУпражнение по написанию кода 20: Задания на работу с методами массивов25 mvideoУпражнение по написанию кода 21: Задания на работу с методами массивов20 mvideoПодробно про npm и проект. JSON-server18 m 38 svideoПолучение данных с сервера. Async/Await (ES8)32 m 44 svideoДополнительно: Что такое библиотеки. Библиотека axios8 m 54 svideoСоздаем слайдер на сайте, вариант 117 m 4 svideoСоздаем слайдер на сайте, вариант 223 m 34 svideoСоздаем навигацию для слайдов15 m 50 svideoКак сохранить данные без БД. Работа с localStorage16 m 28 svideoРегулярные выражения23 m 48 svideoСоздаем калькулятор на сайте, часть 132 m 22 svideoСоздаем калькулятор на сайте, часть 218 m 23 svideoПромежуточный тест на закрепление знаний40 mvideoГеттеры и сеттеры (свойства объектов)5 m 8 svideoИнкапсуляция20 m 20 svideoПрием модуль, как и зачем его использовать9 m 34 svideoWebpack. Собираем наш проект29 m 4 svideoES6 Modules10 m 38 svideoСобираем наш проект и фиксим баги33 m 49 svideoФормируем портфолио на GitHub8 m 13 svideoОшибки. Как избежать “поломки” своего кода11 mvideo(д) Создание своих ошибок10 m 27 svideoКак превратить код ES6+ в старый формат ES5. Babel, Core.js и полифиллы20 m 40 svideoСовременные библиотеки и фрэймворки19 m 58 svideoБиблиотека Jquery29 m 21 svideoФункции-генераторы8 mvideoJS анимации, requestAnimationFrame12 m 12 svideo(*) Web Animations API14 m 10 svideoУпражнение по написанию кода 22: (**) Сложная задача на понятие композиции функций15 mvideoEvent loop, подробная работа асинхронных и синхронных операций23 m 13 svideoМакро и микрозадачи9 m 5 svideoРаботаем с готовым кодом16 m 54 svideoФинальный практическо-теоретический тест0 svideoКакие проекты можно придумать и реализовать самостоятельно10 m
videoВведение2 m 42 sFreevideoЧто такое реакт, зачем он нам и почему не обычный JS3 m 31 sFreevideoФундаментальные принципы Реакта16 m 31 sFreevideoCreate React App - создаем свое приложение13 m 36 svideoРаботаем с JSX-препроцессором, ограничения в нем32 m 2 svideoЭлементы и компоненты26 m 7 svideoСтрогий режим4 m 37 svideoStrict Mode и React 18+5 mvideoСоздание нового проекта43 m 38 svideoСвойства компонентов13 m 3 svideoПрактика свойств на проекте20 mvideoРабота со списками и алгоритм согласования14 m 55 svideoСостояния компонентов18 m 21 svideoСамостоятельное задание на работу с состояниями3 m 31 svideoСобытия в React и вспоминаем this17 m 14 svideoПрактика состояний на проекте7 m 40 svideoРабота с формами, управляемые и неуправляемые компоненты10 m 26 svideoИммутабельность состояния и собственные события24 m 23 svideoПрактика. Подъём состояния31 m 15 svideoReact-фрагменты5 m 4 svideoПрактика. Реализуем поиск и фильтры36 m 55 svideoСемантика и доступность контента8 m 59 svideoСтили в React. Inline Styles5 m 39 svideoСтили в React. CSS и SASS/SCSS8 m 10 svideoСтили в React. Динамические классы и стили4 m 5 svideoСтили в React. Styled Components20 m 43 svideoСтили в React. Готовые библиотеки компонентов со стилями14 m 35 svideoПоля классов и static7 m 15 svideoЗаключение модуля2 m 18 svideoТест на закрепления знаний модуля30 m
videoВведение в хуки5 m 32 svideouseState27 m 36 svideouseEffect22 mvideouseCallback13 m 19 svideouseMemo14 m 17 svideouseRef10 m 58 svideoПрактика. Перепишем весь проект на хуки22 m 51 svideoСоздание собственных хуков23 m 53 svideoПрактика собственных хуков на проекте44 m 35 svideoЧто такое batching и как он работает в React 18+11 m 49 svideo(д) useTransition, useDeferredValue и другие нововведения React 18+15 m 50 svideoНавигация в приложении, React Router v5+32 m 41 svideoReact Router v6+21 m 54 svideoПрактика создания динамических путей34 m 43 svideoДинамические импорты и React.lazy26 m 12 svideoReact.memo, Pure Component и оптимизация скорости работы приложения30 m 14 svideoReact Context и useContext33 m 47 svideouseReducer20 m 43 svideoКомпоненты высшего порядка (HOC)27 m 52 svideoБиблиотеки и экосистема React2 m 18 svideoОбязательно к следующему уроку2 mvideoReact Transition Group44 m 19 svideoFormik, Yup и работа с формами любой сложности, часть 153 m 34 svideoFormik, Yup и работа с формами любой сложности, часть 231 m 14 svideoРазбор домашнего задания14 m 43 svideoSEO-оптимизация веб-приложений, React-helmet17 m 36 svideo❗Принцип конечного автомата (FSM, Finite-state machine) и +1 подход к состояниям52 m 44 svideoРазбираем ошибки сторонних библиотек и проблему с фокусом14 m 22 s
certificate

Certificate

A certificate is given at the end of the course.

Полный курс по JavaScript + React

Полный курс по JavaScript + React

5.0
(42 Reviews)
Ivan Petrychenko

Author

Ivan Petrychenko

Fullstack developer

Fullstack developer & content creator

15 €
Buy now 15 €