How to Edit Files

Most of the files you will be editing (writing code in) are located in the labs, exercises, and project folders. Occasionally we will edit other files in class.

We can edit this page by double-clicking on the demo-text-editor.html file in the text editor. This Displays the file contents in the right pane. You can see it's full of HTML markup. This is creating the webpage we are viewing now!

We will be modifying some of HTML and adding JavaScript code to these files to create small JavaScript programs.

VS Code Editor Basics

Demo

  1. Demo: Using a Text Editor
    • unit01/demos/demo-text-editor.html

Labs

  1. Lab01: Using a Text Editor
    • unit01/labs/lab-01-editing.html