https://github.com/lastmjs/mwaa-lesson-1

Modern Web Application Architectures Lesson 1 - No tools, no frameworks, no libraries
https://github.com/lastmjs/mwaa-lesson-1

Last synced: 6 days ago
JSON representation

Modern Web Application Architectures Lesson 1 - No tools, no frameworks, no libraries

• Host: GitHub
• URL: https://github.com/lastmjs/mwaa-lesson-1
• Owner: lastmjs
• License: mit
• Created: 2019-02-15T00:24:41.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-02-15T06:37:28.000Z (over 6 years ago)
• Last Synced: 2025-01-19T22:50:29.308Z (5 months ago)
• Language: HTML
• Size: 7.81 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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?