Современный JavaScript + Vue с нуля на реальных проектах.
What you'll learn
- JavaScript и основы программирования: переменные, логические операторы, if / else, циклы, функции, массивы и т.д
- Более сложные структуры, такие как this, замыкания, классы, конструкторы, наследование и прототипы
- Изучим асинхронный JavaScript а именно Event Loop, AJAX, Promises, Async/Await
- Научимся работать со сторонним API
- Напишем несколько проектов с использованием ES6+
- Изучим новые фичи стандарта ES6+
- Научимся организовывать и структурировать код
- Бонус. Разбор задач с собеседований и как начать работать на фрилансе.
- Познакомимся с современным сборщиком Webpack
- Домашние задания и презентации по основным темам курса
- Узнаем как работать с системой контроля версий Git
- Основы фреймворка VueJS
Course content
Фундаментальные основы JavaScript34 lectures • 9hr 44min
- Что будет на курсе? Домашние задания. Вопросы. Тесты.Preview15:55
- Что будет на курсе? Обзор проектов.Preview08:32
- Коммуникация. Обновление домашних заданий.Preview06:17
- Установка и настройка редактора Visual Studio CodePreview09:27
- Подключение скриптовPreview03:50
- Типы данныхPreview15:33
- ПеременныеPreview20:02
- Преобразование типовPreview14:09
- Числа18:10
- Домашнее задание на числа5 questions
- Строки16:15
- Шаблонные строки10:03
- Домашнее задание на строки8 questions
- Введение в объекты12:27
- Домашнее задание на объекты.3 questions
- Логические операторы, if statement32:58
- Домашнее задание. "Логические операторы, if statement"7 questions
- Тернарный оператор. Конструкция switch case13:00
- Домашнее задание по тернарным операторам и switch case3 questions
- Циклы27:28
- Домашнее задание по циклам.6 questions
- Тест по основам №120 questions
- Введение в функции24:20
- Дополнение к лекции по функциям06:17
- Практическое задание по функциям.1 question
- Практическое задание по функциям.1 question
- Практическое задание по функциям1 question
- Практическое задания по функциям1 question
- Пример решения заданий по функциям из упражнений по написанию кода.00:04
- Методы массивов11:58
- Практическое задания на методы массивов.1 question
- Практическое задание по методам массивов.1 question
- Практическое задания по методам массивов.1 question
- Практическое задание по методам массивов.1 question
- Пример решения заданий по методам массивов из упражнений по написанию кода.00:04
- Функции высшего порядка. Callback.24:30
- Практическое задание по функциям высшего порядка1 question
- Практическое задание по функциям высшего порядка1 question
- Пример решения задач по функиям высшего порядка.00:03
- Что такое this. Контекст вызова функции.23:56
- Домашнее задание по this8 questions
- Стрелочные функции18:18
- Домашнее задание по стрелочным функциям2 questions
- Перебирающие методы массивов31:16
- Домашнее задание по перебирающим методам массивов7 questions
- Что такое замыкание22:49
- Домашнее задание по замыканию4 questions
- Методы объектов про которые часто забывают.19:13
- Деструктуризация28:17
- Домашнее задание по деструктуризации4 questions
- Object descriptor17:32
- Объекты обертки. Важные нюансы.10:01
- Разбор домашних заданий. Условия, циклы, функции.01:05:14
- Разбор домашних заданий. Функции высшего порядка, ключевое слово this.20:18
- Разбор домашних заданий. Перебирающие методы массивов.22:16
- Разбор домашних заданий. Замыкание.13:38
- Тест по основам №223 questions
DOM Манипуляция элементами и события12 lectures • 3hr 52min
Асинхронный JavaScript. Часть №112 lectures • 3hr 6min
Асинхронный JavaScript. Часть №24 lectures • 1hr 15min
ООП5 lectures • 1hr 16min
Модули12 lectures • 5hr 15min
Аутентификация7 lectures • 1hr 54min
Работа в команде. Git. Scrum.10 lectures • 2hr 28min
Подробней про стиль кода и линтеры. Eslint. Husky. Lint staged. Git hooks.4 lectures • 57min
Тестирование на JavaScript3 lectures • 41min
Requirements
- Базовые знания HTML, CSS
- Желание изучить JavaScript
Description
КУРС В РАННЕМ ДОСТУПЕ: Материалы будут обновляться.
Даты выхода новых видео ниже в описании.
Курс по JavaScript для начинающих с подробным изучением фундаментальных основ и применением их на реальных проектах.
Почему стоит учить JavaScript?
JavaScript — это стремительно развивающийся язык с большим сообществом. Без него не обхоится не один сайт в интернете. JavaScript дает вам множество путей для развития. Зная этот язык, вы можете в будущем изучать различные фреймворки Angular, Vue, React, серверную разработку на Node.js, мобильную разработку React Native, Ionic.
Что вас ждет?
Курс разбит на несколько частей в которых вас ждут несколько проектов, тесты, также под видео будут полезные ссылки, презентации и домашние задания, на которых вы сможете отработать полученные знания. Переодически будут выходить разборы домашних заданий.
В первой части вас ждет знакомство с фундаментальными основами JavaScript, 16 презентаций, в каждой по несколько домашних заданий а также 2 теста на закрепление пройденного материала.
Во второй части вас ждет знакомство с DOM, событиями, CSS variables, написание первого проекта TODO, 4 презентации и несколько домашних заданий.
В третьей части мы будем знакомиться с асинхронным JavaScript, Event loop, AJAX, CORS, JSON и напишем второй проект News App.
В четвертой части мы продолжим изучать асинхронный JavaScript, познакомимся с Promises, async/await и обработкой ошибок.
В пятой части мы познакомимся с основами ООП, прототипами, классами ES6 и наследованием.
В шестой части мы познакомимся с модулями import/export, webpack, инкапсуляцией и напишем третий проект Avia Tickets.
В седьмой части мы поговорим про аутентификацию и напишем четвертый проект Login Page. Также узнаем что такое интерсепторы.
В восьмой части мы будем знакомится с системой контроля версий GIT и Scrum.
В девятой части мы подробней познакомимся с Eslint, Husky, Git hooks.
В дестой части мы знакомимся с основами тестирования используя Jest
В одинадцатой части мы знакомимся с основами современного фреймворка Vue.js.
В двенадцатой части мы будем делать проект Budget на Vue.js
В 13-й части мы познакомимся с концепцией Single Source of Truth а также знакомство с Vuex.
В 14-й части мы разработаем новый проект Movie App на Vue
В бонусной части будут видео про Chrome DevTools, вопросами которые спрашивают на собеседовании а также видео о том как начать работать на фрилансе.
К большенству видео есть исходный код.
Домашние задания находятся в презентациях к видео!
ПЛАНЫ НА БЛИЖАЙШИЕ ВРЕМЯ
Планы по ближайшим видео
Тестирование на JavaScript. Остальные фичи ES6. Map, Set, Generators, Iterators и т.д.
Продолжение проекта Movies App.
Регулярные выражения.
В будщих планах
- Принципы SOLID
- Паттерны
- Основы анимации на JavaScript
- Google API
- Разбор вопросов на собеседовании часть 2.
- Еще несколько интересных проектов на JavaScript и VueJs
Для кого этот курс?
для тех, кто никогда не изучал программирование, но хотел бы начать;
для начинающих веб-разработчиков;
для начинающих JavaScript-разработчиков;
если вы верстальщик и хотите прокачать свой уровень в JavaScript;
если вы чувствуете что вам не хватает фундаментальных знаний.
Who this course is for:
- Начинающие JavaScript разработчики
- Начинающие разработчики
- Верстальщики
- Backend разработчики
Instructor
![Denys Mescheryakov](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.6 Instructor Rating
- 1,361 Reviews
- 5,780 Students
- 2 Courses
Привет!
Меня зовут Мещеряков Денис. С 2013 года я занимаюсь Front-End разработкой. В основном я работаю над созданием сложных веб-приложений на JavaScript и фреймворках Angular и VueJs.
С 2015 года я занимаюсь преподаванием и провел десятки online и offline курсов. Провожу вебинары, мастер классы, выкладываю обучающие видео на YouTube. Люблю передавать свой опыт другим людям и помогать им достигать результатов.