WEEK 2: JavaScript Values, Types & Operators
(January 25-29)

To Do This Week:

CodeAcademy
Learn Javascript (look under “Syllabus”): Introduction”, “Conditionals”

Read (optional): Eloquent Javascript


Video Lectures:


Zoom Class

Change Circles Script

Circles

Download the Circles file (control click page) or get the source code and make a new file in Sublime text. Then, with your pod, make some changes. Look at the example for the first mini-projects in previous classes to get some ideas (below). Be playful. Message me for help or ask me to join your zoom.

Remember, if you script stops working. Command + Option + J opens the console with the line of the error. Or “inspect element” and look for the Console in the panel. This is all explained in the second video talk.

Mini-projects Fall 2020 > the list for this class, please check that I have your correct server directory 

previous projects


Zoom Workshop

 


Notes:

How to use Snippets

  1. In Sublime Text go to Tools>Developer>New Snippet
  2. In the <content> tag and between <![CDATA[ …… ]]> add the following code:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title> </title>
    <link rel="stylesheet" href="css/styles.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
    <script src="js/scripts.js"></script>
    </body>
    </html>

    Remove comments for line six and set your trigger word (such as html): <tabTrigger>html</tabTrigger>
  3. Save your snippet in a file ending in “sublime-snippet.” On Mac, user created snippets are saved at: 
    Users/”Your User Name”/Library/Application Support/Sublime Text 3/Packages/User

 

JavaScript Intro:

JavaScript Starter file