This page is part of HCDE’s Design Tools & Resources toolkit, created to help students explore and strengthen specific design skills. Explore the full toolkit here.
Foundations
- What is web design & web development? - Figma
- HTML basics
- CSS basics
- JavaScript basics
- Front-end development: a complete guide
Javascript
JavaScript is a versatile programming language used to create interactive and dynamic experiences on the web and beyond.
Tutorials
Concepts
HTML
HTML (HyperText Markup Language) is the standard markup language used to structure content on webpages.
Tutorials
- W3Schools HTML tutorial
- Learn HTML code - Codecademy
- Structuring content with HTML - learn web development
- Learn HTML: free tutorial from beginning to advanced
- HTML for beginners the easy way
Concepts
- Introduction
- Basics
- Elements
- Attributes
- Headings
- Styles
- Formatting
- Colors
- HTML & CSS
- Layout
- Responsive
- Style Guide
CSS
CSS (Cascading Style Sheets) is a stylesheet language used to define the visual presentation, styling, and layout of a document written in HTML.
Tutorials
Concepts
React
React is a front-end JavaScript library for building user interfaces based on UI components, designed to make creating interactive, state-driven web applications more efficient and seamless.
Tutorials
- React basics
- Learn React - Codecademy
- W3Schools React tutorial
- Getting started with React: a beginner’s guide