Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 44.5 hours on-demand video
  • 9 articles
  • 64 downloadable resources
  • 10 coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
Development Web Development ECMAscript

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

Курс для начинающих разработчиков. Практика на проектах. Домашние задания. Тесты. ES6+, Vue.js, ООП, AJAX, Webpack, Jest
Rating: 4.7 out of 54.7 (1,076 ratings)
3,314 students
Created by Denys Mescheryakov
Last updated 11/2020
Russian
30-Day Money-Back Guarantee

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

16 sections • 145 lectures • 44h 20m total length

  • 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
  • Логические операторы, if statement
    32:58
  • Домашнее задание. "Логические операторы, if statement"
    7 questions
  • Тернарный оператор. Конструкция switch case
    13:00
  • Домашнее задание по тернарным операторам и switch case
    3 questions
  • Циклы
    27:28
  • Домашнее задание по циклам.
    6 questions
  • Тест по основам №1
    20 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
  • Домашнее задание по this
    8 questions
  • Стрелочные функции
    18:18
  • Домашнее задание по стрелочным функциям
    2 questions
  • Перебирающие методы массивов
    31:16
  • Домашнее задание по перебирающим методам массивов
    7 questions
  • Что такое замыкание
    22:49
  • Домашнее задание по замыканию
    4 questions
  • Методы объектов про которые часто забывают.
    19:13
  • Деструктуризация
    28:17
  • Домашнее задание по деструктуризации
    4 questions
  • Object descriptor
    17:32
  • Объекты обертки. Важные нюансы.
    10:01
  • Разбор домашних заданий. Условия, циклы, функции.
    01:05:14
  • Разбор домашних заданий. Функции высшего порядка, ключевое слово this.
    20:18
  • Разбор домашних заданий. Перебирающие методы массивов.
    22:16
  • Разбор домашних заданий. Замыкание.
    13:38
  • Тест по основам №2
    23 questions

  • Preview16:40
  • Домашнее задание по введению в DOM
    4 questions
  • Работа с атрибутами элементов
    13:52
  • Манипуляция DOM элементами
    20:48
  • Домашнее задание. Манипуляция DOM. Часть №1.
    4 questions
  • Домашнее задание. Манипуляция DOM. Часть №2.
    4 questions
  • Домашнее задание. Манипуляция DOM. Часть №3
    5 questions
  • Обработка событий
    19:10
  • Всплытие и погружение события
    10:37
  • Домашнее задание. События. Часть №1
    4 questions
  • Домашнее задание. События. Часть №2
    1 question
  • Домашнее задание. События. Часть №3
    1 question
  • Первый проект. Todo List. Часть №1
    40:40
  • Первый проект. Todo List. Часть №2
    20:28
  • Как работать с css variables из javascript
    06:16
  • Добавим в наш проект Todo List возможность выбора темы.
    11:54
  • LocalStorage, SessionStorage
    11:52
  • Домашнее задание. DOM. Часть №1.
    1 question
  • Тест на знание DOM
    15 questions
  • Разбор домашних задания. DOM. Часть №1.
    28:25
  • Разбор домашних заданий. DOM. Часть №2
    31:31

  • Введение в асинхронность. Что такое event loop?
    20:35
  • Введение в Ajax
    24:06
  • Домашнее задание. AJAX. Часть №1
    1 question
  • Разбор Домашнего Задания. AJAX. Часть №1
    38:46
  • Post запросы
    12:53
  • Домашнее задание. AJAX. Часть №2
    1 question
  • Отладка Ajax
    06:04
  • Что такое CORS
    08:00
  • Обработка ошибок
    24:03
  • Важно! Прочитайте перед тем как перейти к приложению News App.
    00:09
  • Проект News App. Вступление.
    04:48
  • Проект News App. Часть 1.
    26:31
  • Проект News App. Часть 2
    20:09
  • Домашнее задание к проекту News App.
    00:15
  • Тест по асинхронности
    13 questions

  • Введение в Promises. Часть 1.
    17:06
  • Введение в Promises. Часть 2.
    26:57
  • Введение в fetch.
    15:45
  • Введение в async await
    15:08

  • Введение в ООП. Функции конструкторы. Классы ES5.
    21:03
  • Prototype ES5
    10:11
  • Наследование ES5
    19:52
  • Классы ES6.
    17:46
  • Наследование ES6
    07:08

  • Введение в webpack
    39:37
  • Модули import/export
    14:07
  • Инкапсуляция. Введение.
    06:44
  • Инкапсуляция. Часть №1.
    11:41
  • Инкапсуляция. Часть №2.
    07:11
  • Проект Avia Tickets. Часть №1
    26:11
  • Проект Avia Tickets. Часть №2
    12:57
  • Проект Avia Tickets. Часть №3. Создание UI для формы.
    54:29
  • Проект Avia Tickets. Часть №4. Реализация функционала формы.
    54:57
  • Проект Avia Tickets. Часть №5. Вывод билетов на страницу
    01:07:59
  • Домашнее задание по проекту Avia Tickets
    00:14
  • Deployment проекта. Github pages. Firebase
    19:18

  • Проект Login. Часть №1. Введение.
    07:33
  • Проект Login. Часть №2. Валидация формы.
    34:34
  • Проект Login. Часть №3. Реализуем запрос на сервер.
    10:30
  • Проект Login. Часть №4. Реализуем вывод уведомлений
    24:43
  • Interceptors. Введение.
    07:04
  • Interceptors. Реализация в проекте Login.
    29:14
  • Домашнее задание к проекту Login
    00:47

  • Preview23:40
  • Git Config
    03:56
  • Как устроен гит под капотом. Создание репозитория. Первые commits.
    23:10
  • Создание веток. Мерж веток. Gitignore.
    17:08
  • Подключение локального репозитория к remote.
    19:40
  • Подключение ssh ключей к remote репозиторию
    04:28
  • Git flow. Pull request
    15:24
  • Конфликты, как их исправлять.
    08:18
  • Git README.md. Синтаксис markdown
    14:01
  • Методология Scrum
    18:04

  • Preview07:08
  • Eslint установка и базовая настройка
    15:18
  • Eslint правила, окружение, настройка редактора.
    25:01
  • Настраиваем Husky и Lint staged, что-бы в наш репозиторий не попал плохой код
    09:49

  • Тестирование. Вступление.
    14:22
  • Тестирование. Установка Jest. Первый тест.
    12:51
  • Тестирование. Проект Avia Tickets, установка и первый тест.
    13:58
  • Тестирование. Проект Avia Tickets, тестируем Location Store
    33:46
  • Тестирование. Проект Avia Tickets, Тестируем Api Service
    15:53

Requirements

  • Базовые знания HTML, CSS
  • Желание изучить JavaScript

Description

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

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


Курс по 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 и т.д.

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

- End to End тестирование

- Основы Docker

- Основы CI/CD

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

- Принципы SOLID

- Паттерны

- Основы анимации на JavaScript

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


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

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

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

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

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

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

Who this course is for:

  • Начинающие JavaScript разработчики
  • Начинающие разработчики
  • Верстальщики
  • Backend разработчики

Instructor

Denys Mescheryakov
JavaScript Developer
Denys Mescheryakov
  • 4.7 Instructor Rating
  • 1,797 Reviews
  • 7,646 Students
  • 2 Courses

Привет!
Меня зовут Мещеряков Денис. С 2013 года я занимаюсь Front-End разработкой. В основном я работаю над созданием сложных веб-приложений на JavaScript и фреймворках Angular и VueJs.


С 2015 года я занимаюсь преподаванием и провел десятки  online и offline курсов. Провожу вебинары, мастер классы, выкладываю обучающие видео на YouTube.  Люблю передавать свой опыт другим людям и помогать им достигать результатов.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.