✕ Clear filters
105 lessons

🌐 Frontend Engineering

HTML, CSS, JavaScript, React, Next.js, performance and modern web development

All ▶ YouTube 279,048📚 External: Coursera 18,765🏛 Archive.org 625 | 📰 Articles →

Looking for written articles and micro-lessons? Switch to Reads.

New React Native with Firestore Course
Frontend Engineering
New React Native with Firestore Course
Net Ninja Intermediate 1y ago
CSS Tip - Using the 'only-of-type' pseudo class #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip - Using the 'only-of-type' pseudo class #shorts
Net Ninja Intermediate 2y ago
Christmas Pudding Pixel Art
Frontend Engineering ⚡ AI Lesson
Christmas Pudding Pixel Art
Net Ninja Intermediate 2y ago
CSS Tip - Using the 'has' Pseudo Class #shorts
Frontend Engineering
CSS Tip - Using the 'has' Pseudo Class #shorts
Net Ninja Intermediate 2y ago
CSS Tip - Using the Optional Pseudo Class #shorts
Frontend Engineering
CSS Tip - Using the Optional Pseudo Class #shorts
Net Ninja Intermediate 2y ago
New TypeScript Masterclass Course
Frontend Engineering
New TypeScript Masterclass Course
Net Ninja Intermediate 2y ago
Style Queries - a CSS game changer! #shorts
Frontend Engineering ⚡ AI Lesson
Style Queries - a CSS game changer! #shorts
Net Ninja Intermediate 2y ago
Make titles look better with 1 line of CSS #shorts
Frontend Engineering
Make titles look better with 1 line of CSS #shorts
Net Ninja Intermediate 2y ago
Finally, CSS Nesting Without SASS #shorts
Frontend Engineering
Finally, CSS Nesting Without SASS #shorts
Net Ninja Intermediate 2y ago
New Next.js 13 Master Class Course
Frontend Engineering
New Next.js 13 Master Class Course
Net Ninja Intermediate 2y ago
SSG vs SSR #shorts
Frontend Engineering
SSG vs SSR #shorts
Net Ninja Intermediate 3y ago
CSS Tip - Using Inset #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip - Using Inset #shorts
Net Ninja Intermediate 3y ago
CSS Tip - Cascade Layers #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip - Cascade Layers #shorts
Net Ninja Intermediate 3y ago
CSS Tip - Using Drop-Shadow #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip - Using Drop-Shadow #shorts
Net Ninja Intermediate 3y ago
React useEffect in 60 seconds #shorts
Frontend Engineering
React useEffect in 60 seconds #shorts
Net Ninja Intermediate 3y ago
CSS Tip - Image Hover Zoom #shorts
Frontend Engineering
CSS Tip - Image Hover Zoom #shorts
Net Ninja Intermediate 3y ago
CSS Tip - 3D Text Effect #shorts
Frontend Engineering
CSS Tip - 3D Text Effect #shorts
Net Ninja Intermediate 3y ago
Build a Budgeting App with React Router #1 - Intro & Setup
Frontend Engineering ⚡ AI Lesson
Build a Budgeting App with React Router #1 - Intro & Setup
Net Ninja Intermediate 3y ago
CSS Tip - Highlight Hover Effect #shorts
Frontend Engineering
CSS Tip - Highlight Hover Effect #shorts
Net Ninja Intermediate 3y ago
CSS Tip #25 - CSS-Only Modal #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip #25 - CSS-Only Modal #shorts
Net Ninja Intermediate 3y ago
CSS Tip 24 - Triangle Shapes #shorts
Frontend Engineering
CSS Tip 24 - Triangle Shapes #shorts
Net Ninja Intermediate 3y ago
CSS Tip #23 - Chunky Buttons #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip #23 - Chunky Buttons #shorts
Net Ninja Intermediate 3y ago
VS Code Extension Spotlight #11 - CSS Peek #shorts
Frontend Engineering
VS Code Extension Spotlight #11 - CSS Peek #shorts
Net Ninja Intermediate 3y ago
Vue Tip #1 - v-if vs v-show #shorts
Frontend Engineering
Vue Tip #1 - v-if vs v-show #shorts
Net Ninja Intermediate 3y ago
React Tip #3 - Reusable Components
Frontend Engineering
React Tip #3 - Reusable Components
Net Ninja Intermediate 3y ago
Christmas Card Open & Close Animation
Frontend Engineering ⚡ AI Lesson
Christmas Card Open & Close Animation
Net Ninja Intermediate 3y ago
CSS Tip #22 - Bouncing Ball Loader #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip #22 - Bouncing Ball Loader #shorts
Net Ninja Intermediate 3y ago
CSS Tip #21 - Bracket Pair Colours #shorts
Frontend Engineering
CSS Tip #21 - Bracket Pair Colours #shorts
Net Ninja Intermediate 3y ago
CSS Tip #20 - where( ) pseudo class #shorts
Frontend Engineering
CSS Tip #20 - where( ) pseudo class #shorts
Net Ninja Intermediate 3y ago
CSS Tip #19 - Shimmer Effect #shorts
Frontend Engineering
CSS Tip #19 - Shimmer Effect #shorts
Net Ninja Intermediate 3y ago
CSS Tip #18 - Center Align Items with Flexbox #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip #18 - Center Align Items with Flexbox #shorts
Net Ninja Intermediate 3y ago
CSS Tip #17 - Add Icons to Buttons with Pseudo Selectors #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip #17 - Add Icons to Buttons with Pseudo Selectors #shorts
Net Ninja Intermediate 3y ago
React Tip #2 - Don't Use Index As A Key #shorts
Frontend Engineering
React Tip #2 - Don't Use Index As A Key #shorts
Net Ninja Intermediate 3y ago
CSS Tip #16 - is( ) pseudo selector
Frontend Engineering
CSS Tip #16 - is( ) pseudo selector
Net Ninja Intermediate 3y ago
CSS Tip #15 - Neon Text Effect #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip #15 - Neon Text Effect #shorts
Net Ninja Intermediate 3y ago
CSS Tip #14 - Drop Shadow On Text & Images #shorts
Frontend Engineering
CSS Tip #14 - Drop Shadow On Text & Images #shorts
Net Ninja Intermediate 3y ago
CSS Tip #13 - Accent Color Property
Frontend Engineering
CSS Tip #13 - Accent Color Property
Net Ninja Intermediate 3y ago
CSS Tip #12 - Typewriter Effect #shorts
Frontend Engineering
CSS Tip #12 - Typewriter Effect #shorts
Net Ninja Intermediate 3y ago
CSS Tip #11 - Blend Modes #shorts
Frontend Engineering
CSS Tip #11 - Blend Modes #shorts
Net Ninja Intermediate 3y ago
CSS Tip #10 - Image Masking #shorts
Frontend Engineering
CSS Tip #10 - Image Masking #shorts
Net Ninja Intermediate 3y ago
React Tips - Part 1 #shorts
Frontend Engineering ⚡ AI Lesson
React Tips - Part 1 #shorts
Net Ninja Intermediate 3y ago
CSS Tip #9 - Border-Block #shorts
Frontend Engineering
CSS Tip #9 - Border-Block #shorts
Net Ninja Intermediate 3y ago
CSS Tip #8 - Scroll Snap #shorts
Frontend Engineering
CSS Tip #8 - Scroll Snap #shorts
Net Ninja Intermediate 3y ago
CSS Tip #7 - CSS Tooltip #shorts
Frontend Engineering ⚡ AI Lesson
CSS Tip #7 - CSS Tooltip #shorts
Net Ninja Intermediate 3y ago
CSS Tip #6 - Shape-Outside Property #shorts
Frontend Engineering
CSS Tip #6 - Shape-Outside Property #shorts
Net Ninja Intermediate 3y ago
Weather App Build (Vue 3 & Tailwind) #15 - Deploying to Netlify
Frontend Engineering ⚡ AI Lesson
Weather App Build (Vue 3 & Tailwind) #15 - Deploying to Netlify
Net Ninja Intermediate 3y ago
CSS Tips Part 5 - Comma Separated Lists #shorts
Frontend Engineering
CSS Tips Part 5 - Comma Separated Lists #shorts
Net Ninja Intermediate 3y ago
Weather App Build (Vue 3 & Tailwind) #4 - Reusable Modal
Frontend Engineering
Weather App Build (Vue 3 & Tailwind) #4 - Reusable Modal
Net Ninja Intermediate 3y ago
📚 Continue on Coursera External links · Free to audit
1 / 3 View all →
Animation with JavaScript and jQuery
📚 External: Coursera ↗
Self-paced
Animation with JavaScript and jQuery
Opens on Coursera ↗
Functional JavaScript with Ramda – 2026 Guide
📚 External: Coursera ↗
Self-paced
Functional JavaScript with Ramda – 2026 Guide
Opens on Coursera ↗
Learn Imba
📚 External: Coursera ↗
Self-paced
Learn Imba
Opens on Coursera ↗
JavaScript Basics for Beginners
📚 External: Coursera ↗
Self-paced
JavaScript Basics for Beginners
Opens on Coursera ↗
Clinical Approaches to Assessing & Managing Hypermobility
📚 External: Coursera ↗
Self-paced
Clinical Approaches to Assessing & Managing Hypermobility
Opens on Coursera ↗
Building Interactive 3D Characters and Social VR
📚 External: Coursera ↗
Self-paced
Building Interactive 3D Characters and Social VR
Opens on Coursera ↗