udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Современный JavaScript + Vue с нуля на реальных проектах.
Продолжительность
46 ч 7 мин
Категория
JavaScript
Количество уроков
142 Видео
Дата добавления
17 окт. 2019 г., 22:08
Язык
Русский
Дата выхода
1 окт. 2019 г., 21:58
Дата обновления
28 июн. 2022 г., 01:09
Курс для начинающих разработчиков. Практика на реальных проектах. Домашние задания. JavaScript ES6+, ООП, AJAX, Webpack.
КУРС В РАННЕМ ДОСТУПЕ: Материалы будут обновляться.
Даты выхода новых видео ниже в описании.
Курс по 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.
В девятой части мы подробней познакомимся с Eslint, Husky, Git hooks.
В дестой части мы знакомимся с основами современного фреймворка VueJS.
В бонусной части будут видео про Chrome DevTools, вопросами которые спрашивают на собеседовании а также видео о том как начать работать на фрилансе.
К большенству видео есть исходный код.
Домашние задания находятся в презентациях к видео!
ПЛАНЫ НА БЛИЖАЙШИЕ ВРЕМЯ
21.09 - 27.09 - Завершающие видео по Git, Jira, Scrum, Deployment.
28.09 - 03.10 - Первый проект на VueJS.
04.10 - 10.10 - Тестирование на JavaScript.
В будщих планах (пока без дат)
- - Принципы SOLID
- - Паттерны
- - Основы анимации на JavaScript
- - Обзор CI/CD
- - Google API
- - Разбор вопросов на собеседовании часть 2.
- - Несколько проектов на JavaScript и VueJs
Посмотреть больше
-
Урок 1. 00:15:56Что будет на курсе? Домашние задания. Вопросы. Тесты.
-
Урок 2. 00:08:33Что будет на курсе? Обзор проектов.
-
Урок 3. 00:06:18Коммуникация. Обновление домашних заданий.
-
Урок 4. 00:09:28Установка и настройка редактора Visual Studio Code
-
Урок 5. 00:03:51Подключение скриптов
-
Урок 6. 00:15:34Типы данных
-
Урок 7. 00:20:03Переменные
-
Урок 8. 00:14:10Преобразование типов
-
Урок 9. 00:18:11Числа
-
Урок 10. 00:16:16Строки
-
Урок 11. 00:10:04Шаблонные строки
-
Урок 12. 00:12:28Введение в объекты
-
Урок 13. 00:32:59Логические операторы, if statement
-
Урок 14. 00:13:01Тернарный оператор. Конструкция switch case
-
Урок 15. 00:27:29Циклы
-
Урок 16. 00:24:21Введение в функции
-
Урок 17. 00:06:18Дополнение к лекции по функциям
-
Урок 18. 00:11:59Методы массивов
-
Урок 19. 00:24:31Функции высшего порядка. Callback.
-
Урок 20. 00:23:57Что такое this. Контекст вызова функции.
-
Урок 21. 00:18:19Стрелочные функции
-
Урок 22. 00:31:17Перебирающие методы массивов
-
Урок 23. 00:22:50Что такое замыкание
-
Урок 24. 00:19:14Методы объектов про которые часто забывают.
-
Урок 25. 00:28:18Деструктуризация
-
Урок 26. 00:17:33Object descriptor
-
Урок 27. 00:10:02Объекты обертки. Важные нюансы.
-
Урок 28. 01:05:15Разбор домашних заданий. Условия, циклы, функции.
-
Урок 29. 00:20:19Разбор домашних заданий. Функции высшего порядка, ключевое слово this.
-
Урок 30. 00:22:17Разбор домашних заданий. Перебирающие методы массивов.
-
Урок 31. 00:13:39Разбор домашних заданий. Замыкание.
-
Урок 32. 00:16:41Введение в DOM
-
Урок 33. 00:13:53Работа с атрибутами элементов
-
Урок 34. 00:20:49Манипуляция DOM элементами
-
Урок 35. 00:19:11Обработка событий
-
Урок 36. 00:10:38Всплытие и погружение события
-
Урок 37. 00:40:41Первый проект. Todo List. Часть №1
-
Урок 38. 00:20:29Первый проект. Todo List. Часть №2
-
Урок 39. 00:06:17Как работать с css variables из javascript
-
Урок 40. 00:11:55Добавим в наш проект Todo List возможность выбора темы.
-
Урок 41. 00:11:53LocalStorage, SessionStorage
-
Урок 42. 00:28:26Разбор домашних задания. DOM. Часть №1.
-
Урок 43. 00:31:32Разбор домашних заданий. DOM. Часть №2
-
Урок 44. 00:20:36Введение в асинхронность. Что такое event loop?
-
Урок 45. 00:24:07Введение в Ajax
-
Урок 46. 00:38:47Разбор Домашнего Задания. AJAX. Часть №1
-
Урок 47. 00:12:54Post запросы
-
Урок 48. 00:06:05Отладка Ajax
-
Урок 49. 00:08:01Что такое CORS
-
Урок 50. 00:24:04Обработка ошибок
-
Урок 51. 00:04:49Проект News App. Вступление.
-
Урок 52. 00:26:32Проект News App. Часть 1.
-
Урок 53. 00:20:10Проект News App. Часть 2
-
Урок 54. 00:17:07Введение в Promises. Часть 1.
-
Урок 55. 00:26:58Введение в Promises. Часть 2.
-
Урок 56. 00:15:46Введение в fetch.
-
Урок 57. 00:15:09Введение в async await
-
Урок 58. 00:21:04Введение в ООП. Функции конструкторы. Классы ES5.
-
Урок 59. 00:10:12Prototype ES5
-
Урок 60. 00:19:53Наследование ES5
-
Урок 61. 00:17:47Классы ES6.
-
Урок 62. 00:07:09Наследование ES6
-
Урок 63. 00:39:38Введение в webpack
-
Урок 64. 00:14:08Модули import/export
-
Урок 65. 00:06:45Инкапсуляция. Введение.
-
Урок 66. 00:11:42Инкапсуляция. Часть №1.
-
Урок 67. 00:07:12Инкапсуляция. Часть №2.
-
Урок 68. 00:26:12Проект Avia Tickets. Часть №1
-
Урок 69. 00:12:58Проект Avia Tickets. Часть №2
-
Урок 70. 00:54:30Проект Avia Tickets. Часть №3. Создание UI для формы.
-
Урок 71. 00:54:58Проект Avia Tickets. Часть №4. Реализация функционала формы.
-
Урок 72. 01:08:00Проект Avia Tickets. Часть №5. Вывод билетов на страницу
-
Урок 73. 00:19:19Deployment проекта. Github pages. Firebase
-
Урок 74. 00:07:34Проект Login. Часть №1. Введение.
-
Урок 75. 00:34:35Проект Login. Часть №2. Валидация формы.
-
Урок 76. 00:10:31Проект Login. Часть №3. Реализуем запрос на сервер.
-
Урок 77. 00:24:44Проект Login. Часть №4. Реализуем вывод уведомлений
-
Урок 78. 00:07:05Interceptors. Введение.
-
Урок 79. 00:29:15Interceptors. Реализация в проекте Login.
-
Урок 80. 00:23:41Введение в Git
-
Урок 81. 00:03:57Git Config
-
Урок 82. 00:23:11Как устроен гит под капотом. Создание репозитория. Первые commits.
-
Урок 83. 00:17:09Создание веток. Мерж веток. Gitignore.
-
Урок 84. 00:19:41Подключение локального репозитория к remote.
-
Урок 85. 00:04:29Подключение ssh ключей к remote репозиторию
-
Урок 86. 00:15:25Git flow. Pull request
-
Урок 87. 00:08:19Конфликты, как их исправлять.
-
Урок 88. 00:14:02Git README.md. Синтаксис markdown
-
Урок 89. 00:18:05Методология Scrum
-
Урок 90. 00:07:09Введение в раздел
-
Урок 91. 00:15:19Eslint установка и базовая настройка
-
Урок 92. 00:25:02Eslint правила, окружение, настройка редактора.
-
Урок 93. 00:09:50Настраиваем Husky и Lint staged, что-бы в наш репозиторий не попал плохой код
-
Урок 94. 00:14:23Тестирование. Вступление.
-
Урок 95. 00:12:52Тестирование. Установка Jest. Первый тест.
-
Урок 96. 00:13:59Тестирование. Проект Avia Tickets, установка и первый тест.
-
Урок 97. 00:33:47Тестирование. Проект Avia Tickets, тестируем Location Store
-
Урок 98. 00:15:54Тестирование. Проект Avia Tickets, Тестируем Api Service
-
Урок 99. 00:14:22End to End тесты. Вступление
-
Урок 100. 00:17:05Установка Cypress. Первый тест.
-
Урок 101. 00:32:52Тесты для формы поиска билетов.
-
Урок 102. 00:37:18Тестируем запросы
-
Урок 103. 00:16:01Cypress commands
-
Урок 104. 00:12:00Введение.
-
Урок 105. 00:04:07Visual Studio Code config для Vue.
-
Урок 106. 00:13:03Установка Vue CLI. Знакомство со структурой проекта.
-
Урок 107. 00:08:42Из чего состоят компоненты
-
Урок 108. 00:09:43Синтаксис шаблонов
-
Урок 109. 00:04:13Привязка аттрибутов
-
Урок 110. 00:16:28Условная отрисовка шаблона. Директивы v-if, v-else, v-show
-
Урок 111. 00:10:54Обработка событий
-
Урок 112. 00:20:59Вывод шаблонов в цикле. Директива v-for
-
Урок 113. 00:16:02Computed properties. Watch. Вычисляемые свойства и отслеживание изменения данных
-
Урок 114. 00:07:45Привязка классов и стилей
-
Урок 115. 00:09:10Взаимодествие компонент. Emit event.
-
Урок 116. 00:14:37Взаимодействие компонент. Props.
-
Урок 117. 00:12:33Двунаправленное связывание данных. v-model
-
Урок 118. 00:29:52Проект Budget. Часть №1
-
Урок 119. 00:33:13Проект Budget. Часть №2.
-
Урок 120. 00:15:22Концепция Single Source of Truth
-
Урок 121. 00:20:55Введение во Vuex. State. Getters.
-
Урок 122. 00:16:29Введение во Vuex. Actions. Mutations.
-
Урок 123. 00:03:37Знакомство с проектом и его функционалом.
-
Урок 124. 00:17:22Выделим основные компоненты для приложения.
-
Урок 125. 00:11:32Movies App. Часть №1. Установка зависимостей.
-
Урок 126. 00:19:56Movies App. Часть №2. Настройка Axios. Создание Store.
-
Урок 127. 00:30:19Movies App. Часть №3. Axios. Store
-
Урок 128. 00:38:30Movies App. Часть №4. Вывод списка фильмов.
-
Урок 129. 00:17:32Movies App. Часть №5. Poster.
-
Урок 130. 00:43:08Movies App. Часть №6. Pagination.
-
Урок 131. 00:13:03Movies App. Часть №7. Loader
-
Урок 132. 00:33:13Movies App. Часть №8. Remove movie. Search movie.
-
Урок 133. 00:13:26Movies App. Часть №9. Notification.
-
Урок 134. 00:54:24Movies App. Часть №10. Информация о фильме
-
Урок 135. 00:10:04Оператор опциональной последовательности
-
Урок 136. 00:06:25Оператор нулевого слияния
-
Урок 137. 00:15:55Symbol. Подробности
-
Урок 138. 00:21:33Итератор
-
Урок 139. 00:29:00Chrome DevTools. Часть №1
-
Урок 140. 00:38:39О чем вас спросят на собеседовании
-
Урок 141. 00:59:10Работа на фриланс. Как найти первые проекты.
-
Урок 142. 00:17:22Лайтовый обзор CI/CD
Автор - udemy
Категории
Комментарии
-
ntffoxanaобновить у него уже 2023 год стоит -
maksmaks1537Обновите пожалуйста курс! -
minakuОбновите пожалуйста курс! -
JonikПрошу обновите данный курс! Спасибо -
marik8998Я так понимаю, курс был обновлен до последней актуальной версии? -
AnonymousОбновите пожалуйста курс! -
Nickначиная с проекта авиа тикетс курс не актуален, автор изменил ссылки для работы с апи. Было бы здорово обновить курс -
Psihovsckyон что то там уже сам подключил, а мне что делать?..... -
Psihovsckyхм, плохо то что мы с ним не пишем все в проектах, нужно искать где то файл с индексом, где он для первого проекта todo list?
-
IgorОн весь курс будет так постоянно кх-кхкать? -
SeninosПлеер не загружается ............. !!!! Нет плеера на странице ............... что делать ???????? -
CourseHunter Team SeninosВ консоль гляньте что пишет, возможно плеер блокрируют ваши расширения браузера. а также попробуйте очистить кеш браузера. -
SeninosПлеер не загружается ............. !!!! Нет плеера на странице ............... что делать ????????
-
AnonymousОбновите пожалуйста курс! -
Anonymous AnonymousСпасибо!))
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
udemy
30 апр. 2019 г., 05:08
Современный JavaScript (от новичка до ниндзя)
Modern JavaScript (from Novice to Ninja)
Создавайте потрясающие веб-приложения на основе JavaScript с современным JavaScript с самого начала и до уровня ниндзя. Привет, банда, и добро пожаловать на ваш первый шаг на пути к тому, чтобы стать ниндзя JavaScript! В этом курсе я с самого начала буду преподавать вам свой любимый язык (JavaScript!), Вплоть до создания полноценного, динамичного и интерактивного веб-интерфейса.
udemy
15 мая 2018 г., 18:20
Современный JavaScript - Полное руководство - Строим +15 Проектов
Modern JavaScript The Complete Course - Build +15 Projects
Изучите JavaScript - самый популярный язык для веб-разработки, создавая проекты в реальном времени с практическим обучением.В этом курсе вы изучите JavaScript, от основ до промежуточных и продвинутых тем, таких как Prototypes, Delegation, Classes, Ajax, Promises, Generators, OOP, API Fetch, Async Await, Async JS, Objects, как использовать REST API и многое другое!
ui.dev (ex. Tyler McGinnis)
19 февр. 2018 г., 20:15
Современный JavaScript (Tyler Mcginnis)
Modern JavaScript
Это «живой» курс, который обновляется по мере апдейтов в JavaScript. От деструкции объектов и шаблонных строк до двух новых способов объявления переменных - вы никогда не будете смотреть на JavaScript как прежде. В этом курсе вы узнаете все новейшие и самые лучшие функции языка JavaScript, после чего вы сразу же примените их, делая рефакторинг приложения с ES5. После того когда мы закончим, вы будете удивлены.
udemy
16 апр. 2018 г., 06:23
Современный JavaScript Bootcamp
The Modern JavaScript Bootcamp
Изучите JavaScript, создав реальные приложения Включает 3 реальных проекта, 80 задач программирования и ES6 / ES7!JavaScript является самым популярным языком программирования, но это не значит, что его легко освоить. В конечном итоге вы теряете время на устаревших курсах и неполных обучающих программах YouTube, в которых рассказывается о функциях JavaScript, не указывая, как их использовать при создании приложений реального мира.Я построил этот к
Современный JavaScript с самого начала
Modern JavaScript From The Beginning
Научитесь создавать проекты с использованием чистого JavaScript (без фреймворков или библиотек). Это курс JavaScript предназначен абсолютно для всех. Мы начинаем с основных принципов и проработаем наш путь к продвинутому программированию, не полагаясь на фреймворки или библиотеки. Вы узнаете тонну JavaScript, будь вы новичок или уже программист JS. Здесь каждый найдет что-то для себя ...