Skip to content

Instantly share code, notes, and snippets.

@e-l-i-s-e
Last active April 24, 2019 19:05
Show Gist options
  • Select an option

  • Save e-l-i-s-e/f9f48b8ee5f6c333e83cc2f7c9ebb7df to your computer and use it in GitHub Desktop.

Select an option

Save e-l-i-s-e/f9f48b8ee5f6c333e83cc2f7c9ebb7df to your computer and use it in GitHub Desktop.

Toolbox Setup, Intro to HTML

Needs Statement

Students need to understand HTML as it forms the basis for the modern web documents. Students need to have the right tools to work with and view code effectively, including version control and other command line tools. In short, students need an Integrated Development Environment (IDE).

Objective

Students will be able to give definitions of HTML, tags, attributes, and give examples of each. They will be able to describe how nested tags affect one another. Students will be able to use programs they install to write HTML and view it in a browser. They will be able to set up and configure their IDE.

Prework

  • Learndot: RF: Toolbox (The flex remote toolbox differs from the standard toolbox workshop and should be completed before class)

Pre-reading

Concept Video

In-class

Instructor Demo

The instructor will

  • demonstrate
    • using Github (e.g. create a repo, push, pull)
    • navigating through terminal.
    • creating a directory.
    • adding files to that directory.
    • opening an HTML file in an IDE and the browser.
  • aid in installing fundamental toolbox tools:
    • Text editor
    • Git
    • System package manager
    • Shell
  • give basic examples and definitions of all HTML concepts.

Tutorial

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment