Explore

Interactivity with JavaScript

Approx. 9 hours to complete

Save Course

Go to Course

Course Summary

Learn JavaScript, one of the most powerful and widely used programming languages on the web. This course covers the basics of JavaScript and how to use it to create dynamic web applications.

Key Learning Points

Understand the basics of JavaScript syntax and data types
Learn how to manipulate HTML and CSS using JavaScript
Create dynamic web applications using JavaScript frameworks and libraries

Learning Outcomes

Understand the basics of JavaScript syntax and data types
Create interactive web pages using JavaScript and manipulate HTML/CSS
Learn how to use JavaScript frameworks and libraries to create dynamic web applications

Prerequisites or good to have knowledge before taking this course

Basic knowledge of HTML and CSS
Access to a code editor and web browser

Course Difficulty Level

Beginner

Course Format

Online
Self-paced
Video Lectures

Similar Courses

Web Development
Full Stack Web and Multiplatform Mobile App Development
Front-End Web Development with React

Related Education Paths

Notable People in This Field

Wes Bos
Sarah Drasner
Kyle Simpson

Related Books

Description

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.

Outline

Week One: Introduction to JavaScript
Introduction
DOM Review with Object Oriented Programming
Output
Variables
Data Types
Operators and Expressions
Syllabus
Help us learn more about you!
Resources
"What are these deadlines?"
Link to All of the Code for Week One
The Document Object Model (DOM)
Trying to Create and Debug Your Own Output
Notice for Auditing Learners: Assignment Submission
Optional Materials
The History of "Debugging"
Week One

Week Two: Reacting to Your Audience
Functions
Code Placement
Folder Structure / Organizing Your Code
Events
Code With Me - Events
"this"
Photo Gallery
Link to All of the Code for Week Two
Functions
Organizing Your Code
Mastering Events and Functions
Just a little note before the next video
Homework Time!!
Optional - Week Two Review

Week Three: Arrays and Looping
JavaScript Arrays
Code With Me - Arrays
JavaScript Iteration
Flow Of Control
Code With Me - Combining Loops and Conditionals
Advanced Conditionals
Common Errors
Link to All of the Code for Week Three
A JavaScript Cheat Sheet
Arrays
Advanced Coding Techniques
JavaScript Review

Week Four: Validating Form Data
Simple Forms
Simple Validation
Comparing Two Inputs
Checkboxes and Radio Buttons
Conclusion
Link to All of the Code for Week Four
Introduction to Forms
"Cool Stuff" - Friend or Foe?
Using Forms on Your Site
More Code Examples
Intro to JQuery
Post-course Survey
Keep Learning with Michigan Online

Summary of User Reviews

Discover the world of JavaScript with Coursera's online course. Users rave about the course's informative and engaging content, providing a comprehensive understanding of JavaScript. One key aspect users find good is the course's interactive features that allow for hands-on learning.

Pros from User Reviews

Informative and engaging content
Comprehensive understanding of JavaScript
Interactive features for hands-on learning
Great course for beginners and experienced coders

Cons from User Reviews

Some users found the course challenging
Not enough focus on certain aspects of JavaScript
Course material can be outdated

Recommended for you

HTML CSS Bootstrap jQuery Website from Scratch to Production

Quickly Learn to code Responsive Websites using HTML CSS BOOTSTRAP JQUERY from SCRATCH. It's easier than you think! Currently there is version 4....

Save Course

JavaScript Fundamentals: A Course for Absolute Beginners

Learn JavaScript Fundamentals from the Scratch JavaScript is an excellent computer programming or script language from Netscape. 0. JavaScript is designed majorly for creating network-centric applications....

Save Course

Web Design for Everybody Capstone

The capstone will develop a professional-quality web portfolio. Students will demonstrate the ability to design and implement a responsive site for a minimum of three platforms....

Save Course

Introduction to Web Development with HTML, CSS, JavaScript

Want to take the first steps to become a Cloud Application Developer? You’ll then focus on the languages you need for front-end development, working with HTML, CSS, and JavaScript....

Save Course