4.77 из 5
4.77
12003 отзыва

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

Освойте самый популярный язык программирования - JavaScript, библиотеку React и научись применять на практике!
Автор курса:
Иван Петриченко
34 449 студентов зачислены
Узнаете основы программирования и алгоритмов
Узнаете основные концепции и принципы JavaScript, от самых простых до самых сложных
Изучите такие популярные технологии как AJAX, JSON и тд
Научитесь работать с Git и GitHub
Научитесь работать с npm, Babel, Browserify, Webpack, Heroku, Firebase и тд
Узнаете, какой фрэймворк или библиотеку выбрать в дальнейшем. Познакомишься с React, Angular, Vue, Jquery
Изучите библиотеку React и абсолютно все, что с ней связано (в том числе и Redux)
Научитесь создавать полноценные web-приложения
Закрепите всё, что узнали на реальных проектах

13.04.2022 Вышло новое большое обновление курса! Включает в себя React 18й версии.

Этот курс направлен на подробное изучение JavaScript без воды, но главное – немедленное применение его на практике.

Это значит, что вы получите материал для работы и мы вместе будем создавать реальные проекты шаг за шагом.

Вторая часть курса – это изучение самой популярной библиотеки на основе JavaScript – React.js со всеми необходимыми технологиями (в том числе и Redux)

Для кого подойдет этот курс?

  • Если вы ничего не знаете про программирование, но хотите начать

  • Если вы новичок в JavaScript и хотите быстро его освоить и начать уже применять в работе

  • Если вы начали своё обучение с JQuery или другого инструмента, но вам не хватает знаний основ

  • Если вы хотите научить создавать web-приложения

  • Если вы хотите освоить библиотеку React на реальных проектах

Что внутри курса?

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

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

  • мы изучим основы программирования и алгоритмов

  • мы изучим основы объектно ориентированного программирования

  • мы изучим основные концепции и принципы JavaScript, от самых простых до самых сложных

  • мы научимся работать с такими популярными технологиями как AJAX, JSON и тд

  • мы научимся работать с Git и GitHub

  • мы научимся работать с npm, Babel, Browserify, Webpack, Heroku, Firebase и тд

  • подумаем, какой фрэймворк или библиотеку выбрать в дальнейшем. Познакомимся с React, Angular, Vue, Jquery

  • мы изучим библиотеку React и создадим 4 приложения на её основе

  • мы изучим различные архитектурные подходы при построении web-приложений

  • мы научимся работать с Redux и интегрировать этот инструмент в наши приложения

  • Ну и, конечно, закрепим всё, что проходим на реальных проектах

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

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

Подготовка к работе

1
Как проходить данный курс
2
Почему этот курс?

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

3
Условные обозначения и материалы
4
Настройка рабочего пространства

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

5
Про редакторы кода и учебники
6
Как работать с JSHint

В этом уроке мы научимся работать с одним из самых полезных инструментов для Front-End разработчика. JSHint будет в автоматическом режиме указывать на недочеты и ошибки в нашем коде. Теперь никакие синтаксические ошибки, опечатки и прочие мелочи не испортят ваш код!

Основы JavaScript

1
Что такое JS и как его подключить к странице

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

2
Про упражнения и дополнительные уроки

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

3
Переменные и строгий режим

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

4
(д) Правила и типы названия переменных

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

5
Задание на создание правильных переменных
6
Классификация типов данных в JavaScript

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

7
(д) Разница между объектами и массивами и неочевидные синтаксические возможности

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

8
Задание на создание правильных типов данных
9
Простое общение с пользователем

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

10
Интерполяция (ES6)

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

11
Операторы в JS

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

12
Учимся работать с системой контроля версий Git и с сервисом GitHub

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

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

13
Как работать с GitHub с разных компьютеров, gitignore и Git Kraken

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

14
(д) Сетевые протоколы. Подключение компьютера к аккаунту Github через SSH

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

15
Практика, ч.1. Начинаем создавать приложение

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

16
Условия

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

17
(д) Логические операторы

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

18
Циклы

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

19
(д) Цикл в цикле и метки

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

20
Задания на использование циклов и условий
21
(*) Продвинутые задания на использование циклов и условий
22
(**) Задача на формирование фигуры
23
Практика, ч2. Применяем условия и циклы
24
Функции, стрелочные ф-ции (ES6)

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

25
(д) Еще раз про аргументы функций
26
(д) Про важность return
27
Задание на работу с функциями
28
Методы и свойства строк и чисел

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

29
Практика , ч3. Используем функции
30
(*) Продвинутые задания на использование функций
31
(*) Продвинутые задания на использование функций
32
(**) Задача с собеседований на числа Фибоначчи
33
(д) Метод trim()

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

34
Callback- функции

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

35
Объекты, деструктуризация объектов (ES6)

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

36
Массивы и псевдомассивы

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

37
(*) Алгоритмы в целом и в JavaScript
38
Передача по ссылке или по значению, Spread оператор (ES6-ES9)

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

39
Задачи на работу с объектами
40
Задачи на работу с массивами
41
Задачи на работу с массивами, часть 2
42
Основы ООП, прототипно-ориентированное наследование

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

43
Практика , ч4. Используем объекты

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

44
(*) Продвинутая задача на работу с объектами и массивами
45
(*) Продвинутая задача на работу с объектами и массивами
46
Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints

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

47
Динамическая типизация в JS

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

48
Замыкание и лексическое окружение

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

49
Промежуточный тест на закрепление знаний
50
Задачи с собеседований на понимание основ

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

51
Задания на поиск ошибок в коде
52
Получение элементов со страницы

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

53
Действия с элементами на странице

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

54
Практика. Задание на отработку действий со страницей

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

55
События и их обработчики

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

56
Навигация по DOM - элементам, data-атрибуты, преимущество for/of

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

57
Рекурсия

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

58
(*) Задача на рекурсию
59
Практика. Используем события на странице проекта

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

60
События на мобильных устройствах

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

61
Async, defer, динамические скрипты

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

62
Промежуточный тест на закрепление знаний
63
Ресурсы для оттачивания навыков программирования

Дополнительные основы JavaScript

1
Про дополнительную информацию по основам
2
(д) Оператор нулевого слияния (Nullish, ??) ES11

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

3
(д) Оператор опциональной цепочки (?.) ES11

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

4
(д) Живые коллекции и полезные методы

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

5
(д) Тип данных Symbol

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

6
(д) Дескрипторы свойств и полезные методы объектов

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

7
(*) Итерируемые конструкции

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

8
(*) Map

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

9
(*) Set

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

10
(*) BigInt

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

11
(**) Сложная задача на вычисление количества страниц
12
(**) Сложная задача на работу со строками
13
(**) Сложная задача на работу с рекурсией

JavaScript в работе

1
Про что будет этот модуль
2
ClassList и делегирование событий

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

3
Создаем табы в новом проекте

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

4
Скрипты и время их выполнения. setTimeout и setInterval

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

5
(д) Сборщик мусора и утечки памяти

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

6
(*) WeakMap и WeakSet

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

7
Работа с датами

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

8
Создаем таймер обратного отсчета на сайте

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

9
(*) Обработка прошедшей даты

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

10
Параметры документа, окна и работа с ними

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

11
Создаем модальное окно

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

12
Модификации модального окна

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

13
(д) MutationObserver, ResizeObserver и contenteditable

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

14
Функции-конструкторы

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

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.8
4.8 из 5
12003 Рейтинги

Детальный Рейтинг

Звезды 5
8439
Звезды 4
2766
Звезды 3
625
Звезды 2
105
Звезды 1
69
a5dcf05ec2af5fa093d770ca3da75437
3-дневная гарантия возврата денег

Этот курс включает:

66 часов видео по запросу
8 статей
Полный пожизненный доступ
Доступ с мобильного
Сертификат об окончании
Полный курс по JavaScript + React – с нуля до результата
Цена:
0.90 ₽ 11,490 ₽
Layer 1