Interactivity with JavaScript
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.
Buy Now AED 274.99 + VAT
Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- المدة 9 ساعات hours
- الطبع بواسطة University of Michigan
-
Offered by
عن
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.الوحدات
Lesson 0: Welcome
-
1
Videos
-
4
Readings
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
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
1
Assignment
- Week One Quiz
1
Discussions
- Share Your Tips
Lesson 1: Functions and Events
-
6
Videos
-
5
Readings
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
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
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
1
Assignment
- Week Three Review Quiz
Lesson 1: Photo Galleries
-
3
Videos
-
4
Readings
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
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
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.
Charles Russell Severance