Frontend

Last updated on Mon Mar 20 2023•web development frontend css javascript html

https://en.wikipedia.org/wiki/Frontend_and_backend (opens in a new tab)

HTML, CSS and JavaScript are the core components of user interfaces and experiences on the web.

An image illustrating a mental model for thinking about Frontend technologies.

HTML as a human's skeleton, JavaScript as the brain & nervous system and CSS as their skin & hair & clothing (including a shirt that says Mr. Website)

HTML (Skeleton)
- Your foundational structure for webpages
JavaScript (Nervous System)
- The behaviour / functionality of webpages
CSS (Skin, Hair and Clothes)
- How elements appear and are rendered visually

User Interface Design (opens in a new tab)

User interface (UI) design or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience.

For what not to do, check out https://userinyerface.com/game.html (opens in a new tab)

Information Architecture (opens in a new tab)

Information architecture (IA) is the structural design of shared information environments; the art and science of organizing and labelling websites, intranets, online communities and software to support usability and findability; and an emerging community of practice focused on bringing principles of design, architecture and information science to the digital landscape.

Google Fonts (opens in a new tab)

Beautiful collection of typefaces, for when you're sick of using Helvetica.