Introduction to Git. Introduction to HTML.

https://oval-webdev.netlify.app/chapter-1.2.html

  • Prepare the course reader
  • Prepare the Lecture Slides
  • Prepare the discussion activities
  • Prepare a case-study

0:00 - Review from previous week

  • Internet
  • Browsers
  • Command Line Tools
  • Code Editors
  • VS Code

0:15 - Around the Zoom / Homework Showcase

  • Have each student share screen and show that they successfully installed VS Code + coded sample program
    • NOTE: Each student should not take more than 2 minutes

0:30 - What is Git?

  • Version Control
  • Walk through Github Page online
  • git init / repository
  • Configure Git
  • Create a Git Project
  • Create a File and make changes
  • Push Sample Project to Github

0:55 - Break & Questions

  • If none of the students have questions, stay on camera and available so they can approach you if anything comes up.

1:05 - What is HTML?

  • Overview
  • HTML Syntax
    • <html>
    • <head>
    • <meta>
    • <title>
    • <body>
    • <h1>,>h2<,<h3>,<h4>,<h5>
    • <p>
    • <blockquote>
    • <img>

1:20 - Case Study / Website Deconstruction

  • Navigate to a website of your choice and deconstruct its HTML structure with the students.

1:50 - Homework Instructions & Questions

  • Portfolio Site Repo
  • HTML Document
  • Push