Unit #1-07

Learning Outcome

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

• add your first JavaScript code 

Review

• using Chrome's developer mode to inspect your website

Lesson

• note that JavaScript works alongside HTML and CSS

• go over history of "Hello World!" program

• read the "Hello World!" tutorial for JavaScript

• using "Alerts" in a published website is usually a bad idea.

  • but they're useful to add temporarily, as you test your code.

  • see Relpit below: ↓

Daily Assignment

• create a web page, with the following requirements:

  • 1 html file, using MDL and 1 CSS file

  • you must include a favicon

  • have 1 button, that opens an alert when clicked

• publish your webpage on GitHub Pages

Extra

• PHP (personnel home page or hypertext preprocessor) is a server side rendering html language 

• create an "index.php" file, with the following requirements:

  • 1 HTML file, using MDL and 1 CSS file

    • yes all the same rules we use of HTML still work!

  • you must include a favicon

  • add a <p> tag with "Hello, World!" using PHP:
    <?php echo '<p>Hello World</p>'; ?> 

• add this file to our class server in you home /public_html/ICD2O/Unit1/Unit1-07 directory