Tech Skills

Frontend Engineering

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

11,143
lessons
Skills in this topic
View full skill map →
HTML & CSS
beginner
Build a responsive layout with CSS Grid and Flexbox
JavaScript Fundamentals
beginner
Write async code with Promises and async/await
React
intermediate
Build a data-fetching app with useEffect and useState
Frontend Performance
intermediate
Achieve a 90+ Lighthouse score
Modern Frontend Stack
advanced
Build a Next.js app with SSR and ISR
Videos 7,787 Reads 3,356
Level: All Beginner Intermediate Advanced
Any Length Short (<5m) Medium (5-20m) Long (>20m)
Newest Popular Oldest
Build a UGC Live Streaming App with Amazon IVS: Generating Stage Participant Tokens (Lesson 4.2)
Frontend Engineering ⚡ AI Lesson
Build a UGC Live Streaming App with Amazon IVS: Generating Stage Participant Tokens (Lesson 4.2)
AWS Developers Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Adding Real-Time Stream Playback (Lesson 5.3)
Frontend Engineering
Build a UGC Live Streaming App with Amazon IVS: Adding Real-Time Stream Playback (Lesson 5.3)
AWS Developers Beginner 2y ago
What Is React | ReactJS Tutorial for Beginners | ReactJS Training | Edureka Rewind
Frontend Engineering
What Is React | ReactJS Tutorial for Beginners | ReactJS Training | Edureka Rewind
edureka! Beginner 2y ago
React Router Tutorial | React DOM Tutorial | ReactJS Redux Training | Edureka Rewind
Frontend Engineering
React Router Tutorial | React DOM Tutorial | ReactJS Redux Training | Edureka Rewind
edureka! Beginner 2y ago
declutter these 3 things to start your year right! 🤩 #newyear #declutter
Frontend Engineering
declutter these 3 things to start your year right! 🤩 #newyear #declutter
by Sam Taylor Beginner 2y ago
The best VS Code shortcuts to speed up your coding
Frontend Engineering
The best VS Code shortcuts to speed up your coding
Coder Coder Beginner 2y ago
What is VERSION CONTROL and GIT? Web Development Explained | GeeksforGeeks
Frontend Engineering
What is VERSION CONTROL and GIT? Web Development Explained | GeeksforGeeks
GeeksforGeeks Beginner 2y ago
scroll-driven animations #CSSWrapped2023
Frontend Engineering ⚡ AI Lesson
scroll-driven animations #CSSWrapped2023
Chrome for Developers Beginner 2y ago
Introducing CSS Wrapped
Frontend Engineering
Introducing CSS Wrapped
Chrome for Developers Beginner 2y ago
Beginner JavaScript Project – Snake Game Tutorial
Frontend Engineering ⚡ AI Lesson
Beginner JavaScript Project – Snake Game Tutorial
freeCodeCamp.org Beginner 2y ago
Creating an ANALOG CLOCK with HTML, CSS & JavaScript | Frontend Development Projects | GeeksforGeeks
Frontend Engineering
Creating an ANALOG CLOCK with HTML, CSS & JavaScript | Frontend Development Projects | GeeksforGeeks
GeeksforGeeks Beginner 2y ago
Top 5 best YouTube channel to Learn React JS
Frontend Engineering
Top 5 best YouTube channel to Learn React JS
Shree Learning Beginner 2y ago
Two important dev skills that don’t get enough attention
Frontend Engineering
Two important dev skills that don’t get enough attention
General Musings with Kevin Powell Beginner 2y ago
We Redesigned Hacksmith! (StudioXperience Ep. 1)
Frontend Engineering
We Redesigned Hacksmith! (StudioXperience Ep. 1)
Flux Academy Beginner 2y ago
Christmas Lights in Oxford Street | Oxford Street | London | England | London at Christmas
Frontend Engineering
Christmas Lights in Oxford Street | Oxford Street | London | England | London at Christmas
ConnollyCove Beginner 2y ago
8 Best Free Plugins, Presets and Effects for After Effects | Free Motion Design Tools
Frontend Engineering
8 Best Free Plugins, Presets and Effects for After Effects | Free Motion Design Tools
RobynO Beginner 2y ago
Build and Deploy a Full Stack E-Commerce App with an Admin Dashboard & CMS in 2024 | Next. Stripe
Frontend Engineering
Build and Deploy a Full Stack E-Commerce App with an Admin Dashboard & CMS in 2024 | Next. Stripe
JavaScript Mastery Beginner 2y ago
The real code behind a @Hyperplexed video
Frontend Engineering ⚡ AI Lesson
The real code behind a @Hyperplexed video
Kevin Powell Beginner 2y ago
No JavaScript, No Hacks Hamburger Menu Interaction
Frontend Engineering ⚡ AI Lesson
No JavaScript, No Hacks Hamburger Menu Interaction
DesignCourse Beginner 2y ago
Tab filtering animation with view transitions / HTML, CSS & JS
Frontend Engineering
Tab filtering animation with view transitions / HTML, CSS & JS
Kevin Powell Beginner 2y ago
TypeScript Crash Course #12 - Type Guards
Frontend Engineering
TypeScript Crash Course #12 - Type Guards
Net Ninja Beginner 2y ago
10 JavaScript changes you missed in 2023
Frontend Engineering
10 JavaScript changes you missed in 2023
Fireship Beginner 2y ago
Screenshot to Code Generation: 10x Faster Frontend/UI Development
Frontend Engineering ⚡ AI Lesson
Screenshot to Code Generation: 10x Faster Frontend/UI Development
AI Anytime Beginner 2y ago
TypeScript Crash Course #11 - Union Types
Frontend Engineering
TypeScript Crash Course #11 - Union Types
Net Ninja Beginner 2y ago
Build Modern Next.js Server Side App with Server Actions, Infinite Scroll & Framer Motion Animations
Frontend Engineering
Build Modern Next.js Server Side App with Server Actions, Infinite Scroll & Framer Motion Animations
JavaScript Mastery Beginner 2y ago
WTF Do These Even Mean
Frontend Engineering
WTF Do These Even Mean
Web Dev Simplified Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Displaying Recent Broadcasts (Lesson 6.1)
Frontend Engineering
Build a UGC Live Streaming App with Amazon IVS: Displaying Recent Broadcasts (Lesson 6.1)
AWS Developers Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Video On Demand (VOD) Playback (Lesson 6.2)
Frontend Engineering
Build a UGC Live Streaming App with Amazon IVS: Video On Demand (VOD) Playback (Lesson 6.2)
AWS Developers Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Capturing Playback Metrics (Lesson 7.1)
Frontend Engineering ⚡ AI Lesson
Build a UGC Live Streaming App with Amazon IVS: Capturing Playback Metrics (Lesson 7.1)
AWS Developers Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Following a Channel (Lesson 8.4)
Frontend Engineering ⚡ AI Lesson
Build a UGC Live Streaming App with Amazon IVS: Following a Channel (Lesson 8.4)
AWS Developers Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Adding Chat Replay During VOD Playback (Lesson 8.5)
Frontend Engineering
Build a UGC Live Streaming App with Amazon IVS: Adding Chat Replay During VOD Playback (Lesson 8.5)
AWS Developers Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Intro to Real-Time with Amazon IVS (Lesson 4.1)
Frontend Engineering
Build a UGC Live Streaming App with Amazon IVS: Intro to Real-Time with Amazon IVS (Lesson 4.1)
AWS Developers Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Broadcast Real-Time with Multi-Hosts (Lesson 4.3)
Frontend Engineering
Build a UGC Live Streaming App with Amazon IVS: Broadcast Real-Time with Multi-Hosts (Lesson 4.3)
AWS Developers Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Creating a Channel Page for a User (Lesson 5.1)
Frontend Engineering ⚡ AI Lesson
Build a UGC Live Streaming App with Amazon IVS: Creating a Channel Page for a User (Lesson 5.1)
AWS Developers Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Inviting Chat Users to Join a Stream (Lesson 8.2)
Frontend Engineering
Build a UGC Live Streaming App with Amazon IVS: Inviting Chat Users to Join a Stream (Lesson 8.2)
AWS Developers Beginner 2y ago
Build a UGC Live Streaming App with Amazon IVS: Displaying Viewer Counts on a Channel (Lesson 8.3)
Frontend Engineering
Build a UGC Live Streaming App with Amazon IVS: Displaying Viewer Counts on a Channel (Lesson 8.3)
AWS Developers Beginner 2y ago
Top 50 HTML Interview Questions and Answers | HTML Interview Preparation | Edureka Rewind
Frontend Engineering
Top 50 HTML Interview Questions and Answers | HTML Interview Preparation | Edureka Rewind
edureka! Beginner 2y ago
What’s new in DevTools: Chrome 119-120
Frontend Engineering
What’s new in DevTools: Chrome 119-120
Chrome for Developers Beginner 2y ago
Debugging bfcache, make your page load instantly #DevToolsTips
Frontend Engineering
Debugging bfcache, make your page load instantly #DevToolsTips
Chrome for Developers Beginner 2y ago
What is JavaScript? | JavaScript Tutorial for Beginners | JavaScript Training | Edureka Rewind
Frontend Engineering
What is JavaScript? | JavaScript Tutorial for Beginners | JavaScript Training | Edureka Rewind
edureka! Beginner 2y ago
TypeScript Crash Course #10 - Type Aliases
Frontend Engineering
TypeScript Crash Course #10 - Type Aliases
Net Ninja Beginner 2y ago
TypeScript Crash Course #9 - Interfaces
Frontend Engineering
TypeScript Crash Course #9 - Interfaces
Net Ninja Beginner 2y ago
This flowchart will help you pick the right CSS unit
Frontend Engineering
This flowchart will help you pick the right CSS unit
Kevin Powell Beginner 2y ago
TypeScript Crash Course #8 - Tuples
Frontend Engineering
TypeScript Crash Course #8 - Tuples
Net Ninja Beginner 2y ago
TypeScript Crash Course #7 - Any Type
Frontend Engineering
TypeScript Crash Course #7 - Any Type
Net Ninja Beginner 2y ago
Full Stack Web Developer Course - 10 Hours | Full Stack Web Development Full Course | Edureka
Frontend Engineering
Full Stack Web Developer Course - 10 Hours | Full Stack Web Development Full Course | Edureka
edureka! Beginner 2y ago
TypeScript Crash Course #6 - Functions
Frontend Engineering ⚡ AI Lesson
TypeScript Crash Course #6 - Functions
Net Ninja Beginner 2y ago
TypeScript Crash Course #5 - Arrays & Object Literals
Frontend Engineering
TypeScript Crash Course #5 - Arrays & Object Literals
Net Ninja Beginner 2y ago
📚 Continue on Coursera External links · Free to audit
1 / 3 View all →
Computational Thinking with JavaScript 3:Organise & Interact
📚 External: Coursera ↗
Self-paced
Computational Thinking with JavaScript 3:Organise & Interact
Opens on Coursera ↗
Developing with GitHub Copilot and VS Code
📚 External: Coursera ↗
Self-paced
Developing with GitHub Copilot and VS Code
Opens on Coursera ↗
Advanced Projects and API Integration with jQuery
📚 External: Coursera ↗
Self-paced
Advanced Projects and API Integration with jQuery
Opens on Coursera ↗
CSS: Web Page Layout - Usability and Accessibility
📚 External: Coursera ↗
Self-paced
CSS: Web Page Layout - Usability and Accessibility
Opens on Coursera ↗
Guided Website Development Project
📚 External: Coursera ↗
Self-paced
Guided Website Development Project
Opens on Coursera ↗
Coding User Interfaces with AI
📚 External: Coursera ↗
Self-paced
Coding User Interfaces with AI
Opens on Coursera ↗