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
Released
Added to CourseFlix
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
- Language
- English
- Released
- December 2017
- Added to CourseFlix
- February 2024
- 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 |
Watch the other 12 lessons
One payment unlocks this course and every other premium course. No auto-renew.
See plansWhat courses are similar to Modern JavaScript?
Updated 1mo agoUp and Running With PixiJS
By: Envato Tuts+A short, focused course on PixiJS: setting up a scene, working with sprites and shapes, and building simple animated visual effects.2h 8m
Updated 2y agoJavaScript Interview Espresso
By: Aaron Jack (Interview Espresso)Master complex algorithms and design patterns in JavaScript to excel in technical interviews. Enhance your coding skills and prepare effectively with JavaScript5h 11m
Updated 9mo agoBuild a Monthly Spending Tracker with HTML, JavaScript and CSS
By: Zero To MasteryEnhance your web development skills by building a personal budget management application.2h 26m
FreeUpdated 2y agoData Visualization + D3.js
By: SuperHiOur Data Visualization course focuses on the practical aspects of working with data. In our 6-week long course, we’ll cover the basics of storytelling and worki16h 48m5/5
Updated 1mo agoJavaScript Basics for Beginners
By: Mosh Hamedani (Code with Mosh)A 102-lesson beginner course covering JavaScript fundamentals: variables, arrays, functions, and DOM basics, with hands-on practice at each step.6h 39m5/5
Updated 3y agoCreating a simple portfolio website with WebGL and Barba.js
By: AwwwardsNothing beats smooth user experience. That is the reason we love WebGL, because we can do crazy effects with amazing performance. But if you combine that with s3h 41m
More courses by UI.dev (Tyler McGinnis)
Updated 1mo agoReact Router v4
Learn React Router v4's component-based routing model by building a full app, covering nested routes, auth flows, and server rendering.6h 44m
Updated 3y 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 3y 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 3y 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 1mo agoRedux
Learn Redux from the inside out by building your own implementation first, then applying it to real React and vanilla JS applications.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.