Современный JavaScript с самого начала - Видеоуроки

Modern JavaScript From The Beginning
Duration 21:44:40
Открыть все курсы от udemy

Modern JavaScript From The Beginning - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Welcome To The Course 00:05:42
  • Урок 2. Project Files & Questions 00:03:07
  • Урок 3. Visual Studio Code Setup 00:10:05
  • Урок 4. Section Intro & File Setup 00:04:22
  • Урок 5. Using The Console 00:09:02
  • Урок 6. Variables - var, let & const 00:12:46
  • Урок 7. Data Types in JavaScript 00:10:20
  • Урок 8. Type Conversion 00:11:44
  • Урок 9. Numbers & The Math Object 00:07:19
  • Урок 10. String Methods & Concatenation 00:14:22
  • Урок 11. Template Literals 00:10:08
  • Урок 12. Arrays & Array Methods 00:16:00
  • Урок 13. Object Literals 00:07:50
  • Урок 14. Dates & Times 00:09:14
  • Урок 15. If Statements & Comparison Operators 00:19:03
  • Урок 16. Switches 00:04:50
  • Урок 17. Function Declarations & Expressions 00:11:45
  • Урок 18. General Loops 00:16:42
  • Урок 19. A Look At The Window Object 00:20:52
  • Урок 20. Block Scope With let & const 00:06:32
  • Урок 21. What Is The DOM? 00:03:17
  • Урок 22. Examining The Document Object 00:15:20
  • Урок 23. DOM Selectors For Single Elements 00:14:13
  • Урок 24. DOM Selectors For Multiple Elements 00:14:26
  • Урок 25. Traversing The DOM 00:15:49
  • Урок 26. Creating Elements 00:06:48
  • Урок 27. Removing & Replacing Elements 00:10:57
  • Урок 28. Event Listeners & The Event Object 00:10:13
  • Урок 29. Mouse Events 00:11:05
  • Урок 30. Keyboard & Input Events 00:12:43
  • Урок 31. Event Bubbling & Delegation 00:13:46
  • Урок 32. Local & Session Storage 00:15:15
  • Урок 33. Task List [Part 1] - UI & Add Task Items 00:15:53
  • Урок 34. Task List [Part 2] - Delete & Filter Tasks 00:14:05
  • Урок 35. Task List [Part 3] - Persist To Local Storage 00:11:04
  • Урок 36. Loan Calculator [Part 1] - Build The UI 00:15:08
  • Урок 37. Loan Calculator [Part 2] - Calculate & Error 00:16:48
  • Урок 38. Loan Calculator [Part 3] - Loader & User Experience 00:06:19
  • Урок 39. Number Guesser [Part 1] - Build The UI 00:07:02
  • Урок 40. Number Guesser [Part 2] - Validation & Winning Case 00:16:31
  • Урок 41. Number Guesser [Part 3] - Lose Case & Game Over 00:10:15
  • Урок 42. Number Guesser [Part 4] - Play Again 00:10:54
  • Урок 43. Constructors & the 'this' Keyword 00:11:57
  • Урок 44. Built In Constructors 00:12:17
  • Урок 45. Prototypes Explained 00:09:55
  • Урок 46. Prototypal Inheritance 00:08:25
  • Урок 47. Using Object.create 00:05:29
  • Урок 48. ES6 Classes 00:08:36
  • Урок 49. Sub Classes 00:05:47
  • Урок 50. Build The Book List UI 00:08:21
  • Урок 51. Add Book To List 00:12:33
  • Урок 52. Validation & Alert 00:08:29
  • Урок 53. Delete Book From List 00:06:30
  • Урок 54. Convert to ES6 Classes 00:06:07
  • Урок 55. Bonus - Add Local Storage 00:14:44
  • Урок 56. What Is Asynchronous Programming? 00:03:42
  • Урок 57. Ajax & XHR Introduction 00:06:01
  • Урок 58. XHR Object Methods & Working With Text 00:12:51
  • Урок 59. Working With Ajax & JSON 00:14:24
  • Урок 60. Data From an External API - Chuck Norris Project 00:14:57
  • Урок 61. REST APIs & HTTP Requests 00:06:34
  • Урок 62. Callback Functions 00:08:28
  • Урок 63. Custom HTTP Library (Ajax With Callbacks) - Part 1 00:15:27
  • Урок 64. Custom HTTP Library (Ajax With Callbacks) - Part 2 00:12:13
  • Урок 65. ES6 Promises 00:05:40
  • Урок 66. The Fetch API 00:12:41
  • Урок 67. Arrow Functions 00:12:11
  • Урок 68. Custom HTTP Library (Fetch With Promises) - Part 3 00:12:56
  • Урок 69. Async & Await 00:08:06
  • Урок 70. Custom HTTP Library (Fetch With Async Await) - Part 4 00:05:34
  • Урок 71. Github Finder [Part 1] - Intro & UI 00:13:45
  • Урок 72. Github Finder [Part 2] - Fetching Profile Data 00:12:05
  • Урок 73. Github Finder [Part 3] - Display The Profile 00:10:44
  • Урок 74. Github Finder [Part 4] - Show Alert Message 00:10:08
  • Урок 75. Github Finder [Part 5] - Fetch & Display Repos 00:09:44
  • Урок 76. WeatherJS [Part 1] - Intro & UI 00:13:14
  • Урок 77. WeatherJS [Part 2] - Fetch Weather From API 00:08:03
  • Урок 78. WeatherJS [Part 3] - Display The Weather 00:08:48
  • Урок 79. WeatherJS [Part 4] - Save Location To Local Storage 00:11:13
  • Урок 80. Error Handling with Try...Catch 00:09:51
  • Урок 81. Regular Expressions [Part 1] - Evaluation Functions 00:13:35
  • Урок 82. Regular Expressions [Part 2] - Metacharacter Symbols 00:12:36
  • Урок 83. Regular Expressions [Part 3] - Character Sets & Quantifiers 00:12:42
  • Урок 84. Regular Expressions [Part 4] - Shorthand Character Classes 00:09:45
  • Урок 85. Regular Expressions - Form Validation Project 00:21:57
  • Урок 86. Iterators & Generators 00:09:47
  • Урок 87. Profile Scroller - Iterator Mini Project 00:15:07
  • Урок 88. Symbols 00:08:53
  • Урок 89. Destructuring 00:09:29
  • Урок 90. ES6 Maps 00:09:00
  • Урок 91. ES6 Sets 00:09:03
  • Урок 92. What Are Patterns? 00:02:30
  • Урок 93. Module & Revealing Module Pattern 00:12:55
  • Урок 94. Singleton Pattern 00:04:59
  • Урок 95. Factory Pattern 00:08:19
  • Урок 96. Observer Pattern 00:16:02
  • Урок 97. Mediator Pattern 00:10:15
  • Урок 98. State Pattern - Small Project 00:10:54
  • Урок 99. Project Introduction 00:03:15
  • Урок 100. Creating The UI With Materialize CSS 00:16:40
  • Урок 101. Controllers & Data Structure 00:11:03
  • Урок 102. Get & Populate Items 00:10:06
  • Урок 103. Add Item To Data Structure 00:16:35
  • Урок 104. Add Item To The UI 00:12:40
  • Урок 105. Add Total Calories 00:07:43
  • Урок 106. Working With The Edit State 00:20:28
  • Урок 107. Updating Items & Total Calories 00:18:58
  • Урок 108. Delete & Clear Items 00:15:47
  • Урок 109. Add & Get From Local Storage 00:12:36
  • Урок 110. Delete & Clear From Local Storage 00:10:11
  • Урок 111. Babel & Webpack Environment Setup 00:08:56
  • Урок 112. Intro To ES2015 Modules 00:09:22
  • Урок 113. Create The UI 00:07:08
  • Урок 114. Create a fake REST API Using JSON Server 00:07:15
  • Урок 115. Get & Display Posts 00:13:03
  • Урок 116. Add Posts & Show Alert 00:12:00
  • Урок 117. Removing Posts 00:06:10
  • Урок 118. Post Edit State & Update [1] 00:08:31
  • Урок 119. Post Edit State & Update [2] 00:18:07
  • Урок 120. Wrap Up & Where To Go From Here 00:02:12

Научитесь создавать проекты с использованием чистого JavaScript (без фреймворков или библиотек). Это курс JavaScript предназначен абсолютно для всех. Мы начинаем с основных принципов и проработаем наш путь к продвинутому программированию, не полагаясь на фреймворки или библиотеки. Вы узнаете тонну JavaScript, будь вы новичок или уже программист JS. Здесь каждый найдет что-то для себя ...

Что в курсе Modern JavaScript From The Beginning?

  • Основы: типы данных, переменные let и const, функции,  циклы, литералы объектов, массивы и тд.
  • DOM Manipulation: селектор, перемещение по DOM, отображение / скрытие, создание и удаление элементов, события...
  • ООП: прототипы ES5, наследование, классы и подклассы ES2015, конструкторы
  • Async JS: Ajax & XHR, API Fetch, обратные вызовы (callbacks), обещания (промисы), async / wait
  • ES2015 +: стрелочные функции, template strings, генераторы, итераторы, maps & sets, symbols и многое другое
  • Шаблоны JavaScript: модуль, Factory, состояние, Observer, Mediator, Singleton
  • Другое: локальное хранилище, регулярные выражения, обработка ошибок try / catch
  • 10 проектов всех видов

Проекты

  • Список задач с локальным хранилищем
  • Кредитный калькулятор
  • Guess Game
  • OOP Book Listing App (ES5 Prototype & ES2015 Classes Version)
  • Генератор шуток Чака Норриса
  • EasyHTTP - пользовательская HTTP-библиотека (3 версии - обратные вызовы / обещания / Async & Await)
  • Github Finder
  • Приложение WeatherJS
  • Калорийный трекер (Module Pattern)
  • Microposts - Frontend CRUD для API REST (Webpack & Babel)

Требования

  • Базовый HTML / CSS

Твоя оценка

302 3
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

30-11--0001 en 67 уроков
udemy ES6 Javascript: The Complete Developer's Guide
ES6 Javascript с нуля. Ознакомьтесь с практическими примерами в реальном времени и узнайте где именно нужно применять функции ES6. Это пособие именно то, которое вы искали для овладения ES6 Javascript. Генераторы? Конечно. Стрелочные функции? Ага. Оператор Rest/Spread? Есть! И все новое в ES6 уже в этом курсе.
Duration 06:14:18
34 2
15-11-2018 en 156 уроков
udemy The Complete JavaScript Course 2018: Build Real Projects!
Изучи JavaScript вместе с наиболее полным курсом на рынке! Курс включает проекты, челенджи, экзамен, ES6, OOP, AJAX, Webpack !  Вы хотите узнать номер один язык программирования в вебе ? Устали тратить свое время и деньги на случайные видео на youtube или курсы JavaScript, которые либо слишком просты, либо слишком сложны для восприятия? Или вам трудно понять и использовать JavaScript в реальных проектах? Если ваш ответ - ДА ... Тогда это...
Duration 27:52:06
221 4
30-11--0001 en 78 уроков
udemy The Full JavaScript & ES6 Tutorial - (including ES7 & React)
Станьте востребованным разработчиком программного обеспечения и разработчиком, изучив этот углубленный учебник по JavaScript и ES6. Изучение ES6, как одного из самых высокооплачиваемых языков в отрасли, откроет для вас Много возможностей и рабочих мест!
Duration 04:31:25
30 2
22-05-2017 ru 17 уроков
webformyself Курс по ES 6 (EcmaScript 6)
Курс по ES 6 поможет быть в тренде современной разработки на ES6 (EcmaScript 6) - это такая спецификация языка JavaScript. В данных уроках мы разберем все новые функции, которые нам принес es6 - от переменных и классов, заканчивая промисами и генераторами. Кроме того, мы начнем курс с настройки webpack, чтобы компилировать все то что мы напишем в EcmaScript 6, в es5 версию, для более старых версий браузеров. 
Duration 03:10:04
34 2
05-12-2017 en 20 уроков
Tyler McGinnis Modern JavaScript
Это «живой» курс, который обновляется по мере апдейтов в JavaScript. От деструкции объектов и шаблонных строк до двух новых способов объявления переменных - вы никогда не будете смотреть на JavaScript как прежде. В этом курсе вы узнаете все новейшие и самые лучшие функции языка JavaScript, после чего вы сразу же примените их, делая рефакторинг приложения с ES5.  После того когда мы закончим, вы будете удивлены. 
Duration 02:00:43
17 0
30-11--0001 en 23 урока
Scotch.io Getting Started with JavaScript for Web Development
Этот курс на простых примерах покажет, как можно использовать JavaScript для веб-разработки. Он рассчитан на новичков которые хотят познакомится с базовыми возможностями JavaScript. Кроме того, в курсе вы создадите несколько простых функциональных решений, таких как: приложение с закладками, прогресс скролинга страницы, калькулятор цены,  "сумашедшую кнопку", таймер и аккордион.
Duration 04:43:35
24 1
16-01-2018 ru 27 уроков
OTUS Разработчик JavaScript
Курс "Разработчик JavaScript" рассчитан на людей, у которых уже есть опыт работы с JavaScript (Junior +, Middle), и которые хотят узнать больше о современном JavaScript. Во время курса вы рассмотрите ключевые возможности языка, серверную платформу Node.JS, фреймворки Angular, Vue и React.
Duration 50:55:53
31 18
08-04-2018 ru 12 уроков
Дмитрий Лаврик JavaScript: Интенсивный курс для верстальщиков от Дмитрия Лаврика
С помощью этого курса вы научитесь решать типичные задачи, с которыми сталкивается каждый верстальщик в процессе работы. Вы рассмотрите все основные особенности JavaScript и JQuery, которые помогут вам справиться с почти 80% задач, которые станут на вашем пути.
Duration 16:30:22
208 4
11-04-2018 en 155 уроков
udemy The Modern JavaScript Bootcamp (2019)
Изучите JavaScript, создав реальные приложения Включает 3 реальных проекта, 80 задач программирования и ES6 / ES7!JavaScript является самым популярным языком программирования, но это не значит, что его легко освоить. В конечном итоге вы теряете время на устаревших курсах и неполных обучающих программах YouTube, в которых рассказывается о функциях JavaScript, не указывая, как их использовать при создании приложений реального мира.Я построил этот...
Duration 29:38:18
68 1
07-05-2018 en 313 уроков
udemy 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 и многое другое!
Duration 27:57:02
83 6
11-06-2018 en 62 урока
udemy JavaScript and React for Developers: Master the Essentials
Продвиньте свои навыки JavaScript и изучите современный подход к веб-приложениям, построив проекты с нуля.  Если у вас есть некоторый опыт программирования, но вы хотите перенести свои навыки развития на следующий уровень, этот курс для вас. Это всеобъемлющее введение в более глубокие основы JavaScript и современный, все более популярный фреймворк, React.Независимо от того, являетесь ли вы студентом или работающим разработчиком, который...
Duration 03:18:42
9 6
12-06-2018 en 102 урока
codewithmosh (Mosh Hamedani) JavaScript Basics for Beginners
JavaScript - освойте основы всего за 6 часов. JavaScript является одним из самых популярных языков программирования в мире и растет быстрее, чем любой другой язык программирования. В качестве разработчика вы можете использовать JavaScript для создания веб-приложений и мобильных приложений, сетевых приложений реального времени, инструментов командной строки и игр.
Duration 06:39:44
37 2
22-04-2018 ru 41 урок
easycode Online курс Javascript Hero
Стань true javascript developer! Сможешь найти работу в компании… ведь у тебя будет опыт создания проектов. Сможешь полностью уйти на фриланс… и работать в комфортное для себя время. Станешь стрессоустойчивым…к правкам и частому изменению задач. Научишься читать мысли заказчиков… и выполнять задачи быстро и без ошибок.
Duration 38:49:56
67 7
17-01-2018 en 119 уроков
udemy JavaScript and React for Beginners: Create 12 projects
Практический подход к работе с JavaScript и React шаг за шагом. JavaScript является самым популярным языком сценариев в мире. Он отвечает за интерактивность, например, игры, онлайн-формы или опросы, с которыми пользователь может взаимодействовать на веб-сайте. Самые динамичные сайты, если не все сайты, содержат какой-то элемент JavaScript.
Duration 11:45:40
5 10
30-11--0001 en 25 уроков
leveluptutorials Better Javascript
Начните писать современный Javascript лучше уже сегодня. В этом курсе мы поработаем над вашими Javascript скилами. Мы поработаем с тулзами и техниками, которые улучшат написания и читабельность вашего кода, а также сделают его менее уязвимым и более эфективным.
Duration 04:41:14
27 0
02-10-2018 en 9 уроков
Tyler McGinnis Advanced JavaScript
Я не умею писать продажные тексты, просто поверьте мне, что если вы используете JavaScript в любом качестве, вероятно, нет другого ресурса, который принесет вам больше пользы. Этот курс длился годы. Я взял все, что я знаю о JavaScript, и весь мой опыт, обучая его в течение последней половины десятилетия и включив его в этот курс. Закрытие, ключевое слово «this», контексты выполнения, паттерны модулей, hoisting, асинхронные паттерны,...
Duration 03:06:38
55 2
16-10-2018 ru 42 урока
udemy Полный курс по JavaScript - с нуля до результата
Освой самый популярный язык программирования - JavaScript и научись применять его на практике! Этот курс направлен на подробное изучение JavaScript без воды, но главное - немедленноеприменение его на практике. Это значит, что вы получите материал для работы и мы вместе будем создавать реальные проекты шаг за шагом.
Duration 10:00:31
107 13
24-12-2018 ru 18 уроков
Дмитрий Лаврик Javascript: Интенсивный курс для программистов от Дмитрия Лаврика
Цель курса - улучшить знания в javascript – обобщить и укрепить классические темы, рассмотреть и осмыслить новшества стандартов после ES2015. А также выстроить систему написания кода и
научиться взаимодействовать с серверной частью. Рассматриваемые темы будут соотноситься с их реализацией и применением во фреймворках React и Vue.
Duration 21:54:35
94 3
02-01-2019 en 417 уроков
udemy JavaScript Bible
JavaScript, ES6, Babel, React, NPM, Webpack, Node.js, MongoDB - вся экосистема JavaScript в одном курсе Bootcamp! Этот курс охватывает все, что вам нужно знать о JavaScript и стать либо веб-разработчиком Frontend, либо веб-разработчиком полного стека, либо разработчиком Backend.
Duration 42:37:23
10 2
ru 16 уроков
jsexpert Понятный JavaScript (Middle)
Хочешь стать JavaScript разработчиком, систематизировать знания и выйти на совершенно новый уровень! Курс «Понятный JavaScript» — это комплексная программа обучения, которая позволит тебе полностью изучить с нуля главный язык Frontend разработчика. Уже через 3 месяца ты будешь знать JavaScript на очень достойном уровне.
Duration 14:29:51
32 5
ru 13 уроков
jsexpert Понятный JavaScript (Advanced)
Хочешь стать JavaScript разработчиком, систематизировать знания и выйти на совершенно новый уровень?Курс «Понятный JavaScript» — это комплексная программа обучения, которая позволит тебе полностью изучить с нуля главный язык Frontend разработчика. Уже через 3 месяца ты будешь знать JavaScript на очень достойном уровне.
Duration 12:14:21
30 2
26-02-2019 ru 172 урока
webformyself JavaScript. Полное руководство для современной веб-разработки
Изучите самый популярный язык разработки и станьте высокооплачиваемым профи. Полный охват теоретических и практических знаний и навыков по JS – без воды и в концентрированном виде. В курсе собраны лишь самые актуальные и востребованные в 2019 году знания по JS – для современной веб-разработки.
Duration 32:14:51
25 2
25-02-2019 en 187 уроков
udemy Advanced JavaScript Concepts
Изучите современные передовые практики JavaScript и войдите в 10% лучших разработчиков JavaScript. Этот курс отличается от любого курса JavaScript, который вы найдете в Интернете. После многих лет работы с языком автор приобрел многолетний опыт, объединив лучшие практики некоторых ведущих разработчиков в мире, чтобы вы стали одним из лучших разработчиков Javascript. Вы перейдете от понимания основ JavaScript к изучению его до такой степени, что...
Duration 23:45:13
19 1
en 1 урок
frontendmasters JavaScript: The Recent Parts
С появлением ES6 (он же ES2015) несколько лет назад, сдерживающее улучшения в дизайне языка JS было наконец завершено. Но вместе с этим появилось множество новых языковых возможностей в и без того сильно переполненной и фрагментированной экосистеме инструментов и сред JS. И изменения JS просто продолжают приходить и приходить. Для многих этот темп изменений может быть очень пугающим и разочаровывающим.
Duration 06:27:44
8 0

Последнее добавленное

Жесткие части: cерверы и Node.js

Жесткие части: cерверы и Node.js

en
На этом семинаре мы пойдем под капот Node двумя противоположными способами - поняв разработку серверов на основе интуитивно понятных принципов (HTTP, TCP / IP, Ports, Loopback, SSH) и поняв функции JavaScript, составляющие Node (событие цикл, потоки, буферы, асинхронность, прототипы).
Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

en
Этот курс предназначен для того, чтобы помочь вам выучить и развить необходимые навыки для сдачи сертификационного экзамена Microsoft Azure AZ-100. Экзамен AZ-100 проверяет ваши знания в области создания, настройки и управления ресурсами в облаке Azure, включая, помимо прочего: управление...
Сертифицированный специалист по безопасности информационных систем (CISSP)

Сертифицированный специалист по безопасности информационных систем (CISSP)

en
Чтобы получить сертификат CISSP, кандидаты должны сдать экзамен, состоящий в основном из вопросов с несколькими вариантами ответов. Цель этого курса - подготовить вас к сертификационному экзамену, познакомив вас с понятиями и терминологией, которые вам необходимо знать для прохождения.
Сертифицированный архитектор решений AWS - Professional

Сертифицированный архитектор решений AWS - Professional

en
AWS является одной из самых быстрорастущих платформ облачных сервисов, предлагаемых сегодня. Он используется во всем мире миллионами пользователей! Возможность получить сертификацию уровня CSA Pro является одним из главных достижений для любого облачного инженера. Учитывая это, это также один...
Тестирование мобильных приложений

Тестирование мобильных приложений

ru
В современном мире бизнес всё чаще обращает внимание на мобильные технологии. И в этом нет ничего удивительного. Рынок мобильных устройств растёт в разы быстрее рынка домашних компьютеров, позволяя реализовывать новые возможности для развития и продвижения самых передовых бизнес идей.
Фреймворк NuxtJS. Руководство по FullStack-разработке

Фреймворк NuxtJS. Руководство по FullStack-разработке

ru
Полное руководство по Nuxt. Почему стоит посмотреть этот курс? Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах. По урокам курса...
Moscow Python Conf ++ 2019

Moscow Python Conf ++ 2019

ru
Конференция Moscow Python Conf ++ посвящена всему, что делают Python разработчики: backend и web, сбор и обработка данных, AI/ML, тестирование, DevOps, базы данных, IoT, infosec. Кроме этого, мы обсуждаем сам язык, его развитие, организацию проектов, управление зависимостями и лучшие практики...
Разработка PHP-пакетов (PRO версия)

Разработка PHP-пакетов (PRO версия)

en
Премиум видео курс по разработке пакетов для PHP и Laravel. "Я вроде уже делал такое, давайте я гляну на старых проектах." Знакомы такие слова ? Когда мне давали задание на моей работе, я обычно отправлялся на поиски доступного пакета с открытым исходным кодом на packagist.org - и если не было...
chat
logo