Courses

My YouTube series, rebuilt as interactive courses. Watch each episode, then go beyond the video — live demos you can poke at, worked examples, and quizzes to check yourself.

The knowledge map
Every lesson across both courses. Nodes light up as you complete them — click any node to jump in.
Frontend Performance · 0/20Frontend System Design · 0/170 / 37 unlocked
0/2Foundations — FromURL to Pixels0/4Core Web Vitals0/4Monitoring0/5Loading Less,Sooner0/4Shipping LessJavaScript0/1Rendering at Scale0/3Foundations0/5The RADIOFramework0/2Component APIDesign0/1Pagination & DataLoading0/3Icon Rendering0/1StateNormalization0/2Real-time Updates
20 lessonsبالعربي

Frontend Performance

The full Frontend Performance series — rebuilt as an interactive course. Watch each episode, then feel the problem and the fix in live demos: jank you can stop, a main thread you can unblock, and a 100,000-row list that scrolls like butter. From the critical rendering path to Core Web Vitals, monitoring, and shipping less JavaScript.

Videos in Arabic · Lessons & demos in English20 interactive lessons ready
17 lessonsبالعربي

Frontend System Design

The full Frontend System Design series — rebuilt as an interactive course. Watch each episode, then go deeper with live demos, worked examples, and quizzes you can actually play with. Built around the RADIO framework and the real patterns you'll reach for on the job and in interviews.

Videos in Arabic · Lessons & demos in English17 interactive lessons ready