Frontend & UI
566 courses41 categories
Part of LearnProgrammingDesign
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(41)
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…
Browser Extensions are small software programs that enhance or modify the user experience on web browsers like Chrome…
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…
Electron is a widely-used framework that integrates Chromium and Node.js to enable web developers to create…
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…
Full-Stack Web Development refers to the practice of building and maintaining both the frontend and backend of a web…
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…
Svelte is a fundamentally new approach to creating user interfaces. While traditional frameworks like React and Vue do…
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(566)
Showing 1–30 of 566 courses
NewMaster TanStack Start and create a type-safe full-stack application on React. The course offers practice, architecture, and a portfolio-level project.6h 36m
Updated 1mo agoThe practical course on React Router v7 will help you master modern routing, data management, and the creation of scalable React applications.20h 19m
Updated 2mo agoThe course will help you master end-to-end testing of React with Playwright, set up stable E2E processes, and implement a reliable architecture for automated2h 16m
Updated 3mo agoLearn how to create applications with Next.js: UI design, authentication, databases, UX, payments via Stripe, and email automation. Suitable for beginners.8h
Updated 3mo agoLearn how to create a full-stack application using Next.js and the AI tool Claude Code. The entire development cycle from idea to production, including UX.5h 1m5/5
Updated 3mo agoMaster the development of Instagram clones using NestJS and Next.js. Build scalable applications and enhance your full-stack skills.15h 40m5/5
Updated 3mo agoLearn to create AI applications using TypeScript and Python, with a focus on practice and using AI tools. Gain skills for development.1h 59m
Updated 3mo agoThis course provides everything you need to start load testing with k6. You will become familiar with key concepts — virtual users, load stages, checks, and...42m
Updated 3mo agoA series of videos on techniques and processes for quick application. Learn how to automate routine tasks and improve development with the help of AI.45m5/5
Updated 4mo agoReact: The Complete Guide by Maximilian Schwarzmüller — original 2022 edition covering React hooks, Redux, Context API, Next.js basics.47h 42m5/5
Updated 4mo agoMaster the development of the AI-native platform faster.dev using modern technologies, including Laravel and React, to create efficient SaaS products.22m
UpdatedPhilip Riecks applies test-driven development to Spring Boot, building features test-first for safer, more maintainable code.3h 1m
Updated 4mo agoLearn how to efficiently create and configure mock objects with Mockito. Manage the behavior of your tests and control component interactions.2h 8m
Updated 4mo agoMaster TypeScript: from basic knowledge to complex concepts. Understand the structure of the type system and production patterns. Gain confidence in programming9h 18m
Updated 5mo ago100% TypeScript. 100% Production-ready. 0% hype. Only real tools and experience.3h 2m5/5
Updated 5mo agoMaster 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
Updated 5mo agoMaster ReactJS from scratch by learning components, states, routing, and forms through practical projects. This course will help you confidently apply React...14h 58m
Updated 5mo agoLearn to design scalable frontend systems. Understand architectural trade-offs and key patterns for professional developers.5h 55m5/5
UpdatedDmitriy Zhiganov's course builds the judgment to pick and defend frontend tools, helping mid-level developers grow into senior roles.5h 38m
Updated 5mo agoUnlock the full potential of AI chatbots with ChatRAG – a comprehensive Next.js build designed for launching a successful SaaS business.
UpdatedDave Farley teaches BDD-based acceptance testing, turning requirements into automated executable specifications for reliable software.5h 33m
Updated 5mo 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 5mo 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 6mo 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
UpdatedGo beyond framework fatigue by studying the real source code behind React, Vue, Angular, Svelte, and others to see how they actually work.2h 25m
Updated 7mo 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 7mo 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 7mo agoEmbark on an interactive journey to build an AI chatbot from the ground up in this comprehensive three-hour workshop.2h 21m
Updated 8mo agoMaster the creation of AI-SaaS: developing Nodebase, automating processes, AI integration, and implementing monetization. A practical guide from idea to launch.11h 59m5/5
UpdatedA 33-lesson walkthrough of TypeScript basics, from types and functions to modular code, for developers new to it and JavaScript devs leveling up.3h 4m
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.