Современный JavaScript + Vue с нуля на реальных проектах.
What you'll learn
- JavaScript и основы программирования: переменные, логические операторы, if / else, циклы, функции, массивы и т.д
- Более сложные структуры, такие как this, замыкания, классы, конструкторы, наследование и прототипы
- Изучим асинхронный JavaScript а именно Event Loop, AJAX, Promises, Async/Await
- Научимся работать со сторонним API
- Напишем несколько проектов с использованием ES6+
- Изучим новые фичи стандарта ES6+
- Научимся организовывать и структурировать код
- Бонус. Разбор задач с собеседований и как начать работать на фрилансе.
- Познакомимся с современным сборщиком Webpack
- Домашние задания и презентации по основным темам курса
- Узнаем как работать с системой контроля версий Git
- Основы фреймворка VueJS
- Основы тестирования на Jest
- Основы End to End тестирования с использованием Cypress
Course content
- Preview15:55
- Preview08:32
- Preview06:17
- Preview09:27
- Preview03:50
- Preview15:33
- Preview20:02
- Preview14:09
- 18:10Числа
- 5 questionsДомашнее задание на числа
- 16:15Строки
- 10:03Шаблонные строки
- 8 questionsДомашнее задание на строки
- 12:27Введение в объекты
- 3 questionsДомашнее задание на объекты.
- 32:58Логические операторы, if statement
- 7 questionsДомашнее задание. "Логические операторы, if statement"
- 13:00Тернарный оператор. Конструкция switch case
- 3 questionsДомашнее задание по тернарным операторам и switch case
- 27:28Циклы
- 6 questionsДомашнее задание по циклам.
- 20 questionsТест по основам №1
- 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Пример решения заданий по методам массивов из упражнений по написанию кода.
- 24:30Функции высшего порядка. Callback.
- 1 questionПрактическое задание по функциям высшего порядка
- 1 questionПрактическое задание по функциям высшего порядка
- 00:03Пример решения задач по функиям высшего порядка.
- 23:56Что такое this. Контекст вызова функции.
- 8 questionsДомашнее задание по this
- 18:18Стрелочные функции
- 2 questionsДомашнее задание по стрелочным функциям
- 31:16Перебирающие методы массивов
- 7 questionsДомашнее задание по перебирающим методам массивов
- 22:49Что такое замыкание
- 4 questionsДомашнее задание по замыканию
- 19:13Методы объектов про которые часто забывают.
- 28:17Деструктуризация
- 4 questionsДомашнее задание по деструктуризации
- 17:32Object descriptor
- 10:01Объекты обертки. Важные нюансы.
- 01:05:14Разбор домашних заданий. Условия, циклы, функции.
- 20:18Разбор домашних заданий. Функции высшего порядка, ключевое слово this.
- 22:16Разбор домашних заданий. Перебирающие методы массивов.
- 13:38Разбор домашних заданий. Замыкание.
- 23 questionsТест по основам №2
Requirements
- Базовые знания HTML, CSS
- Желание изучить JavaScript
Description
Материалы в курсе постоянно обновляются.
Планы выхода новых видео ниже в описании.
Курс по JavaScript для начинающих с подробным изучением фундаментальных основ и применением их на реальных проектах.
Почему стоит учить JavaScript?
JavaScript — это стремительно развивающийся язык с большим сообществом. Без него не обходится не один сайт в интернете. JavaScript дает вам множество путей для развития. Зная этот язык, вы можете в будущем изучать различные фреймворки Angular, Vue, React, серверную разработку на Node.js, мобильную разработку React Native, Ionic.
Что вас ждет?
Курс разбит на несколько частей в которых вас ждут проекты, тесты, также под видео будут полезные ссылки, презентации и домашние задания, на которых вы сможете отработать полученные знания. Периодически будут выходить разборы домашних заданий.
В первой части вас ждет знакомство с фундаментальными основами JavaScript, условия, циклы, функции, замыкание, this, объекты обертки и многое другое.
Во второй части вас ждет знакомство с DOM, событиями, CSS variables, написание первого проекта TODO.
В третьей части мы будем знакомиться с асинхронным JavaScript, Event Loop, AJAX, CORS, JSON и напишем второй проект News App.
В четвертой части мы продолжим изучать асинхронный JavaScript, познакомимся с Promises, async/await и обработкой ошибок.
В пятой части мы познакомимся с основами ООП, прототипами, классами ES6 и наследованием.
В шестой части мы познакомимся с модулями import/export, webpack, инкапсуляцией и напишем третий проект Avia Tickets.
В седьмой части мы поговорим про аутентификацию и напишем четвертый проект Login Page. Также узнаем что такое interceptors.
В восьмой части мы будем знакомится с системой контроля версий GIT и Scrum.
В девятой части мы подробней познакомимся с Eslint, Husky, Git hooks.
В десятой части мы знакомимся с основами тестирования используя Jest
В одиннадцатой части мы знакомимся с основами современного фреймворка Vue.js.
В двенадцатой части мы будем делать проект Budget на Vue.js
В 13-й части мы познакомимся с концепцией Single Source of Truth а также знакомство с Vuex.
В 14-й части мы разработаем новый проект Movie App на Vue
В бонусной части будут видео про Chrome DevTools, вопросами которые спрашивают на собеседовании а также видео о том как начать работать на фрилансе.
К большинству видео есть исходный код и презентации.
Домашние задания вынесены в отдельные задания и упражнения а также в презентациях к видео!
ПЛАНЫ НА БЛИЖАЙШЕЕ ВРЕМЯ
- Новые домашние задания
- Остальные фичи ES6. Map, Set, Generators, Iterators и т.д.
- Регулярные выражения
- End to End тестирование
- Основы Docker
- Основы CI/CD
- Приложение с использованием Google API
- Принципы SOLID
- Паттерны
- Основы анимации на JavaScript
- Разбор вопросов на собеседовании часть 2.
Для кого этот курс?
для тех, кто никогда не изучал программирование, но хотел бы начать;
для начинающих веб-разработчиков;
для начинающих JavaScript-разработчиков;
если вы верстальщик и хотите прокачать свой уровень в JavaScript;
если вы чувствуете что вам не хватает фундаментальных знаний.
Who this course is for:
- Начинающие JavaScript разработчики
- Начинающие разработчики
- Верстальщики
- Backend разработчики
Instructor
Привет!
Меня зовут Мещеряков Денис. С 2013 года я занимаюсь Front-End разработкой. В основном я работаю над созданием сложных веб-приложений на JavaScript и фреймворках Angular и VueJs.
С 2015 года я занимаюсь преподаванием и провел десятки online и offline курсов. Провожу вебинары, мастер классы, выкладываю обучающие видео на YouTube. Люблю передавать свой опыт другим людям и помогать им достигать результатов.