Intro to JavaScript II

This is the second part of the Javascript courses. In this course, we're going to take your own website, and bring it to life! We're going to use the website from "Intro to HTML" course, and add dynamic features like 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!

Instructor:
Anni Yan | Innovation Co-Lab Developer & Instructor
Anni is a recent grad from Duke University, and she is working at the Co-Lab now. She is passionate about data visualization, game designs and web development. Outside of work, Anni loves to hangout with Yuki(her cat), bake and play games.

About Course

Outline

  • Incorporate JS with HTML and CSS
  • Manipulate DOM tree
  • Use events to create interaction
  • Include JS libraries like jQuery

Objectives

  • Understand DOM tree
  • Have knowledge over how JS creates interaction
  • Utilize JS libraries to make coding more efficient

Tools

  • laptop
  • VS Code (or other text editor)

Prerequisites

HTML, CSS, Basic JS Syntax

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

See the whole track

Suggested Courses

Course Graphic

Create a Website: Structure (Intro to HTML)

In this class, you will learn the basics of HTML, the content language of the web. We will explore HTML usage, its syntax and best practices when it comes to HTML file setups. We will also look into key features of HTML such as relationships between elements, the box model and specificities (classes, ids, attributes).

Learn More
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

Create a Website: Styling (Intro to CSS)

In this class, you will learn the basics of CSS, the styling language of the web. We will explore CSS usage, its syntax and best practices when it comes to CSS file setups. We will also look into key features of CSS such as the cascading model, and the specificity model.

Learn More
Course Graphic

Intro to JavaScript I

What is Javascript? Is it related to Java? What is vanillaJS? Is it hard to learn? I know you have many questions, and this workshop is here to help you bust these myths.

Learn More