Skip to main content

Day 1 - Introduction to Javascript

Housekeeping

  • CPNT 260 marks returned for:
    • Achievements Round 2
    • Assignment 3: Sticky Footers
  • CPNT 260 Assignment 4 returned tomorrow;

2. Slides: Introduction to Javascript

Introduction to Javascript

Demo: Installing a JS library (RevealJS) using a CDN

3. Activity: Group project slide deck

Not for marks

Install RevealJS

In your 260 groups, use RevealJS to build a slide deck about your project (don’t worry, there’s no presentation with this project).

Popular configurations:

  • Set hash to true to be able to link to individual slides;
  • Set controls to false to turn off arrows in bottom right corner;
    • Or set controlsLayout to move the controls to another part of the screen;
  • Set history to true to add slide changes to browser history;
  • Set autoSlide to true to auto advance slides;
  • Set transition to pick a slide transition (options: none/fade/slide/convex/concave/zoom);

4. Lab Time

Homework

Prep

Watch List

We’ll be jumping around quite a bit but this is a great introduction to JS that covers most of the topics we’ll be covering.

Optional: Other courses and resources

There are a lot of free courses and textbooks that you can also refer to. Some favourites from past students: