Web Development Learning Map

HTML

Content tags
Document setup

Terminal

Navgating the terminal

Git & Github

Create an account on GitHub
Create and clone a new repository
Add, Commit, Push to Github

Using CSS Frameworks

Skeleton
Bootstrap

CSS

Colors
Block, Inline, Inline-block
Spacing and the Box model
Fonts
Floating
The weird parts
- Centering
- Overflow

Advanced HTML / SEO

Semantic HTML tags
Meta attributes for search engines / social media sharing
Google Analytics

NPM & Package managers

Installing NPM
Useful packages
- surge
- gulp

Javascript

variables
functions
event listeners
logic (if, else)
data
- objects, arrays
- loops

Introduction to Server-side development

What is a server?
Routes & Requests
HTTP

Databases

Types of databases
- SQL
- NoSQL
- Graph
Intro to database commands/queries
Create Read Update Destroy (CRUD)

Wordpress theme dev

Building a wordpress theme from a static site
Custom fields plugin
Theme development checklist

Node

Build a web server
Setup routes with express
Connect a Mongo database and query content
Setup Post requests to store data in Mongo

Frameworks

Vue JS