JavaScript Pro: Mastering Advanced Concepts and Techniques

Focused View

Colt Steele

19:00:15

24 View

1. Introduction

1. Course Welcome & Introduction.mp4

02:36

2. Curriculum Walkthrough.mp4

11:06

3.1 AdvancedJsCourseCode.zip

3. Getting The Course Code.mp4

01:30

4. My Developer Environment.mp4

02:29

2. Object Oriented JavaScript

1.1 01 OOP.zip

1. Working With Plain Old JavaScript Objects.mp4

05:46

2. Mixing Data & Functions With Objects.mp4

07:11

3. Class Basics.mp4

10:03

4. Constructors.mp4

06:22

5. Practice Time Bank Account.mp4

07:14

6. Instance Methods.mp4

03:35

7. Inheritance Basics.mp4

06:25

8. The Super Keyword.mp4

06:57

9. Static Properties.mp4

04:38

10. Static Methods.mp4

04:27

11. Use Cases For Static Methods.mp4

06:34

12. Ebook Exercise.html

13. ArrayUtils exercise.html

14. Getters and Setters exercise.html

15.1 Connect Four Exercise Instructions.html

15. Connect Four OO Exercise.html

3. OOP Newer Features in JavaScript

1.1 02 OOPNewFeatures.zip

1. Getters.mp4

06:20

2. Setters.mp4

09:17

3. Practice Time Getters and Setters.mp4

03:46

4. Public Fields.mp4

08:56

5. Private Fields.mp4

06:25

6. Private Methods.mp4

02:31

7. ES2022 Static Initialization Blocks.mp4

05:41

8. Section Quiz.html

4. The Mysterious Keyword This

1.1 03 This.zip

1. Introducing This.mp4

03:23

2. The Mystery of The Keyword This.mp4

02:52

3. Global Objects and This.mp4

03:36

4. The Left Of The Dot Rule.mp4

05:06

5. This and Classes.mp4

06:04

6. The Call Method.mp4

05:24

7. The Apply Method.mp4

06:27

8. The Bind Method.mp4

04:11

9. Binding Arguments.mp4

06:06

10. Bind With Event Listeners.mp4

04:55

11. Bind With Timers.mp4

07:09

12. Arrow Functions and This.mp4

04:20

13. This Takeaways.mp4

07:34

14. Buggy Code `this` Exercise.html

15. Buggy Code `this` Timers Exercise.html

5. OOP Under The Hood Prototypes, New, & More!

1.1 04 OOPUnderTheHood.zip

1. OOP Under The Hood Intro.mp4

03:24

2. The New Keyword.mp4

08:26

3. Prototypes Part 1.mp4

07:13

4. Prototypes Part 2.mp4

06:43

5. Prototypes Part 3.mp4

06:07

6. The Prototype Chain.mp4

06:56

7. Classes, Inheritance, & Prototypes.mp4

10:20

8. proto vs. prototype.mp4

02:34

9. Useful Prototype Methods.mp4

05:31

10. Section Quiz.html

6. Asynchronous Code

1.1 05 AsyncJS.zip

1. Callbacks Our Good Friend.mp4

06:24

2. Callback Hell & The Pyramid of Doom.mp4

09:10

3. The Basics of Promises.mp4

06:01

4. Using .then() and .catch().mp4

03:37

5. Promise Chaining To Flatten Code.mp4

06:58

6. Error Handling With Promises.mp4

04:14

7. AsyncAwait Basics.mp4

04:57

8. More on AsyncAwait.mp4

04:39

9. Error Handling With Async Functions.mp4

04:22

10. Async Patterns Parallel Async Operations.mp4

06:49

11. Async Patterns Sequential Async Operations.mp4

02:40

12. Async Patterns Promise.all().mp4

04:40

13. Async Patterns Promise.allSettled().mp4

04:49

14. Async Patterns Promise.race().mp4

02:33

15. Building Our Own Promise Objects.mp4

11:51

16. Promisifying Nodes fs.readFile().mp4

09:35

17.1 Exercise Instructions.html

17. Async Num Cards Exercise.html

18. Section Quiz.html

7. Latest JavaScript Features

1.1 06 LatestJS.zip

1. Optional Chaining.mp4

09:41

2. Nullish Coalescing.mp4

06:29

3. Numeric Separators.mp4

02:06

4. Array.prototype.at().mp4

01:46

5. String replaceAll().mp4

03:46

6. Logical OR Assignment =.mp4

04:06

7. Logical AND Assignment &&=.mp4

03:45

8. Nullish Coalescing Assignment =.mp4

05:36

9. Promise.any().mp4

06:21

10. New OOP Features Private Fields & Static Initialization Blocks.mp4

01:09

11. Section Quiz.html

8. The Tricky Parts of JavaScript

1.1 07 TrickyParts.zip

1. Working With Float Imprecision.mp4

05:32

2. BigInt() and Really Large Numbers.mp4

05:52

3. isNan() vs. Number.isNaN().mp4

04:21

4. Post and Pre Increment ++x vs. x++.mp4

05:44

5. Automatic Semicolon Insertion.mp4

03:57

6. JavaScript Generator Functions.mp4

07:43

7. When Are Generators Useful.mp4

05:00

8. The Incredibly Versatile Array.from() Method.mp4

06:36

9. parseAndCheck Exercise.html

10. Prefix and Postfix Exercise.html

11. rangeGenerator Exercise.html

12. Section Quiz.html

9. The Tricky Parts Scope & Closures

1.1 07 TrickyParts.zip

1. Recaping Var & Scope.mp4

04:30

2. Recaping Let, Const, & Scope.mp4

07:31

3. The Scope Chain.mp4

07:22

4. Static Scope.mp4

02:57

5. Hoisting.mp4

07:00

6. IIFEs.mp4

03:27

7. Closures The Basics.mp4

07:22

8. Closures Another Example.mp4

05:01

9. Closures Factory Functions.mp4

07:31

10. Closures Event Listeners.mp4

06:31

11. Closures Loops.mp4

05:12

12. Guessing Game Exercise.html

13. Bank Account Exercise.html

14. Special Add Exercise.html

15. Section Quiz.html

10. Timers Debouncing, Throttling, & RequestAnimationFrame

1.1 09 Timers.zip

1. setTimeout.mp4

05:43

2. setInterval.mp4

04:53

3. clearInterval.mp4

04:09

4. clearTimeout.mp4

05:28

5. Debouncing.mp4

08:29

6. Writing a Fancy Debounce Function.mp4

09:57

7. Throttling.mp4

07:55

8. Building a Fancy Throttle Function.mp4

07:26

9. requestAnimationFrame Basics.mp4

07:19

10. requestAnimationFrame With Timestamps.mp4

04:06

11. Scroll To Top Animation With RequestAnimationFrame.mp4

11:00

12. Section Quiz.html

11. Functional Programming

1.1 10 FunctionalProgramming.zip

1. Introducing Functional Programming.mp4

09:36

2. First Class Functions.mp4

05:27

3. Writing Pure Functions.mp4

05:46

4. Returning Functions.mp4

04:56

5. Immutability.mp4

06:11

6. Recursion.mp4

06:25

7. Partial Application With Bind.mp4

04:53

8. Writing a Partial Function.mp4

08:54

9. Composition Basics.mp4

05:12

10. A Simple Compose Function.mp4

03:30

11. Writing a Fancier Compose Function.mp4

07:01

12. Currying Basics.mp4

05:05

13. More Advanced Currying.mp4

09:14

14. Dice Game Intro.mp4

04:49

15. Dice Game Simple FP.mp4

08:40

16. Dice Game Going Overboard with FP.mp4

11:16

17. Functional Programming Wrapup.mp4

04:26

18. Flip Exercise.html

19.1 Exercise Instructions.html

19. FP Stylizer Exercise.html

20. Section Quiz.html

12. Fetch API

1.1 11 Fetch.zip

1. The Basics of Fetch.mp4

06:11

2. Error Handling With Fetch.mp4

08:15

3. Sending Request Headers With Fetch.mp4

08:08

4. POST Requests With Fetch.mp4

05:23

5. Uploading Files With Fetch.mp4

05:43

6.1 Exercise Instructions.html

6. JSON Placeholder Exercise.html

7. Section Quiz.html

13. Web Storage APIs

1.1 12 WebStorage.zip

1. LocalStorage Basics.mp4

05:37

2. LocalStorage With Complex Objects.mp4

05:38

3. What Should & Should Not Go In LocalStorage.mp4

03:53

4. Creating a Darkmode Toggle With LocalStorage.mp4

10:06

5. Localstorage Notes App Demo.mp4

15:54

6. Syncing Tabs With The Storage Event.mp4

06:10

7. SessionStorage Basics.mp4

07:29

8. Session Storage Form Demo.mp4

13:43

9. IndexedDB Enter At Your Own Risk!.mp4

15:18

10. Section Quiz.html

14. Browser APIs Geolocation, Intersection Observers, and More!

1.1 13 GeolocationIntersectionObserversAndMore.zip

1. Using the Geolocation API.mp4

12:23

2. The getUserMedia API.mp4

13:06

3. Intersection Observers Basics.mp4

08:30

4. Intersection Observers Thresholds.mp4

06:18

5. Intersection Observers Tracking Ad View Time.mp4

06:22

6. Intersection Observers Multiple Entries.mp4

04:11

7. Intersection Observers Lazy Loading Images.mp4

07:44

15. Performance API & Web Audio

1.1 14 WebAudioPerformanceAPI.zip

1. Performance API Basics.mp4

09:57

2. Measuring Resource Load Times With Performance API.mp4

06:13

3. The Web Audio API Basics.mp4

05:44

4. Web Audio Theremin Slider Demo.mp4

07:15

5. Web Audio API Use Cases.mp4

03:49

16. Canvas API

1.1 15 CanvasAPI.zip

1. Intro To The Canvas API.mp4

05:22

2. Canvas Basics.mp4

05:26

3. Canvas Strokes and Lines.mp4

07:22

4. Canvas Arcs and Paths.mp4

05:24

5. Other Canvas Features.mp4

02:52

6. Building A Bouncing Balls Toy Pt 1.mp4

10:34

7. Building A Bouncing Balls Demo Pt 2.mp4

07:20

8. Building A Bouncing Balls Demo Pt 3.mp4

07:10

17. Web Sockets API

1.1 16 WebSockets.zip

1. Introducing Web Sockets.mp4

08:08

2. Basics Of The Web Sockets API.mp4

11:04

3. Web Socket Events.mp4

04:32

4. Building A Chat App With Web Sockets Pt 1.mp4

14:21

5. Building A Chat App With Web Sockets Pt 2.mp4

11:37

6. Building A Chat App With Web Sockets Pt 3.mp4

06:41

18. Notifications API

1.1 17 NotificationsAPI.zip

1. Sending Notifications.mp4

05:53

2. Notification Events.mp4

04:04

3. Notifications With Icons and Data.mp4

02:43

4. Adding Notifications To Our Chat App Pt. 1.mp4

10:33

5. Adding Notifications To Our Chat App Pt. 2.mp4

03:46

19. SOLID OOP Principles

1.1 18 SolidOOPPrinciples.zip

1. Single Responsibility Principle.mp4

07:11

2. OpenClosed Principle.mp4

07:42

3. Liskov Substitution Principle.mp4

05:30

4. Interface Segregation Principle.mp4

04:50

5. Dependency Inversion Principle.mp4

05:54

6. Law Of Demeter.mp4

08:39

7. Section Quiz.html

20. Design Patterns & Proxy Objects

1.1 19 DesignPatterns.zip

1. Module Pattern.mp4

08:49

2. Singleton Pattern.mp4

09:06

3. Observer Pattern.mp4

09:51

4. Registry Pattern.mp4

08:24

5. Mixin Pattern.mp4

06:17

6. Proxy Pattern With Proxy Objects.mp4

10:22

7. Proxying Function Calls.mp4

07:02

8. Implementing Data Binding With Proxy Objects.mp4

07:37

9. Section Quiz.html

Description

Level Up Your JS. Covers latest syntax, design patterns, functional programming, browser APIS, OOP, Canvas, and more!

What You'll Learn?

Explore Advanced JavaScript Patterns and Practices: proxy objects, observers, generators, and more
Apply Advanced Functional Programming Techniques: currying, composition, and more
Understand Scope, Closures, and Hoisting
Work with JavaScript APIs including Intersection Observers, Canvas, Web Sockets, and more
Master the trickiest parts of JavaScript
Learn the latest ES2021 & ES2022 features

Who is this for?

Anyone looking to level up their JavaScript skills to a professional level

What You Need to Know?

Basic JavaScript knowledge: familiarity with functions, loops, conditionals, etc.

More details

Description
Transform your basic JavaScript knowledge into expert-level skills with this brand-new comprehensive course designed for those ready to take the next big leap in their programming career. If you've ever found yourself intimidated by JavaScript's more complex features or struggled to grasp its intricate concepts, this course is tailor-made for you.Â If you've taken a few Udemy courses on JavaScript and don't know where to go next, this course is for you!
This course demystifies the 'scary' and tricky parts of JavaScript, guiding you through the intricate details and advanced aspects with ease. By the end of this journey, you'll not only understand these concepts but also skillfully apply them in real-world scenarios.
Key Topics Covered:
Object-Oriented Programming (OOP): SOLID design principles, prototypes, private class fields, etc.
JavaScript Design Patterns: Proxy objects, module pattern, singleton pattern, observer pattern, mixin pattern, registry pattern, and others.
Advanced JavaScript APIs: IndexedDB, Geolocation, Web Sockets, Notifications API, Canvas, getUserMedia, and more.
'this' Keyword Mastery: Deep dive into 'this', call, apply, and bind methods.
Asynchronous Programming: Master promises, async/await, asynchronous design patterns, and write your own promise objects
Modern JavaScript Features: Optional chaining, nullish coalescing, logical assignment operators, and other ES2021 & ES2022 features
Tricky Parts of JavaScript: Tackle closures, float imprecision, BigInt, automatic semicolon insertion and a bunch more.
Functional Programming Techniques: Recursion, currying, composition, partial application, and more.
Whether you're a self-taught programmer, a computer science student, or a professional developer looking to sharpen your JavaScript skills, this course will elevate your coding abilities, preparing you to handle advanced web development challenges with confidence and expertise.
Who this course is for:
Anyone looking to level up their JavaScript skills to a professional level

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Colt Steele

Instructor's Courses

Hi! I'm Colt. I'm a developer with a serious love for teaching. I've spent the last few years teaching people to program at 2 different immersive bootcamps where I've helped hundreds of people become web developers and change their lives. My graduates work at companies like Google, Salesforce, and Square.Most recently, I led Galvanize's SF's 6 month immersive program as Lead Instructor and Curriculum Director. After graduating from my class, 94% of my students went on to receive full-time developer roles. I also worked at Udacity as a Senior Course Developer on the web development team where I got to reach thousands of students daily. I’ve since focused my time on bringing my classroom teaching experience to an online environment. In 2016 I launched my Web Developer Bootcamp course, which has since gone on to become one of the best selling and top rated courses on Udemy. I was also voted Udemy’s Best New Instructor of 2016. I've spent years figuring out the "formula" to teaching technical skills in a classroom environment, and I'm really excited to finally share my expertise with you. I can confidently say that my online courses are without a doubt the most comprehensive ones on the market. Join me on this crazy adventure!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.