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