4.47 из 5
4.47
1640 отзывов на Udemy

Современный JavaScript + Vue с нуля на реальных проектах.

Курс для начинающих разработчиков. Практика на проектах. Домашние задания. Тесты. ES6+, Vue.js, ООП, AJAX, Webpack, Jest
Инструктор:
Denys Mescheryakov
5 144 студента зачислены
JavaScript и основы программирования: переменные, логические операторы, if / else, циклы, функции, массивы и т.д
Более сложные структуры, такие как this, замыкания, классы, конструкторы, наследование и прототипы
Изучим асинхронный JavaScript а именно Event Loop, AJAX, Promises, Async/Await
Научимся работать со сторонним API
Напишем несколько проектов с использованием ES6+
Изучим новые фичи стандарта ES6+
Научимся организовывать и структурировать код
Бонус. Разбор задач с собеседований и как начать работать на фрилансе.
Познакомимся с современным сборщиком Webpack
Домашние задания и презентации по основным темам курса
Узнаем как работать с системой контроля версий Git
Основы фреймворка VueJS
Основы тестирования на Jest
Основы End to End тестирования с использованием Cypress

Материалы в курсе постоянно обновляются.

Планы выхода новых видео ниже в описании.

Курс по JavaScript для начинающих с подробным изучением фундаментальных основ и применением их на реальных проектах.

Почему стоит учить JavaScript?

JavaScript — это стремительно развивающийся язык с большим сообществом. Без него не обходится не один сайт в интернете.  JavaScript дает вам множество путей для развития. Зная этот язык, вы можете в будущем изучать различные фреймворки Angular, Vue, React, серверную разработку на Node.js, мобильную разработку React Native, Ionic.

Что вас ждет?

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

  1. В первой части вас ждет знакомство с фундаментальными основами JavaScript, условия, циклы, функции, замыкание, this, объекты обертки и многое другое.

  2. Во второй части вас ждет знакомство с DOM, событиями, CSS variables, написание первого проекта TODO.

  3. В третьей части мы будем знакомиться с асинхронным JavaScript, Event Loop, AJAX, CORS, JSON и напишем второй проект News App.

  4. В четвертой части мы продолжим изучать асинхронный JavaScript, познакомимся с Promises, async/await и обработкой ошибок.

  5. В пятой части мы познакомимся с основами ООП, прототипами, классами ES6 и наследованием.

  6. В шестой части мы познакомимся с модулями import/export, webpack, инкапсуляцией и напишем третий проект Avia Tickets.

  7. В седьмой части мы поговорим про аутентификацию и напишем четвертый проект Login Page. Также узнаем что такое interceptors.

  8. В восьмой части мы будем знакомится с системой контроля версий GIT и Scrum.

  9. В девятой части мы подробней познакомимся с Eslint, Husky, Git hooks.

  10. В десятой части мы знакомимся с основами тестирования используя Jest

  11. В одиннадцатой части мы знакомимся с основами современного фреймворка Vue.js.

  12. В двенадцатой части мы будем делать проект Budget на Vue.js

  13. В 13-й части мы познакомимся с концепцией Single Source of Truth а также знакомство с Vuex.

  14. В 14-й части мы разработаем новый проект Movie App на Vue

  15. В бонусной части будут видео про Chrome DevTools, вопросами которые спрашивают на собеседовании а также видео о том как начать работать на фрилансе.

К большинству видео есть исходный код и презентации.

Домашние задания вынесены в отдельные задания и упражнения а  также в презентациях к видео!

ПЛАНЫ НА БЛИЖАЙШЕЕ ВРЕМЯ

– Новые домашние задания

– Остальные фичи ES6. Map, Set, Generators, Iterators и т.д.

– Регулярные выражения

– Основы Docker

– Основы CI/CD

– Приложение с использованием Google API

– Принципы SOLID

– Паттерны

– Разбор вопросов на собеседовании часть 2.

Для кого этот курс?

  • для тех, кто никогда не изучал программирование, но хотел бы начать;

  • для начинающих веб-разработчиков;

  • для начинающих JavaScript-разработчиков;

  • если вы верстальщик и хотите прокачать свой уровень в JavaScript;

  • если вы чувствуете что вам не хватает фундаментальных знаний.

Фундаментальные основы JavaScript

1
Что будет на курсе? Домашние задания. Вопросы. Тесты.
2
Что будет на курсе? Обзор проектов.
3
Коммуникация. Обновление домашних заданий.
4
Установка и настройка редактора Visual Studio Code
5
Подключение скриптов
6
Типы данных
7
Переменные
8
Преобразование типов
9
Числа
10
Домашнее задание на числа
11
Строки
12
Шаблонные строки
13
Домашнее задание на строки
14
Введение в объекты
15
Домашнее задание на объекты.
16
Логические операторы, if statement
17
Домашнее задание. "Логические операторы, if statement"
18
Тернарный оператор. Конструкция switch case
19
Домашнее задание по тернарным операторам и switch case
20
Циклы
21
Домашнее задание по циклам.
22
Тест по основам №1
23
Введение в функции
24
Дополнение к лекции по функциям
25
Практическое задание по функциям.
26
Практическое задание по функциям.
27
Практическое задание по функциям
28
Практическое задания по функциям
29
Пример решения заданий по функциям из упражнений по написанию кода.
30
Методы массивов
31
Практическое задания на методы массивов.
32
Практическое задание по методам массивов.
33
Практическое задания по методам массивов.
34
Практическое задание по методам массивов.
35
Пример решения заданий по методам массивов из упражнений по написанию кода.
36
Функции высшего порядка. Callback.
37
Практическое задание по функциям высшего порядка
38
Практическое задание по функциям высшего порядка
39
Пример решения задач по функиям высшего порядка.
40
Что такое this. Контекст вызова функции.
41
Домашнее задание по this
42
Стрелочные функции
43
Домашнее задание по стрелочным функциям
44
Перебирающие методы массивов
45
Домашнее задание по перебирающим методам массивов
46
Что такое замыкание
47
Домашнее задание по замыканию
48
Методы объектов про которые часто забывают.
49
Деструктуризация
50
Домашнее задание по деструктуризации
51
Object descriptor
52
Объекты обертки. Важные нюансы.
53
Разбор домашних заданий. Условия, циклы, функции.
54
Разбор домашних заданий. Функции высшего порядка, ключевое слово this.
55
Разбор домашних заданий. Перебирающие методы массивов.
56
Разбор домашних заданий. Замыкание.
57
Тест по основам №2

DOM Манипуляция элементами и события

1
Введение в DOM
2
Домашнее задание по введению в DOM
3
Работа с атрибутами элементов
4
Манипуляция DOM элементами
5
Домашнее задание. Манипуляция DOM. Часть №1.
6
Домашнее задание. Манипуляция DOM. Часть №2.
7
Домашнее задание. Манипуляция DOM. Часть №3
8
Обработка событий
9
Всплытие и погружение события
10
Домашнее задание. События. Часть №1
11
Домашнее задание. События. Часть №2
12
Домашнее задание. События. Часть №3
13
Первый проект. Todo List. Часть №1
14
Первый проект. Todo List. Часть №2
15
Как работать с css variables из javascript
16
Добавим в наш проект Todo List возможность выбора темы.
17
LocalStorage, SessionStorage
18
Домашнее задание. DOM. Часть №1.
19
Тест на знание DOM
20
Разбор домашних задания. DOM. Часть №1.
21
Разбор домашних заданий. DOM. Часть №2

Асинхронный JavaScript. Часть №1

1
Введение в асинхронность. Что такое event loop?
2
Введение в Ajax

Код из этого урока в следующем видео.

3
Домашнее задание. AJAX. Часть №1
4
Разбор Домашнего Задания. AJAX. Часть №1
5
Post запросы
6
Домашнее задание. AJAX. Часть №2
7
Отладка Ajax
8
Что такое CORS
9
Обработка ошибок
10
Важно! Прочитайте перед тем как перейти к приложению News App.
11
Проект News App. Вступление.
12
Проект News App. Часть 1.
13
Проект News App. Часть 2
14
Домашнее задание к проекту News App.
15
Тест по асинхронности

Асинхронный JavaScript. Часть №2

1
Введение в Promises. Часть 1.
2
Введение в Promises. Часть 2.
3
Введение в fetch.
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!
a644d4904c710a04722718b02c08a0c4
3-дневная гарантия возврата денег

Включает

46 часов видео по запросу
10 статей
Полный пожизненный доступ
Доступ с мобильного и ТВ
Сертификат об окончании
Современный JavaScript + Vue с нуля на реальных проектах.
Цена:
0,31 ₽ 6,490 ₽