Buy Now AED 274.99 + VAT

Monthly Subscription Starting at AED 99 + VAT

Interactivity with JavaScript
  • Level Foundation
  • Duration 9 hours
  • Course by University of Michigan
  • Offered by

About

If you want to take your website to the next level, the ability to incorporate interactivity is a must. But adding some of these types of capabilities requires a stronger programming language than HTML5 or CSS3, and JavaScript can provide just what you need. With just a basic understanding of the language, you can create a page that will react to common events such as page loads, mouse clicks & movements, and even keyboard input. This course will introduce you to the basics of the JavaScript language. We will cover concepts such as variables, looping, functions, and even a little bit about debugging tools. You will understand how the Document Object Model (DOM) is used by JavaScript to identify and modify specific parts of your page. After the course, learners will be able to react to DOM Events and dynamically alter the contents and style of their page. The class will culminate in a final project - the creation of an interactive HTML5 form that accepts and verifies input. This is the third course in the Web Design For Everybody specialization. A basic understanding of HTML and CSS is expected when you enroll in this class. Additional courses focus on enhancing the styling with responsive design and completing a capstone project.

Modules

Lesson 0: Welcome

    • 1 Videos
    • 4 Readings
Show info about module content

1 Videos

  • Introduction to JavaScript

4 Readings

  • Course Syllabus
  • Pre-Course Survey
  • Course Resources
  • "What are these deadlines?"

Lesson 1: The Basics - HTML structure, JS syntax, and creating output.

    • 6 Videos
    • 5 Readings
Show info about module content

6 Videos

  • DOM Review with Object Oriented Programming
  • Newer DOM Methods
  • Output
  • Variables
  • Data Types
  • Operators and Expressions

5 Readings

  • Resources
  • The Document Object Model (DOM)
  • Accessing the DOM Methods
  • Semicolons
  • Trying to Create and Debug Your Own Output

Lesson 2: Assessment

    • 1 Discussion
    • 1 Assignment
Show info about module content

1 Assignment

  • Week One Quiz

1 Discussions

  • Share Your Tips

Lesson 1: Functions and Events

    • 6 Videos
    • 5 Readings
Show info about module content

6 Videos

  • Functions
  • Code Placement
  • Folder Structure / Organizing Your Code
  • Events
  • Code With Me: Events
  • "this"

5 Readings

  • Resources
  • Functions
  • Organizing Your Code
  • Mastering Events and Functions
  • Just a little note before the next video

Lesson 2: Assessment

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
    • 1 ExternalTool
    • 1 Assignment
Show info about module content

1 Assignment

  • Week Two Quiz

1 External Tool

  • Homework: Optional Submission Gallery

1 Peer Review

  • JavaScript Interactive Photo Gallery

1 Videos

  • Homework: JavaScript Interactive Photo Gallery

1 Readings

  • Homework Time!!

Lesson 1: Arrays and Looping

    • 2 Videos
    • 5 Readings
Show info about module content

2 Videos

  • JavaScript Arrays
  • Code With Me: Arrays

5 Readings

  • Resources
  • A JavaScript Cheat Sheet
  • Tabindex and Accessibility
  • Using JavaScript with Attributes
  • Arrays

Lesson 2: Assessment

    • 1 Assignment
Show info about module content

1 Assignment

  • Week Three Review Quiz

Lesson 1: Photo Galleries

    • 3 Videos
    • 4 Readings
Show info about module content

3 Videos

  • Code With Me: Randomizing Your Images Using Arrays
  • Code With Me: Using Lightbox
  • Code With Me: Looping through Images

4 Readings

  • Resources
  • Writing loops in JavaScript
  • Advanced Coding Techniques
  • "Cool Stuff" - Friend or Foe?

Lesson 2: Assessment

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
    • 1 ExternalTool
Show info about module content

1 External Tool

  • Final Project: Optional Submission Gallery

1 Peer Review

  • Final Project: Your Own Accessible Photo Gallery

1 Videos

  • Final Project Description

1 Readings

  • Final Project Description

Lesson 3: Closing

    • 1 Videos
    • 1 Readings
Show info about module content

1 Videos

  • Conclusion

1 Readings

  • Post-Course Survey

Auto Summary

"Interactivity with JavaScript" is an essential course for those looking to elevate their web development skills by adding interactive elements to their websites. Designed for beginners in IT & Computer Science, this foundational course focuses on teaching the basics of JavaScript, a powerful programming language that extends beyond the capabilities of HTML5 and CSS3. Under the expert guidance of Coursera, learners will explore key JavaScript concepts such as variables, loops, functions, and debugging tools. The course also delves into the Document Object Model (DOM), enabling students to identify and modify parts of a webpage dynamically. By the end of the course, participants will be proficient in reacting to DOM events and altering page content and styles in real-time. One of the highlights of the course is the final project, where learners will create an interactive HTML5 form that accepts and verifies user input, showcasing their newfound skills. Spanning 540 minutes of engaging content, this course is part of the "Web Design For Everybody" specialization and assumes a basic understanding of HTML and CSS. Subscription options include the Starter plan, making it accessible for those looking to build a strong foundation in web interactivity. Ideal for aspiring web designers and developers, this course paves the way for more advanced topics in responsive design and comprehensive capstone projects.

Colleen van Lent, Ph.D.
Instructors

Colleen van Lent, Ph.D.

Charles Russell Severance
Instructors

Charles Russell Severance