Unit #2-01

Learning Outcome

At the end of this lesson, you will be able to:

• create the "Hello, World!" program in JavaScript, with a JavaScript file

Review

• review the JavaScript "alert"

  • we should move JavaScript code out into its own file, just like css

• review Mr Coxall's Super Linter

  • keeps all our code to "some standard"

  • add in and use the "Prettier" extension

    • see here

Lesson

• read the introduction to JavaScript: https://javascript.info/intro

• note that JavaScript works alongside HTML and CSS

  • you will be creating and publishing your code following the same process we used in Unit #1 throughout the rest of the course.

• go over history of "Hello World!" program

• review <div id='some-name'></div>

  • we will use this to add HTML using code

Activity

• see HTML and JS example below

Daily Assignment

• create your own "Hello, World!" program in JavaScript

  • ensure you have an HTML, CSS & JS files

  • ensure it has your own CSS style and icon

  • ensure you use my image (see below)

  • ensure it works EXACTLY like the giff below

Extra

• recreate the above program in PHP

  • ensure it works EXACTLY like the giff below