What operating system your computer runs on.
- Mac, Windows, Linux
Where you view a website.
- Chrome, Firefox, Safari, Edge, Internet Explorer
- DevTools
Where you edit a website.
- Notepad or TextEdit
- Notepad++, Visual Studio Code, Atom, Brackets, Sublime, Coda
How computers communicate with each other.
- Domains
- Servers
- IP Addresses
- URLs
- HTTP protocol
Structure: how a website is structured.
- Syntax and Terminology: tags, elements, attributes, and attribute values
- Concepts: block vs. inline elements
- Formatting
- tables, forms, lists, headings
- Metadata
Style: how a website looks.
- Syntax and Terminology: selectors and properties, tags, classes, ids, pseudo
- Positioning: absolute, relative, fixed, static
- Box model
- Padding and margins
- Flex, float
- Inheritance
- Colors, text formatting
- CSS Animations
Interactivity: what a website can do.
- Programming basics
- Dedicated servers vs. VPS
- Windows or UNIX-like (Mac and Linux)
- Moving between directories
- Creating files and directories
- Deleting files and directories
- Copying files and directories
- Moving files and directories
- Permissions
How to maintain changes to your project.
- Terminology: Repository, commit, push, pull, branch, merge
- GitHub, GitLab, BitBucket
- Node.js
- Gulp and Grunt
- Webpack
- Terminology and Concepts: Variables, nesting, mixins
Web server software.
- Apache or nginx
A backend programming language.
- Connecting to a database
Where data is stored.
- MySQL
- Content management system: WordPress
- Static site generators: Jekyll