codingWeb4

learn JavaScript from scratch but with all the DOs and DONTs for Web 4x.

This is called Web4x University because you will learn how to create Universes from scratch and expand (thus Web4x) them into sustainable simulations.

Start reading on the Web4x Wiki

GitHub Pages

• Configuring a publishing source for your GitHub Pages site
• GitHub Pages REST API

TODO

• [] How to use GitHub pages for the following lectures

Web 1.0

• See your first Web 1.0 static web page

  • Open the code

• See the deployment process under Actions

• See the deployment process

Web 2.0

1. See your first Web 2.0 dynamic web page

   1. 02. Darkness and Light
      • Designtime and Runtime
      • DevTools bring Light into Darkness
        • Elements Tab
        • Source Tab
          • The HTML Page
          • The JavaScriptCode
            • Add Breakpoints
              • debugger; statement in Line 12
              • Line 18
        • Console in DevTools
          • live editing
          • typeof word
            • basic method inheritance from Object
          • typeof word.j
          • typeof word.h
          • typeof word.breath
            • function with name
            • ananomys functions
            • word.breath.name
            • function as first level citicens
              • word.speak = breath
          • typeof word.speak
          • typeof window
          • window
          • window.globalVariable
          • window.document
            • jotaView
            • heightView
            • widthView
          • Script loading
            • on DO
            • on DONT
            • starting the script
              • availability of HTML elements in document
              • DONT
        • Profiler
   2. 03. Heaven and Earth
      • Metamodels
        1. 01. Spirit and Water
           • First Principle and Consequences
             • DRY - donot repeat yourself
             • Intention and Manifestation
               • Class and Instance
                 • classes
                   • static
               • Type and Descriptor
                 • inheritance
                   • extends
                   • implements
                 • Dependencies
                   • uses
                   • is used by
               • Code and Files
               • Model and View
      • Models
        • particles
        • waves
      • Views
        • manifestations
          • console
          • HTML input
        • binding
          • events
   3. 05.TheWhatchers
      • Object
      • types
        • primitve
          • undefined
          • boolean
          • number
          • string
          • function
        • object
          • relationship
            • null
          • collection
        • JSON
      • classes
        • constructors
        • inheritance
        • prototypes

2. molecules

   • modules
     • js
     • cjs
     • mjs
   • loading

The magic of GitHub: press the "."-key

and open "Visual Studio Code" just here in the your browser... opening this repository for editing.

Looks already like Web4x but is still Web 2.x