Frontend & UI
557 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 (557)
Showing 1 – 30 of 557 courses
NewThe 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
NewLearn how to create applications with Next.js: UI design, authentication, databases, UX, payments via Stripe, and email automation. Suitable for beginners.8h
NewLearn 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 1m
NewMaster the development of Instagram clones using NestJS and Next.js. Build scalable applications and enhance your full-stack skills.15h 40m5/5
NewLearn to create AI applications using TypeScript and Python, with a focus on practice and using AI tools. Gain skills for development.1h 59m
Updated 1mo 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![Modern React with Redux [2023 Update] thumbnail](https://cdnq.courseflix.net/course/thumbnail/modern-react-with-redux-2023-update-1-160x90.webp "Modern React with Redux [2023 Update] thumbnail")
Updated 1mo agoCongratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux! Thousands of other engineers37h 44m
Updated 1mo agoReact: The Complete Guide by Maximilian Schwarzmüller — original 2022 edition covering React hooks, Redux, Context API, Next.js basics.47h 42m5/5
Updated 1mo agoMaster Test-Driven Development with Spring Boot to create predictable and maintainable code. Improve development through tests and enhance quality.3h 1m
Updated 1mo agoLearn how to efficiently create and configure mock objects with Mockito. Manage the behavior of your tests and control component interactions.2h 8m
Updated 1mo agoMaster TypeScript: from basic knowledge to complex concepts. Understand the structure of the type system and production patterns. Gain confidence in programming9h 18m
Updated 3mo ago100% TypeScript. 100% Production-ready. 0% hype. Only real tools and experience.3h 2m5/5
Updated 3mo 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 3mo 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 3mo agoUnlock the full potential of AI chatbots with ChatRAG – a comprehensive Next.js build designed for launching a successful SaaS business.
Updated 3mo agoStudy BDD and acceptance tests for automating and improving software quality. Practice, examples, and methodologies for engineers and testers.5h 33m
Updated 3mo 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 3mo 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 4mo 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 4mo agoIn the world of modern JavaScript frameworks , it's easy to experience fatigue: new tools are constantly emerging.2h 25m
Updated 4mo 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 5mo 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 5mo agoEmbark on an interactive journey to build an AI chatbot from the ground up in this comprehensive three-hour workshop.2h 21m
Updated 6mo 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
Updated 6mo agoMaster TypeScript from scratch, create clean and structured code. Suitable for beginners and experienced developers looking to improve their JavaScript skills.3h 4m
Updated 6mo agoEnhance your web development skills by building a personal budget management application.2h 26m
Updated 6mo agoLearn to create interactive tables using JavaScript and APIs. Master asynchronous requests and design a responsive interface to enhance your skills.3h 7m
Updated 6mo 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 6mo 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 6mo agoIn this lesson, you will explore in detail how Module Federation helps create a microservices architecture for the frontend .1h 20m
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.