Create a Website: Interactivity with Javascript

 

Take your own website, and bring it to life! In this workshop, we'll take the website you've been working on throughout the 'Create a Website' courses, and add dynamic features like sorting, hiding/showing displays, and image manipulation to turn your static pages into living documents. If you have missed a class or two, don't worry - we'll provide a sample page for you to get up and running in this workshop, so feel free to sign up even if you haven't been to any of the other classes!

This class will be hosted via Zoom. You will receive an email with the Zoom link a day before the class. Attendance will be taken and the session will be recorded.

 

  • Web Development

About Course

Outline

  • Why should I learn Javascript?
  • The Console
  • Variables
  • Data Types
  • Events
  • Functions

Objectives

  • Javascript Basics
  • Learn how events are listened for and processed by your web browser
  • Use events and interaction to make dynamic pages

Exercises

Rackmultipart20201021 9 1w8uuba

Advanced Python: Uno

A very fun game to program and play

Learn More

This class is part of our Web Development (Front End) Track

See the whole track

This class is part of our Software Development Track

See the whole track

Suggested Courses

Course Graphic

Create a Website: Layouts (Responsive CSS)

In this class we will fine tune some of the previous CSS rules we worked as well as learn brand new things to create more complex and overall better layouts that can be experienced comfortably from any device.

Learn More
Course Graphic

Using APIs with JavaScript

Application Programming Interfaces - they're how websites talk to each other, and in this class we'll teach you how to talk with some APIs yourself! We will be using Postman to introduce web requests, and go over JSON - the 'language' that many APIs use to communicate. We're also going to touch on how to take the data that you get back from these API requests, and use it to make your website more interactive!

Learn More