Frontend Engineering Foundations
The browser, honestly explained.
A foundational engineering course covering the platform itself: the document, the cascade, the event loop, rendering and the network. Framework-agnostic, and deliberately concerned with what happens underneath the abstraction.
4.9h
Study time
13
Lessons
4
Modules
4.7
Rating
611 reviews
Enrolment
Enrol to open Frontend Engineering Foundations in the learning workspace, track progress and take the assessments.
Demo enrolment — no payment or real enrolment occurs. Sign in to see the full workspace.
Subjects covered
5 topics
Knowledge map
What you will be able to do
- Explain what the browser does between a request and a painted pixel
- Write CSS that behaves predictably at scale
- Reason about asynchronous work and the event loop
- Diagnose a slow page with real measurements
Curriculum
4 modules · 13 lessons
- 01Parsing, the DOM and the Render TreeMaking rendering explicit enough that somebody else could repeat it.22m
- 02Semantics Have BehaviourWhere cascade usually goes wrong, and how to notice it early.20m
- 03Forms Do More Than You ThinkThe judgement calls behind event loop, and what each of them costs.24m
- 01Specificity, Inheritance and the CascadeWhere network usually goes wrong, and how to notice it early.24m
- 02Layout Is Two Algorithms in a CoatHow performance works in practice, once the deadline is real.26m
- 03Containment, Stacking and OverflowA close look at rendering and the failures it is meant to prevent.22m
- 04Writing CSS That ScalesHow cascade works in practice, once the deadline is real.20m
- 01The Event Loop, SlowlyThe judgement calls behind event loop, and what each of them costs.26m
- 02Microtasks, Tasks and RenderingThe working method for network, reduced to what actually matters.22m
- 03Sixteen MillisecondsThe judgement calls behind performance, and what each of them costs.20m
- 01Measuring Before OptimisingA close look at rendering and the failures it is meant to prevent.22m
- 02The Network WaterfallThe judgement calls behind cascade, and what each of them costs.20m
- 03Bundle Size and What It CostsWhere event loop usually goes wrong, and how to notice it early.24m
Assessment
Reading, exercises and written submissions. Quizzes check comprehension rather than recall.
Quizzes
No quizzes in this course — assessment is by written submission and exercise.
Assignments
No assessed assignments — each lesson closes with an unassessed exercise.
What students say
- 5 out of 5Lucas Moreau — Consultant
Well paced. Nothing padded, and the instructor answers discussion threads properly rather than pointing you back at the material.
- 5 out of 5Hassan Karimi — Editor
The examples are drawn from ordinary situations rather than glamorous ones, which made them far easier to apply on Monday morning.
- 5 out of 5Grace Lindqvist — Design lead
Not a beginner course despite the label, and better for it. Expect to reread the middle module.
Fictional reviews — demonstration content only
Related courses
- 014.9out of 5 from 298 reviews
Architecture Under Pressure
Designing systems for the day they fail.
Advanced6.9 h18 lessonsTomas Ekelund — Principal Engineer in Residence
- 024.8out of 5 from 203 reviews
Data Modelling in Practice
A schema is a set of promises.
Intermediate4.7 h13 lessonsAmara Diallo — Lecturer in Data Practice
- 034.7out of 5 from 528 reviews
Interface Craft
The small decisions that make software feel considered.
Beginner3.7 h12 lessonsRafael Otero — Senior Lecturer in Product Design