# Front end Concept · [Technical basics](https://ecosystem.samcarlton.com/technical) Also called: frontend, front-end, client side, client, the screen, screen The part of an app or website that people see and tap, running in their [browser](https://ecosystem.samcarlton.com/web-browser) or on their phone. **For example:** The buttons, menus, forms and pages of a shopping site are its front end. ## Connects to (34) - [Back end](https://ecosystem.samcarlton.com/back-end): The part of an app that runs out of sight on a server. - [UX / UI](https://ecosystem.samcarlton.com/ux-ui): UI, the user interface, is what people see and tap on the screen. - [Static site](https://ecosystem.samcarlton.com/static-site): A website made of fixed pages that look the same for every visitor. - [Web app vs mobile app](https://ecosystem.samcarlton.com/web-app-mobile-app): A web app runs in a browser at a web address, on any device. - [Tech stack](https://ecosystem.samcarlton.com/tech-stack): The set of programming languages and tools a product is built with. - [Tulsa Web Devs](https://ecosystem.samcarlton.com/tulsa-web-devs): A Tulsa user group for web developers, part of the Techlahoma network. - [OKC Web Devs](https://ecosystem.samcarlton.com/okc-web-devs): An Oklahoma City programming user group in the Techlahoma network. - [CSS](https://ecosystem.samcarlton.com/css): Cascading Style Sheets. - [HTML](https://ecosystem.samcarlton.com/html): HyperText Markup Language. - [API contract](https://ecosystem.samcarlton.com/api-contract): An agreement on exactly what requests an API accepts and what responses it returns. - [DOM](https://ecosystem.samcarlton.com/dom): Document Object Model. - [Server-side rendering](https://ecosystem.samcarlton.com/server-side-rendering): Building a web page's HTML on the server before sending it, instead of in the visitor's browser. - [WebAssembly](https://ecosystem.samcarlton.com/webassembly): A format that lets code written in languages like C, C++ or Rust run in a web browser at close to full speed. - [MediaStream Recording API](https://ecosystem.samcarlton.com/mediastream-recording-api): A browser feature that records audio or video from a microphone, camera or media element so a web app can save or process it. - [Headless commerce](https://ecosystem.samcarlton.com/headless-commerce): Running a store's products, cart and checkout on one system while building the shopping screens separately. - [WebM](https://ecosystem.samcarlton.com/webm): An open video file format made for the web. - [APNG](https://ecosystem.samcarlton.com/apng): Animated PNG. - [Projection mapping](https://ecosystem.samcarlton.com/projection-mapping): Projecting video onto an uneven surface, such as a building, and shaping the image to fit it, sometimes so people can interact with it. - [Vertical slice](https://ecosystem.samcarlton.com/vertical-slice): A small piece of a product built all the way through, from screen to database to deployment, so it actually works for a user, rather than… - [Atomic Design](https://ecosystem.samcarlton.com/atomic-design): A method for building design systems from small pieces up: basic elements (atoms) combine into components (molecules), sections… - [Web browser](https://ecosystem.samcarlton.com/web-browser): The app people use to open websites and web apps, such as Chrome or Safari. - [JavaScript](https://ecosystem.samcarlton.com/javascript): The programming language that runs in every web browser, and also on servers. - [React](https://ecosystem.samcarlton.com/react): A JavaScript library for building user interfaces out of reusable pieces called components. - [Next.js](https://ecosystem.samcarlton.com/next-js): A framework built on React for making full websites and web apps, including pages rendered on the server. - [Redux](https://ecosystem.samcarlton.com/redux): A JavaScript library for keeping an app's shared data, called state, in one place, so every screen shows the same information. - [Tailwind CSS](https://ecosystem.samcarlton.com/tailwind-css): A styling framework for websites. - [Video.js](https://ecosystem.samcarlton.com/video-js): An open-source web video player. - [Player.js](https://ecosystem.samcarlton.com/player-js): An open-source JavaScript library that lets a web page control embedded video players, such as play, pause and seek, through one common… - [Codecademy](https://ecosystem.samcarlton.com/codecademy): An online platform for learning technical skills through interactive lessons, with courses in languages such as Python, JavaScript and SQL… - [freeCodeCamp](https://ecosystem.samcarlton.com/freecodecamp): A 501(c)(3) nonprofit where people learn to code for free by building projects in the browser, with free certifications, a forum and a… - [OKC WordPress Users Group](https://ecosystem.samcarlton.com/okc-wordpress-users-group): An Oklahoma City Meetup group for people who build with WordPress, part of WordPress's network of local meetups, with monthly meetings… - [Tulsa WordPress Meetup](https://ecosystem.samcarlton.com/wordpress-tulsa): A free monthly meetup in Tulsa where WordPress users of every level, from beginners and business site owners to developers, teach and… - [Frontend Masters](https://ecosystem.samcarlton.com/frontend-masters): An online learning platform for software developers, now called Master.dev, with in-depth courses, learning paths and live workshops on… - [TechAccess Oklahoma](https://ecosystem.samcarlton.com/techaccess-oklahoma): A digital accessibility conference held in Oklahoma City, organized by the Digital Accessibility Team at Oklahoma ABLE Tech at Oklahoma… Map view: https://ecosystem.samcarlton.com/front-end