Tech Skills

Frontend Engineering

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

11,187
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,788 Reads 3,399
Level: All Beginner Intermediate Advanced
Any Length Short (<5m) Medium (5-20m) Long (>20m)
Newest Popular Oldest
Learn Zod In 30 Minutes
Frontend Engineering
Learn Zod In 30 Minutes
Web Dev Simplified Beginner 3y ago
0 to LSP : Neovim RC From Scratch
Frontend Engineering ⚡ AI Lesson
0 to LSP : Neovim RC From Scratch
ThePrimeagen Beginner 3y ago
image() - taking background-images to the next level
Frontend Engineering ⚡ AI Lesson
image() - taking background-images to the next level
Kevin Powell Beginner 3y ago
JavaScript Tutorial - Create a Card Game 🃏
Frontend Engineering ⚡ AI Lesson
JavaScript Tutorial - Create a Card Game 🃏
freeCodeCamp.org Beginner 3y ago
Amazing SVG Animations with No Code
Frontend Engineering
Amazing SVG Animations with No Code
DesignCourse Beginner 3y ago
Create a layered parallax effect with HTML & CSS
Frontend Engineering ⚡ AI Lesson
Create a layered parallax effect with HTML & CSS
Kevin Powell Beginner 3y ago
Next.js React Framework Course – Build and Deploy a Full Stack App From scratch
Frontend Engineering ⚡ AI Lesson
Next.js React Framework Course – Build and Deploy a Full Stack App From scratch
freeCodeCamp.org Beginner 3y ago
Learn Perfect and Relative Pitch - Part 2 - 7th Chords, Extensions and Modes
Frontend Engineering
Learn Perfect and Relative Pitch - Part 2 - 7th Chords, Extensions and Modes
Burned Guitarist Beginner 3y ago
Speed Up Your React Apps With Code Splitting
Frontend Engineering
Speed Up Your React Apps With Code Splitting
Web Dev Simplified Beginner 3y ago
Code a random recipe generator with JavaScript
Frontend Engineering
Code a random recipe generator with JavaScript
Scrimba Beginner 3y ago
Build and Deploy a Web3 Blockchain Crowdfunding Platform (Kickstarter)
Frontend Engineering
Build and Deploy a Web3 Blockchain Crowdfunding Platform (Kickstarter)
JavaScript Mastery Beginner 3y ago
How to Backtest Trading Algorithms and Portfolio Metrics with Python and QuantStats
Frontend Engineering
How to Backtest Trading Algorithms and Portfolio Metrics with Python and QuantStats
Matt Macarty Beginner 3y ago
Try this Multi-Path SVG Scroll Animation Technique
Frontend Engineering ⚡ AI Lesson
Try this Multi-Path SVG Scroll Animation Technique
DesignCourse Beginner 3y ago
Building a portfolio website with HTML & CSS | Part 1
Frontend Engineering
Building a portfolio website with HTML & CSS | Part 1
Coder Coder Beginner 3y ago
Simulate mobile devices with Device Mode #DevToolsTips
Frontend Engineering
Simulate mobile devices with Device Mode #DevToolsTips
Chrome for Developers Beginner 3y ago
How does cross validation performance change with increase in number of folds K?
Frontend Engineering ⚡ AI Lesson
How does cross validation performance change with increase in number of folds K?
CodeEmporium Beginner 3y ago
Ultimate IT Fundamentals Course - From Zero to Engineer [22 Hours Released]
Frontend Engineering ⚡ AI Lesson
Ultimate IT Fundamentals Course - From Zero to Engineer [22 Hours Released]
TechWorld with Nana Beginner 3y ago
Guido van Rossum: Python and the Future of Programming | Lex Fridman Podcast #341
Frontend Engineering
Guido van Rossum: Python and the Future of Programming | Lex Fridman Podcast #341
Lex Fridman Beginner 3y ago
Animated typewriter effect with JavaScript & CSS
Frontend Engineering
Animated typewriter effect with JavaScript & CSS
Scrimba Beginner 3y ago
Build and Deploy a Modern Next.js Website With Framer Motion & Tailwind CSS
Frontend Engineering ⚡ AI Lesson
Build and Deploy a Modern Next.js Website With Framer Motion & Tailwind CSS
JavaScript Mastery Beginner 3y ago
Full-Stack ML Apps (Javascript, React, Streamlit) with Gradio API
Frontend Engineering
Full-Stack ML Apps (Javascript, React, Streamlit) with Gradio API
1littlecoder Beginner 3y ago
Nuxt 3 Crash Course #14 - Deploying to Netlify
Frontend Engineering
Nuxt 3 Crash Course #14 - Deploying to Netlify
Net Ninja Beginner 3y ago
How to test a local website on your phone
Frontend Engineering
How to test a local website on your phone
Coder Coder Beginner 3y ago
Nuxt 3 Crash Course #13 - Dynamic Server Routes
Frontend Engineering ⚡ AI Lesson
Nuxt 3 Crash Course #13 - Dynamic Server Routes
Net Ninja Beginner 3y ago
Build Voting Token Mint Web 3.0 Blockchain App with Thirdweb | Solidity | Next.js | Tailwind
Frontend Engineering
Build Voting Token Mint Web 3.0 Blockchain App with Thirdweb | Solidity | Next.js | Tailwind
Sarah Benson Beginner 3y ago
How Alamy’s website migrated to React
Frontend Engineering
How Alamy’s website migrated to React
Google Search Central Beginner 3y ago
a solid start
Frontend Engineering
a solid start
Fireship Beginner 3y ago
These 20 Art Pieces Are Done PURELY In CSS
Frontend Engineering ⚡ AI Lesson
These 20 Art Pieces Are Done PURELY In CSS
Kevin Powell Beginner 3y ago
Learn PostCSS In 15 Minutes
Frontend Engineering
Learn PostCSS In 15 Minutes
Web Dev Simplified Beginner 3y ago
Why you shouldn't use a div for everything - creating accessible buttons and navigations
Frontend Engineering
Why you shouldn't use a div for everything - creating accessible buttons and navigations
Kevin Powell Beginner 3y ago
Stop Using Create React App
Frontend Engineering
Stop Using Create React App
Web Dev Simplified Beginner 3y ago
Taking on a Frontend Mentor challenge | Responsive Product Preview Card Component
Frontend Engineering ⚡ AI Lesson
Taking on a Frontend Mentor challenge | Responsive Product Preview Card Component
Kevin Powell Beginner 3y ago
How To Limit Lines Of Text With CSS Only
Frontend Engineering
How To Limit Lines Of Text With CSS Only
Web Dev Simplified Beginner 3y ago
Nuxt 3 Crash Course #12 - Server Routes
Frontend Engineering
Nuxt 3 Crash Course #12 - Server Routes
Net Ninja Beginner 3y ago
Nuxt 3 Crash Course #11 - Metadata & useHead
Frontend Engineering
Nuxt 3 Crash Course #11 - Metadata & useHead
Net Ninja Beginner 3y ago
Basic, Intermediate & Pro animated hamburger icons
Frontend Engineering
Basic, Intermediate & Pro animated hamburger icons
Kevin Powell Beginner 3y ago
React State Management – Intermediate JavaScript Course
Frontend Engineering ⚡ AI Lesson
React State Management – Intermediate JavaScript Course
freeCodeCamp.org Beginner 3y ago
Nuxt 3 Crash Course #10 - Error Pages
Frontend Engineering
Nuxt 3 Crash Course #10 - Error Pages
Net Ninja Beginner 3y ago
Code a JavaScript number guessing game
Frontend Engineering
Code a JavaScript number guessing game
Scrimba Beginner 3y ago
Build and Deploy 4 Modern React Apps and Get Hired as a Frontend Developer | Full 10-Hour Course
Frontend Engineering ⚡ AI Lesson
Build and Deploy 4 Modern React Apps and Get Hired as a Frontend Developer | Full 10-Hour Course
JavaScript Mastery Beginner 3y ago
Nuxt 3 Crash Course #9 - Reusable Components
Frontend Engineering
Nuxt 3 Crash Course #9 - Reusable Components
Net Ninja Beginner 3y ago
How to set a maximum number of lines of text with CSS
Frontend Engineering
How to set a maximum number of lines of text with CSS
Kevin Powell Beginner 3y ago
Learn TypeScript – Full Tutorial
Frontend Engineering ⚡ AI Lesson
Learn TypeScript – Full Tutorial
freeCodeCamp.org Beginner 3y ago
Awesome Mouse Spotlight Effect in JS & GreenSock
Frontend Engineering
Awesome Mouse Spotlight Effect in JS & GreenSock
DesignCourse Beginner 3y ago
Nuxt 3 Crash Course #8 - Fetching Data
Frontend Engineering ⚡ AI Lesson
Nuxt 3 Crash Course #8 - Fetching Data
Net Ninja Beginner 3y ago
Nuxt 3 Crash Course #7 - Adding Tailwind CSS
Frontend Engineering
Nuxt 3 Crash Course #7 - Adding Tailwind CSS
Net Ninja Beginner 3y ago
Why I use grid over flexbox for this common layout
Frontend Engineering ⚡ AI Lesson
Why I use grid over flexbox for this common layout
Kevin Powell Beginner 3y ago
SICK Dropdown Navigation with Micro-Interactions (PURE CSS)
Frontend Engineering ⚡ AI Lesson
SICK Dropdown Navigation with Micro-Interactions (PURE CSS)
DesignCourse Beginner 3y ago
📚 Continue on Coursera External links · Free to audit
1 / 3 View all →
Nursing in Action: Core Skills to Respond, Care & Protect
📚 External: Coursera ↗
Self-paced
Nursing in Action: Core Skills to Respond, Care & Protect
Opens on Coursera ↗
Guitar for Beginners
📚 External: Coursera ↗
Self-paced
Guitar for Beginners
Opens on Coursera ↗
Test-Driven Development for JavaScript: Unit 1
📚 External: Coursera ↗
Self-paced
Test-Driven Development for JavaScript: Unit 1
Opens on Coursera ↗
Learning How To Learn for Youth
📚 External: Coursera ↗
Self-paced
Learning How To Learn for Youth
Opens on Coursera ↗
Master HTML & CSS: Build and Style Landing Pages
📚 External: Coursera ↗
Self-paced
Master HTML & CSS: Build and Style Landing Pages
Opens on Coursera ↗
Build a Hometown Homepage with HTML and CSS
📚 External: Coursera ↗
Self-paced
Build a Hometown Homepage with HTML and CSS
Opens on Coursera ↗