This is a 'living' course which updates as JavaScript does. If you haven't taken a look at the latest versions of JavaScript the last few years you've been missing out. From object destructuring and template literals to two new ways to declare variables, you'll never look at JavaScript the same way. In this course you'll learn all the latest and greatest features of the JavaScript language, then you'll immediately take that knowledge and apply it by refactoring a "real world" app from ES5. When you're done, you'll wonder how you ever lived without it.
Modern JavaScript
3h 4m 3s
English
Paid
Modern JavaScript is a 13-lesson 3 hours 4 minutes self-paced course by UI.dev (Tyler McGinnis). This is a 'living' course which updates as JavaScript does.
Course facts
- Lessons
- 13
- Duration
- 3 hours 4 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- UI.dev (Tyler McGinnis)
- Price
- Premium
Additional
Who teaches Modern JavaScript? UI.dev (Tyler McGinnis)
UI.dev (formerly tylermcginnis.com) is the online course platform of Tyler McGinnis, a US developer who has been publishing React and JavaScript educational material continuously since 2014. The platform was one of the earliest dedicated React-tutorial sources and remains widely cited for the depth of its long-form courses on JavaScript fundamentals and the React ecosystem.
Course material covers React (including modern hooks-based patterns and Next.js), modern JavaScript (the canonical Modern JavaScript course), Firebase, GraphQL, Redux, TypeScript with React, and the algorithm / data-structure interview prep track. The teaching style is unusually rigorous about the language fundamentals underneath the framework material — Tyler's Modern JavaScript course in particular is a classic of the genre.
The CourseFlix listing under this source carries over 15 UI.dev / Tyler McGinnis courses spanning that range. Material is paid; UI.dev runs on per-course or membership pricing on the original platform.
What lessons are included in Modern JavaScript?
0:00
/ #1: ECMAScript, TC39, and the Standardization Process
All Course Lessons (13)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | ECMAScript, TC39, and the Standardization Process Demo | 11:22 | |
| 2 | Variable Declarations (var vs let vs const) | 13:53 | |
| 3 | Object and Array Destructuring | 09:15 | |
| 4 | Shorthand Properties and Method Names | 02:09 | |
| 5 | Computed Property Names | 01:56 | |
| 6 | Template Literals | 06:10 | |
| 7 | Arrow Functions | 13:37 | |
| 8 | Default Parameters | 07:26 | |
| 9 | Compiling vs Polyfills with Babel | 04:04 | |
| 10 | Callbacks, Promises, Async/Await | 45:20 | |
| 11 | Guide to JavaScript's prototype (and ES6 Classes) | 28:15 | |
| 12 | From IIFEs to CommonJS to ES6 Modules | 32:10 | |
| 13 | Private and Public Class Fields | 08:26 |
Unlock unlimited learning
Get instant access to all 12 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionWhat courses are similar to Modern JavaScript?
-
Updated 2y agoBuild Telegram Bots with JavaScript: The Complete Guide
By: UdemyTelegram is a cloud-based instant messaging app that provides API to developers to create bots that interact with users. This course aims to provide you with co5h 28m -
Updated 2y agoPremium Javascript (Premium membership)
By: Watch and CodeThis is not just another course on JavaScript, where the teacher just writes something, without really explaining what he is doing63h 55m -
Updated 1y agoLearn JavaScript (Everything packet)
By: Zell LiewMaster JavaScript with a proven method that guarantees success. JavaScript is one of the most crucial skills for aspiring frontend developers.36h 27m -
Updated 2y agoAnimating with the JavaScript Web Animations API
By: UdemyThis course teaches you how to animate on the Web using the JavaScript Web Animations API W3C standard.1h 59m -
Updated 2y agoData Structures & Algorithms - JavaScript
By: UdemyThat means that you can actually learn more material in less time and have higher retention of the material. That is the key combination of factors to prepare y6h 44m5/5 -
Updated 7mo agoCreate Animated Breaking News Graphics with HTML, CSS and JavaScript
By: Zero To MasteryMaster the creation of dynamic overlays and animations for streams, scoreboards, and TV graphics. Learn the principles of working with animation and web technol2h 40m
More courses by UI.dev (Tyler McGinnis)
-
Updated 2y agoReact Router v4
For good reason, React Router is the most popular 3rd party library in the React ecosystem. If you're using React, odds are you're also using React Router. Reac6h 44m -
Updated 2y agoReact Hooks
If you never develop a convincing answer for both of those questions, you won t have a solid enough foundation to build upon when you dive into the specifics.3h 47m -
Updated 2y agoReact Fundamentals
If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of develo4h 36m -
Updated 2y agoReact Native
The description is simple - learn how to create an iOS and Android React Native app that you submit to both the App Store and the Google Play store. With over 73h 46m -
Updated 2y agoRedux
There's no better strategy for learning a new technology than building your own version of it. In this course, we'll take that to the extreme.7h 13m -
ClassicThe interactive way to master modern React - react.gg (FULL COURSE)
OPTIMIZED FOR AHA! We’re obsessed with helping you reach your aha! moments. Our text sections help you master the “why” behind React concepts and include fun, i7h 53m5/5
Frequently asked questions
What prerequisites should I have before enrolling in this course?
Before enrolling in the course, you should have a fundamental understanding of JavaScript, particularly ES5. Basic knowledge of programming concepts such as variables, functions, and control structures will be beneficial. Familiarity with JavaScript's prototype system and module systems like CommonJS can also be helpful as the course covers these topics in the context of ES6 and beyond.
What will I build or refactor during this course?
During the course, you will refactor a 'real world' application from ES5 to incorporate the latest JavaScript features. This hands-on exercise will allow you to apply concepts like object and array destructuring, template literals, arrow functions, and ES6 modules, providing practical experience with modern JavaScript techniques.
Who is the target audience for this course?
The course is designed for JavaScript developers who are familiar with ES5 and are looking to update their knowledge to include the latest features and standards of modern JavaScript. It's ideal for those who want to keep their skills relevant and improve their coding efficiency with new syntactic features and improvements.
How does this course compare in depth and scope to other JavaScript courses?
This course specifically focuses on the latest advancements in JavaScript, covering features introduced in recent ECMAScript versions. Unlike beginner courses, it assumes prior JavaScript knowledge and skips basic concepts, concentrating instead on modern syntax and features like async/await, ES6 classes, and module systems.
What specific tools or platforms will I learn about?
You will learn about Babel, a popular tool for compiling JavaScript, which allows you to use modern syntax while maintaining compatibility with older browsers. The course also covers module systems and the transition from IIFEs to CommonJS and ES6 modules, equipping you with knowledge about JavaScript's evolving landscape.
What topics are not covered in this course?
The course does not cover introductory JavaScript concepts or foundational programming principles. It also doesn't delve into JavaScript frameworks or libraries like React, Angular, or Vue.js, as its focus is strictly on understanding and applying modern JavaScript language features.
What is the time commitment for completing this course?
The course consists of 13 lessons, but the overall runtime is not explicitly listed. Given the nature of the content, it is designed to allow learners to progress at their own pace. The commitment will vary depending on your prior knowledge and how much time you dedicate to practicing and applying the concepts learned.