Frontend & UI
549 courses 37 categories
Part of Learn Programming Design
Frontend and UI engineering is the discipline of building the user-facing layer of web applications — the part users actually see, click, and complain about when it's slow. The topic covers core languages (HTML, CSS, JavaScript, TypeScript), the major frameworks (React, Vue, Angular, Svelte, Solid), and the surrounding ecosystem of build tools, design systems, and performance practices.
The current state of frontend reflects two trends. The first is the move toward server components and meta-frameworks: Next.js, Nuxt, SvelteKit, and Astro now do significantly more than the underlying view libraries, taking over routing, data fetching, server rendering, and the build pipeline. The second is the consolidation of the build layer onto Rust and Go binaries (esbuild, swc, Turbopack, Rspack, Biome) for orders-of-magnitude faster builds than the legacy Webpack era.
What you'll find under this topic
- Modern frameworks: React 19, Vue 3, Angular 17+, Svelte 5, Solid, Qwik
- Meta-frameworks: Next.js, Nuxt, SvelteKit, Astro, Remix
- State management: Zustand, Redux Toolkit, Pinia, TanStack Query, Jotai
- Styling: Tailwind CSS, vanilla-extract, CSS-in-JS migrations to runtime-free
- Build tooling: Vite, esbuild, Turbopack, Rspack, Biome, swc
- Testing: Vitest, Playwright, React Testing Library, Storybook
- Performance: Core Web Vitals (LCP, INP, CLS), bundle splitting, image optimization
Frontend work spans every B2C and B2B SaaS company shipping a web app — Shopify, Stripe, Vercel, Linear, Notion, GitHub, GitLab, every fintech, every consumer product. The skill set scales from junior roles building feature components to staff-level work on design systems, performance, and the architectural decisions across a multi-team frontend.
Categories (37)
Angular — Modern JavaScript Framework for Web Development Angular is a powerful JavaScript framework for building…
AngularJS is a JavaScript framework developed by Google, first released in 2010, which revolutionized web application…
Astro is a content-first web framework developed by Fred K. Schott, designed to optimize web performance through the…
Babel is a widely-used JavaScript compiler created by Sebastian McKenzie that plays a crucial role in the development…
CSS , or Cascading Style Sheets, is a stylesheet language used to describe the presentation of a document written in…
D3.js is a powerful data-visualization library that has become the de-facto standard for creating custom charts on the…
Elm is a purely functional, statically-typed programming language designed for building reliable web applications…
Ember is a convention-over-configuration JavaScript framework that has been in active use since its inception in 2011…
Frontend System Design involves crafting the architecture of client-side applications, focusing on the unique…
Gatsby is a static-site generator built on React that was created in 2017. It leverages a GraphQL-driven content model…
Gulp is a JavaScript-based task runner initially developed to streamline and automate common development tasks like…
HTML is the markup language the web is built on, but the daily skill in 2026 is barely about syntax. Every framework…
JavaScript is a dynamic programming language that serves as the backbone for interactive web development. Created by…
JQuery is a fast, small, and feature-rich JavaScript library developed by John Resig in 2006. It was designed to…
Modern Frontend Frameworks encompass a suite of technologies developed to build dynamic and responsive web…
Next.js is the production framework most React projects converge on. Vercel built it to solve the things React itself…
NPM is the default package manager for the JavaScript runtime environment Node.js, developed and maintained by npm…
Nuxt is the production framework on top of Vue, the same role Next.js plays for React. The current version (Nuxt 3 /…
OpenGL Shading Language (GLSL) is a specialized programming language used to write shader programs that execute on the…
Progressive Web App (PWA) is a web application model that utilizes modern browser APIs to deliver user experiences…
QA and testing is no longer the separate-team activity it was a decade ago. In modern software organizations…
React is the most-installed JavaScript view library on the web. Facebook open-sourced it in 2013 to solve one specific…
Redux is the predictable state container that became the de-facto standard for React state management between 2015 and…
RxJS is a reactive programming library that brings the Reactive Extensions (originally from Microsoft's .NET ecosystem)…
single-spa is a JavaScript framework designed to build micro-frontends, allowing different applications to coexist…
Three.js is a JavaScript library designed to simplify 3D rendering in the browser by providing a user-friendly API on…
TypeScript is a strongly typed programming language that builds on JavaScript, providing optional static typing…
Vite — Fast Modern Build Tool for Web Development Vite (pronounced “veet” , meaning “fast” in French) is a modern…
Vue is a progressive JavaScript framework created by Evan You in 2014 after he left Google's AngularJS team. The design…
Web Accessibility involves creating web interfaces that are accessible to users with disabilities, including those…
Web Animations encompass the suite of techniques used to integrate motion into web interfaces, primarily using CSS…
Web Performance is the discipline focused on optimizing the speed and responsiveness of web pages. It encompasses a…
WebAssembly (Wasm) is a binary instruction format designed to run at near-native speed within web browsers and beyond…
Webflow is a visual development platform that allows users to design, build, and launch websites without writing code…
WebGL is a JavaScript API developed for rendering hardware-accelerated 3D and 2D graphics directly in web browsers…
Webpack is a JavaScript module bundler created to transform front-end assets like JavaScript, CSS, and images into a…
WebRTC is an open-source project supported by major tech companies like Google, Apple, Microsoft, and Mozilla, designed…
Courses (549)
Showing 1 – 30 of 549 courses
New100% TypeScript. 100% Production-ready. 0% hype. Only real tools and experience.3h 2m5/5
NewMaster Next.js from scratch with examples and projects. Learn how to work with the App Router and API routes to create efficient applications.20h 13m5/5
NewMaster ReactJS from scratch by learning components, states, routing, and forms through practical projects. This course will help you confidently apply React...14h 58m
Updated 1mo agoUnlock the full potential of AI chatbots with ChatRAG – a comprehensive Next.js build designed for launching a successful SaaS business.
Updated 1mo agoStudy BDD and acceptance tests for automating and improving software quality. Practice, examples, and methodologies for engineers and testers.5h 33m
Updated 1mo agoLearn testing as a software design tool with a TDD and BDD course. Discover how to reduce errors and improve code with tests.5h 42m
Updated 1mo agoLearn how to plan pages, code views, add clean moves, and prerender a Vue 2 site so search engines can read it. This helps you build clear fast pages.1h 48m
Updated 1mo agoMaster Rive to create interactive UI elements, animations for the web and games. Learn about working with bones, exporting, and integration with Unity.26h 41m
Updated 1mo agoIn the world of modern JavaScript frameworks , it's easy to experience fatigue: new tools are constantly emerging.2h 25m
Updated 2mo agoLearn to create a personal AI assistant using TypeScript in 5 days. Work with data, customize it to your needs, and apply modern techniques.3h 38m5/5
Updated 2mo agoMaster production-level testing in Next.js with this comprehensive course, bridging the gap to a senior developer level with ease.8h 12m5/5
Updated 3mo agoDive into JavaScript with Matt Marquis. Learn to solve problems efficiently and elevate your skills in the rapidly evolving field of development.5/5
Updated 3mo agoEmbark on an interactive journey to build an AI chatbot from the ground up in this comprehensive three-hour workshop.2h 21m
Updated 3mo agoMaster the creation of AI-SaaS: developing Nodebase, automating processes, AI integration, and implementing monetization. A practical guide from idea to launch.11h 59m
Updated 4mo agoMaster TypeScript from scratch, create clean and structured code. Suitable for beginners and experienced developers looking to improve their JavaScript skills.3h 4m
Updated 4mo agoEnhance your web development skills by building a personal budget management application.2h 26m
Updated 4mo agoLearn to create interactive tables using JavaScript and APIs. Master asynchronous requests and design a responsive interface to enhance your skills.3h 7m
Updated 4mo agoLearn to create interactive applications in JavaScript. Develop a test to check typing speed and accuracy, with a responsive design and error handling.2h 26m
Updated 4mo agoDeep Dive in Angular Forms. The course goes way beyond the official documentation and shows you how the Angular forms work internally, so You understand why thi18h 3m5/5
Updated 4mo agoIn this lesson, you will explore in detail how Module Federation helps create a microservices architecture for the frontend .1h 20m
Updated 4mo agoStudy how to create a crypto dashboard on NestJS using Server-Sent Events to stream data in real-time without reloading the page. Set up23m
Updated 4mo agoIn this lesson, you will learn how to connect a gRPC backend on NestJS to a frontend on Angular .1h 12m
Updated 5mo agoLearn to design, develop, deploy, and scale end-to-end real-time ML systems using Python, Rust, LLMs, and Kubernetes.48h 20m5/5
Updated 5mo agoLearn to build a shopping app using Next.js and NestJS. Master modern web development with Prisma ORM, and deploy full-stack applications with AWS and Vercel.8h 6m
Updated 5mo agoLearn to build a full stack todo app with TypeScript, Turborepo, tRPC, Next.js, NestJS, and React Native. You build web, backend, and mobile parts with steps.2h 47m
Updated 5mo agoHave you learnt the basics of ASP.NET Core and React? Not sure where to go next? This course should be able to help with that. In this course we learn how to bu33h 23m
Updated 5mo agoHave you learnt the basics of ASP.NET Core and Angular? Not sure where to go next? This course should be able to help with that. In this course we start from30h 29m5/5
Updated 5mo agoFind out how to set up authentication with Clerk in 20 minutes in a Next.js and NestJS application. A simple and secure integration for your project.18m
Updated 6mo agoLearn how to create an event-driven architecture with NestJS and Next.js. The course covers EventEmitter and SSE for developing real-time systems.45m
Updated 6mo agoLearn how to build and optimize applications on WebRTC from the basics to architectural solutions. For engineers and product managers.20h 8m
Related topics
Frequently asked questions
- Which frontend framework should I learn in 2026?
- React still has the largest job market and ecosystem. Vue is excellent for developer experience and dominates Asia and Europe SMB hiring. Angular owns large enterprise. Svelte and Solid have growing fans but smaller markets. Pick React for maximum optionality; pick whatever the local market hires for if you're optimizing for first job.
- Do I need to learn vanilla JavaScript before a framework?
- Yes — at least closures, the event loop, async/await, modules, prototypes, and basic DOM APIs. Jumping to React without that foundation works short-term but fails the moment something behaves unexpectedly. Plan on a few weeks of pure JS plus a project before touching any framework; the time pays back many times over during debugging.
- How important is CSS depth for frontend roles?
- Underrated and increasingly differentiating. Tailwind and component libraries hide the gap until layout, accessibility, animations, or design-system work shows up. Senior frontend roles expect comfort with grid, flexbox, container queries, modern selectors, and at least basic transitions. The frontend engineers who get promoted usually have real CSS skill, not just framework fluency.
- Frontend vs UI/UX design — should engineers learn both?
- Worth knowing enough design literacy to read a Figma file, understand the design system, and push back on ambiguous specs — that's a force multiplier. Going deep into UX research and visual design is a separate career, not a frontend-engineer requirement. Most strong frontend engineers operate as competent design partners without being designers.
- How long does it take to become hireable as a frontend engineer?
- 6–12 months from a developer baseline, 12–24 from a cold start. Build several non-trivial projects (real API integration, auth, responsive layout, accessibility), contribute to one open-source library, and learn enough about web performance to talk about Core Web Vitals. Tutorial-completing without shipping anything is the common failure mode.