CS 190: Introduction to Javascript

You will learn programming fundamentals and basic object-oriented concepts using the latest JavaScript syntax. The concepts covered in these lessons lay the foundation for using JavaScript in any environment.

Enroll Today to Save Tuition Free Preview

Course Curriculum

1. Course Overview and Learning Outcomes
  FREE PREVIEW
1. Introduction
1. Working with Basic HTML
2. HTML Basics
3. HTML Text, Tags, and Attributes
4. Standard HTML Tags
5. Document Structure Tags and A Simple Web Page
6. The Basics: Headings and Paragraphs
7. Lists
8. Unordered lists
9. Ordered lists
10. Nested List
11. Working with Files: Folder Structure and Naming Conventions
12. Quiz 1.1
1. Working with Inline CSS
2. What is CSS?
3. Browser Defaults
4. What is CSS for?
5. CSS syntax
6. CSS Modules
7. CSS Specifications
8. Browser support information
9. Getting started with CSS rules
10. Adding CSS to our document
11. Styling HTML elements
12. Changing the default behavior of elements
13. Adding a class
14. Styling things based on their location in a document
15. Styling things based on state
16. Combining selectors and combinators
17. Quiz 1.2
1. A Brief History of JavaScript
2. Introduction to JavaScript: Understanding Its Role, Capabilities, and Applications
3. Quiz 1.3
1. Introduction
2. What Is a Pseudocode in Programming?
3. Pseudocode Examples
4. Advantages& Disadvantages of Pseudocode
5. Application
6. How to Write a Pseudocode?
7. Mathematical Style Pseudocode
8. Machine Compilation of Pseudocode Style Languages
9. Lesson Summary
10. Activities
11. FAQs
12. Quiz 1.4
1. JavaScript Syntax Essentials
2. Quiz 1.5
1. Introduction
2. Setting Up a JavaScript Coding Environment
3. Example: Coding in an Editor
4. Online Editors
5. Integrated Development Environments (IDEs)
6. Lesson Summary
1. Summary
1. Introduction
2. Incorporating Javascript in a Webpage
1. JavaScript in Web Development
2. Quiz 2.1
1. External JavaScript Integration
2. Quiz 2.2
1. Handling JavaScript and XHTML Syntax Considerations
2. Quiz 2.3
1. JavaScript and Processing Forms - A Comprehensive Guide
2. Quiz 2.4
1. First JavaScript Program
2. Quiz 2.5
1. Summary
1. Introduction
1. Automatic Semicolon Insertion and Reserved Words in JavaScript
2. Quiz 3.1
1. Variables
2. Computer Languages and the Use of Variables
3. Quiz 3.2
1. Regular Expression
2. JavaScript regular expressions
3. Quiz 3.3
1. JavaScript Data Types
2. JavaScript Primitive Data Types
3. Quiz 3.4
1. Number
2. Number Methods
3. Number and BigInt
4. Quiz 3.5
1. Summary
1. Introduction
1. Operators
2. Logical Operators
3. JavaScript Operators
4. Quiz 4.1
1. Scope
2. Function Scope
3. Understanding JavaScript Scopes: Block, Function, Module, and Global
4. Quiz 4.2
1. Summary
1. Introduction
1. if else
2. "switch" Statement with a "break"
3. Conditional Statements in JavaScript
4. Quiz 5.1
1. "for" Statement
2. while loop
3. JavaScript Loops and Iteration Methods
4. Quiz 5.2
1. Summary
1. Introduction
1. Introduction to Functions
2. Overview of JavaScript Functions
3. Quiz 6.1
1. Functions Expression and Arguments
2. Function Arguments and Return Values in JavaScript
3. Quiz 6.2
1. Arrow Function Part 1
2. Arrow Function Part 2
3. Anonymous functions
4. Quiz 6.3
1. Summary
1. Introduction
1. Storing and Accessing Objects
2. Object basics
3. Dot notation
4. Bracket notation
5. Setting object members
6. What is "this"?
7. Introducing constructors
8. You've been using objects all along
9. Creating Multiple Objects with Constructors
1. JavaScript Object Creation
2. Introduction
3. Classes and instances
4. Inheritance
5. Encapsulation
6. OOP and JavaScript
7. Introduction to Object Prototypes
8. Setting a prototype
9. Shadowing properties
10. Classes and constructors
11. Inheritance with Classes
12. Encapsulation with Classes
13. Lesson Summary
14. Quiz 7.2
1. Introduction
2. Global Objects
3. Lesson Summary
4. Quiz 7.3
1. String Variables
2. Manipulating String Objects
3. JavaScript Strings: Properties, Methods, and Usage
4. Quiz 7.4
1. Date
2. Date Formats
3. Date Methods
4. Comprehensive Guide to JavaScript Date Object and Its Usage
5. Quiz 7.5
1. Summary
1. Introduction
1. How to Create and Manipulate Arrays
2. Comprehensive Guide to Arrays in JavaScript
3. Quiz 8.1
1. push() and pop() methods
2. Useful Array Methods
3. Converting between Strings and Arrays
4. Quiz 8.2
1. Introduction
2. Set
3. Map
4. What Is a Set?
5. What Is a Map?
6. Constructor, Static properties, Instance properties
7. Instance methods
8. Lesson Summary
9. Quiz 8.3
1. Summary
1. Assignment 1
2. Rubric for Assignment 1
1. Introduction
1. Understanding the DOM
2. The Document Object Model, DOM
3. Quiz 9.1
1. DOM Query Selectors
2. Locating and Navigating Elements
3. Quiz 9.2
1. Document Methods
2. Manipulating the DOM Tree
3. Quiz 9.3
1. Changing HTML Element Content and Attributes
2. Quiz 9.4
1. Removing Elements and Attributes
2. Quiz 9.5
1. DOM CSS and Animation
2. Changing element styles
3. Quiz 9.6
1. Summary
1. Introduction
1. Forms
2. HTML Forms
3. Quiz 10.1
1. Building HTML Forms
2. How to structure a web form
3. Quiz 10.2
1. Basic native form controls
2. Quiz 10.3
1. Form Validation
2. Client-side form validation
3. Quiz 10.4
1. Web Client/Server Architecture
2. Quiz 10.5
1. Using required, pattern, CSS, and JavaScript functions to validate forms
2. Design, Structure, and Semantics
3. Quiz 10.6
1. Sending Forms through JavaScript
2. Quiz 10.7
1. Summary
1. Introduction
1. Exception Handling
2. try / catch / finally / throw
3. Quiz 11.1
1. Error part 1
2. Error Part 2
3. JavaScript Errors
4. Quiz 11.2
1. What is Debugging?
2. Validating JavaScript
3. Install and Use JSHint in the Sublime Text
4. Debugging in JavaScript
5. Quiz 11.3
1. DOM Events
2. Handling DOM events
3. Quiz 11.4
1. Summary
1. Assignment 2
2. Check index.html
3. Download style.css
4. Download dictionary.json
5. Watch Output Video
6. Rubric for Assignment 2
1. Final Exam Instructions
2. Rubric for Final Exam
3. Final Exam- Theory questions
4. Final Exam - Multiple choice questions

About this course

240 lessons
1750+ Transfer Colleges
ACE & NCCRS Approved
Globally Recognized

Answers You Didn't Know You Needed!

General Questions

Is there any time commitment we have to give?

With UPI, you determine your own level of time commitment. You can move through coursework quickly or slow down your pace.
Are there exams? How is the course grading done?
YES, there are exams—held online on our platform and are proctored. Your course grade distribution is:

25% Attendance

25% Quiz

25% Assignments

25% Final Exam

Content Questions

How to check if your university will accept credits from UPI study?

To ensure your UPI Study courses transfer to your university, check two things:

1) Is your university listed? If it's one of the 1,500 universities listed with NCCRS, you're all set.

OR

2) Check your university's credit policy. If it says they accept credits from "regionally accredited" universities, you're good to go! As long as you meet one of these criteria, your courses should transfer without a hitch.

Check the list of colleges here.

Membership Questions

Will there be hand holding to help transfer courses?

Yes, that is what differentiates UPI. With each student their advisor will guide them on how to move forward.

Computer Science 190: Introduction to Javascript

Chapter 1: HTML, CSS, and JavaScript Basics

Ch 1.1: Foundations of HTML

Ch 1.2: Essentials of CSS

Ch 1.3: Understanding JavaScript

Ch 1.4: Introduction to Pseudocode

Ch 1.5: Comprehensive Overview of JavaScript Syntax: Case Sensitivity, Whitespaces, Comments, Semicolons, Literals, and Identifiers

Ch 1.6: Real-world Application of JavaScript: Setting Up the Development Environment

Summary of Chapter 1

Chapter 2: Integration of JavaScript with HTML

Ch 2.1: Understanding the HTML Script Tag in JavaScript

Ch 2.2: Comprehensive Guide to External JavaScript in HTML

Ch 2.3: Understanding the Element and JavaScript in XHTML Files

Ch 2.4: Manipulating HTML and Outputs with JavaScript

Ch 2.5: Example of a Simple JavaScript Program

Summary of Chapter 2

Chapter 3: Fundamentals of JavaScript Programming

Ch 3.1: Understanding Automatic Semicolon Insertion (ASI) and Reserved Words in JavaScript

Ch 3.2: Basics of Variables in JavaScript: Usage and Illustrations

Ch 3.3: Comprehensive Guide to JavaScript Regular Expressions (Regex)

Ch 3.4: JavaScript Primitive Data Types: Boolean, Undefined, Null, and Symbol

Ch 3.5: Numeric Data Types in JavaScript: Number and BigInt

Summary of Chapter 3

Chapter 4: Mastering JavaScript Basics: Operators, Variable Scope, and Data Handling

Ch 4.1: Exploring Operators in JavaScript

Ch 4.2: Understanding Variable Scope in JavaScript: Principles and Demonstrations

Summary of Chapter 4

Chapter 5: Conditional Logic and Iteration in JavaScript

Ch 5.1: Exploring Conditional Statements in JavaScript

Ch 5.2: Iterating with Loops in JavaScript: Types and Applications

Summary of Chapter 5

Chapter 6: Functions in JavaScript

Ch 6.1: Understanding JavaScript Functions: Principles and Applications

Ch 6.2: Handling Arguments and Return Values in JavaScript Functions: Concepts and Illustrations

Ch 6.3: Understanding Arrow Functions and Recursive Invocations in JavaScript

Summary of Chapter 6

Chapter 7: Advanced JavaScript Object Handling

Ch 7.1: Manipulating Objects in JavaScript

Ch 7.2: Object-Oriented Programming in JavaScript

Ch 7.3: Utilizing Built-In Objects

Ch 7.4: Strings in JavaScript: Concepts and Exemplifications

Ch 7.5: Managing Date and Time in JavaScript: Features and Practical Examples

Summary of Chapter 7

Chapter 8: Understanding JavaScript Data Structures

Ch 8.1: Understanding JavaScript Arrays: Structure and Implementation

Ch 8.2: Manipulating Arrays and Strings in JavaScript

Ch 8.3: Overview of Maps and Sets

Summary of Chapter 8

Assignment 1

Chapter 9: Understanding the Document Object Model (DOM) with JavaScript

Ch 9.1: Exploring the Document Object Model (DOM): Concept and Functionality

Ch 9.2: Working with Nodes in the DOM Tree: Locating and Navigating Elements

Ch 9.3: Navigating and Manipulating the DOM Tree: Essential Methods and Techniques

Ch 9.4: Changing HTML Element Content and Attributes

Ch 9.5: Removing Elements and Attributes in HTML and JavaScript

Ch 9.6: Dynamic CSS Manipulation with JavaScript in Web Development

Summary of Chapter 9

Chapter 10: Utilizing Forms with JavaScript

Ch 10.1: Exploring HTML Forms and Submission: Concepts and Demonstrations

Ch 10.2: Building Accessible and Structured HTML Forms

Ch 10.3: HTML Form Elements: An Overview of Input Types and Controls

Ch 10.4: Comprehensive Guide to Form Validation in Web Development

Ch 10.5: Comprehensive Guide to Web Client/Server Architecture and Form Handling

Ch 10.6: Building Custom HTML Controls: Design, Structure, Semantics, and Implementation

Ch 10.7: Submitting Form Data Using JavaScript: An In-Depth Guide

Summary of Chapter 10

Chapter 11: Managing Errors, Debugging, and Handling Events in JavaScript

Ch 11.1: Error Handling in JavaScript

Ch 11.2: Common JavaScript Errors: ReferenceError, SyntaxError, and TypeError

Ch 11.3: Techniques for Debugging JavaScript: Methods, Strategies, and Practical Examples

Ch 11.4: Advanced Event Handling and User Interface Applications in JavaScript

Summary of Chapter 11

Assignment 2

Final Exam

About this course

Answers You Didn't Know You Needed!