Home > Web Application Development > JavaScript: Client-side Scripting

Topic: JavaScript - Client-side Scripting

1. Lesson: JavaScript Basics & Functions
2. Lesson: Array basics
3. Lesson: Events
4. Assessment: Implement shopping cart functionality
5. Assessment: Basic Calculator using JavaScript

---

---

Lesson 1

JavaScript Basics & Functions

Self Learning Duration

600 mins

Lecture Duration

240 mins lectures

Lab Tutorial Duration

60 mins

Self learning content

• Follow HTML, CSS, and Javascript for Web Developers Coursera course week 4: Introduction to Javascript
• [Optional] Watch What is JavaScript JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour or first 16 videos of JavaScript Tutorial for Beginners
• [Optional] Follow HTML/JS: Making webpages interactive on Khan Academy
• [Optional] Follow learn-js.org/
• [Optional] Basic content on Learn the JavaScript fundamentals

Lecture content

Demonstrate how to use following JavaScript concepts

• JavaScript variable and operators
• Functions

Lab and tutorials

• A lab exercise to cover function concepts
• Quiz similar to Test your skills: Functions

---

---

Lesson 2

Array basics

Self Learning Duration

N/A

Lecture Duration

120 mins

Lab Tutorial Duration

120 mins

Self learning content

N/A

Lecture content

Demonstrate how to use following JavaScript concepts

• Array basics

Lab and tutorials

• A lab exercise to cover array basic concepts
• Quiz similar to Test your skills: Arrays

---

---

Lesson 3

Events

Self Learning Duration

N/A

Lecture Duration

240 mins

Lab Tutorial Duration

360 mins

Self learning content

N/A

Lecture content

Demonstrate how to use following JavaScript concepts

• Events

Lab and tutorials

• A lab exercise to cover event concepts
• Quiz similar to JavaScript Quiz Test
• Develop Guess the number game

---

---

Assessment 1

Implement shopping cart functionality

Implement functionality to change quantity in the shopping cart page created on HTML: Structuring the Web assessment and redo the total calculation

---

---

Assessment 2

Basic Calculator using JavaScript

Follow the A Web Program with Javascript challenge