Skip to main content

Understanding Modern JavaScript Frameworks

2h 25m 13s
English
Paid

In the world of modern JavaScript frameworks, it's easy to experience fatigue: new tools are constantly emerging, and the question "which framework to learn?" seems less productive. This course offers a different, more fundamental approach. Instead of memorizing syntax and following trends, you will understand how frameworks are structured internally and what problems they actually solve.

Course Overview

Drawing on more than 20 years of development and teaching practice, the course takes you under the hood of popular frameworks such as React, Vue, Angular, Svelte, Solid, Qwik, and others. We focus not on marketing promises and superficial documentation, but on the real source code, examining how frameworks manage the DOM, track state changes, implement reactivity, server-side rendering, and architectural compromises like virtual DOM and fine-grained reactivity.

Learning Outcomes

For Beginner Developers

The course builds resilient mental models. For beginner developers, it helps transition from blindly following tutorials to a conscious understanding of what's happening, speeding up debugging and simplifying work with documentation.

For Experienced Engineers

For experienced engineers, team leads, and architects, the course provides a foundation for balanced technical decisions—without the hype, but with a clear understanding of trade-offs.

Learning Methodology

The training is structured around the practice of reading and analyzing code through the author's Stack Dive Challenges format: you study the implementation of one concept in one framework and independently find similar mechanisms in others. This approach reflects the real work of senior developers—not memorizing tools, but understanding systems.

Course Development

The course follows an early access model, with new modules regularly deepening your understanding of the architecture of modern frameworks. As a result, you perceive them not as a set of disparate technologies, but as different answers to the same fundamental problems. It is precisely at this point that "framework fatigue" ends—when it becomes clear why everything works the way it does.

About the Author: Anthony Alicea

Anthony Alicea thumbnail
Anthony Alicea is a highly experienced software developer, architect, and UX designer. He has been programming since the age of 12 and began developing websites and web applications at 16. Anthony holds a Computer Science degree from Case Western Reserve University and is a Microsoft certified software application developer. His expertise spans multiple technologies, including HTML5, CSS3, JavaScript, AngularJS, NodeJS, and more. He is known for his deep understanding of these topics and his ability to teach them effectively. On Udemy, Anthony Alicea has several popular courses, including "JavaScript: Understanding the Weird Parts" and "Learn and Understand NodeJS," which have enrolled hundreds of thousands of students. His teaching philosophy focuses on ensuring students deeply understand the concepts rather than just following along with examples.

Watch Online 35 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 35 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (35)
#Lesson TitleDurationAccess
1
Introduction Demo
02:16
2
Setup
01:40
3
Creating a User Interface on the Web
01:03
4
HTML, Trees, and the DOM
04:15
5
DOM Manipulation
08:07
6
Events
13:27
7
HTTP and the Server/Client Boundary
00:41
8
HTTP and Text
05:37
9
Crossing the Server/Client Boundary
02:12
10
Stack Dive Challenge: HTTP
01:50
11
Components, Trees, and State
00:19
12
Subtrees
02:21
13
Stateful vs Stateless
03:55
14
Components and Composibility
04:08
15
State and State Management
05:32
16
Templating, Interpolation, and Logic
05:56
17
Stack Dive Challenge: State
02:58
18
Transpilers, Compilers, and Bundling
00:18
19
Conceptual Aside: Static Analysis
03:05
20
Transpilation and JSX
07:20
21
Compilation
07:04
22
Optimization
05:24
23
Conceptual Aside: Source Maps
11:50
24
Modules and Bundling
05:47
25
Tree-Shaking
04:18
26
Stack Dive Challenge: Bundled Code
01:47
27
Stack Dive Challenge: Compilers
01:46
28
Rendering, Reactivity, and the Virtual DOM
02:02
29
Conceptual Aside Trees, Arrays, and Linked Lists
02:16
30
DOM Update Costs
06:52
31
Reconciliation and Tree-Synchronization
04:16
32
State
07:26
33
Overhead
03:23
34
Compiler-Informed
02:54
35
Stack Dive Challenge Virtual DOM
01:08
Unlock unlimited learning

Get instant access to all 34 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription