Modern Web Application Architectures Lesson 1

No tools, no frameworks, no libraries

Build a calculator web app with the following:

• Plain text editor
• Modern web browser
• HTML
• CSS
• JavaScript
• DOM API
• One file for source code
• Hosted on GitHub Pages

Concepts:

• index.html
• DOCTYPE encantation
• HTML elements
  • tags
    • opening tags
    • closing tags
  • attributes
• CSS
  • style tag
  • style html attribute
  • class html attribute
  • styles, css attributes, css properties, key and value (I forgot the exact name)
  • margin
  • padding
  • height
  • width
  • css variables
  • css grid
  • flexbox
• JavaScript
  • script element
  • querySelector (explain how to get elements)
  • event listeners
  • the DOM
  • DOM properties versus attributes
  • functions
  • variables
  • assignment
  • if statements
  • should I be listing all of this?