Home » Computer Science » JavaScript » Working With JavaScript

Connecting...

This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of JavaScript
Bookmark & Share Embed

Share this knowledge with your friends!

Copy & Paste this embed code into your website’s HTML

Please ensure that your website editor is in text mode when you paste the code.
(In Wordpress, the mode button is on the top right corner.)
  ×
  • - Allow users to view the embedded video in full-size.
Since this lesson is not free, only the preview will appear on your website.

  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Services

Lecture Comments (10)

0 answers

Post by Richard Pan on May 17, 2020

Is there a way I could download the code files?

1 answer

Last reply by: Maury Hillstrom
Sat Nov 28, 2015 3:22 AM

Post by David Fan on November 17, 2015

whats the difference between document.write() and document.writeln() ?

1 answer

Last reply by: Maury Hillstrom
Wed Feb 19, 2014 6:08 PM

Post by David Seto on February 14, 2014

Firefox 27 does not have the option of enabling or disabling JavaScript.  Installing the addon of "SettingSanity" solves this problem. This thing adds back the removed options for JavaScript, Advanced JavaScripot Settings, loading images, and showing the Tab bar.

1 answer

Last reply by: Maury Hillstrom
Fri May 10, 2013 3:17 PM

Post by Michael Cremin on May 9, 2013

I get a table of contents for Java script but when I go to any item a get a black page, no test, audio. Please fix.

2 answers

Last reply by: Eric Rapinchuk
Thu May 10, 2012 7:06 PM

Post by Jorge Guerrero on March 30, 2012

Maury, I tried outputting the exact same code you have on screen, and only the last line comes out when I run it after 6 pm on the system clock.

I did a manual line by line debugging of the script and figured I had to delete the hour = hour - 12 line for the script to run proper.

Any idea why this happened? Please help. Tnx

Working With JavaScript

  • JavaScript was developed by Netscape in 1995
  • JavaScript runs as embedded code in HTML file or as a called JavaScript file
  • JavaScript files are stored with a .js extension

Working With JavaScript

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • History of JavaScript 0:14
    • History of JavaScript
  • JavaScript vs. Java 1:16
    • Differences and Similarities Between JavaScript and Java
  • Enabling JavaScript 4:56
    • Running JavaScript in Browsers
  • Allowing Active Content: IE 6:38
    • How to Allow Active Content in Internet Explorer
  • Allowing Active Content: Firefox 7:36
    • How to Allow Active Content in Firefox
  • Allowing Active Content: Safari 7:59
    • How to Allow Active Content in Safari
  • Allowing Active Content: Google Chrome 8:28
    • How to Allow Active Content in Google Chrome
  • Pseudocode 9:09
    • What is Pseudocode?
    • Examples: Pseudocode
  • Extra Examples 12:27
    • Basic Math
    • Using System Clock and Comparison Operators

Related Services

Maury Hillstrom

Maury Hillstrom

Working With JavaScript

Slide Duration:

Table of Contents

Section 1: JavaScript
Introduction to JavaScript

22m 43s

Intro
0:00
What is JavaScript
0:07
Real Life Example 1
0:28
Real Life Example 2
0:56
Real Life Example 3
1:31
Text Editor
2:20
JavaScript vs. Java
4:54
Is JavaScript the Same as Java?
4:55
JavaScript Comment Syntax
5:51
Comment Syntax
5:52
Viewing a JavaScript File
6:45
Browser
6:46
Source Code
7:34
Text Editor
7:50
Example: Browser
8:28
Example: Simple JavaScript File
9:13
Example: JavaScript File
10:43
Example: Font & JavaScript
12:25
Example: Adding Text Color
13:37
Example: Adding a Break Tag
16:04
Example: Adding User Alert Message
17:48
Example: Adding Multi-Line User Alert Message
19:02
Example: Variable & JavaScript
20:40
Working With JavaScript

27m 5s

Intro
0:00
History of JavaScript
0:14
History of JavaScript
0:15
JavaScript vs. Java
1:16
Differences and Similarities Between JavaScript and Java
1:17
Enabling JavaScript
4:56
Running JavaScript in Browsers
4:58
Allowing Active Content: IE
6:38
How to Allow Active Content in Internet Explorer
6:40
Allowing Active Content: Firefox
7:36
How to Allow Active Content in Firefox
7:37
Allowing Active Content: Safari
7:59
How to Allow Active Content in Safari
8:00
Allowing Active Content: Google Chrome
8:28
How to Allow Active Content in Google Chrome
8:29
Pseudocode
9:09
What is Pseudocode?
10:20
Examples: Pseudocode
10:45
Extra Examples
12:27
Basic Math
13:01
Using System Clock and Comparison Operators
23:08
If Logic

35m 39s

Intro
0:00
The Mighty 'if'
0:11
'If' Statements
0:13
Conditional Statements in JavaScript
4:00
'If' Statement
4:06
'If Else' Statement
4:36
'If Else If Else' Statement
5:29
'Switch' Statement
6:23
Example 1: If Statement
6:47
Example 2: Two If Statements
9:29
Example 3: Multiple If Statements
10:49
Example 4: If Else Statement
14:45
Example 5: If Else If Else Statement
16:32
Example 6: Employee Pay
18:58
Example 7: Random Number Generator
26:36
Example 8: Switch Statement
30:11
Operators

57m 26s

Intro
0:00
Types of Operators
0:09
Operators Overview
0:20
Arithmetic Operators
1:14
Example: Arithmetic Operators
1:15
Arithmetic Rules of Precedence
4:38
PEMDAS (Algebra)
4:59
P (MDR) (AS) (JavaScript)
5:43
Assignment Operators
11:58
Example: Assignment Operators
11:59
Comparison Operators
15:16
Example: Comparison Operators
15:17
Boolean Logical Operators
18:19
&& Operator
18:44
|| Operator
19:47
! Operator
22:04
Special Conditional Operator
22:25
Syntax
22:26
Example
23:17
Increment and Decrement Operators
24:03
Pre-Increment Operator
24:38
Pre-Decrement Operator
25:40
Post-Increment Operator
26:19
Post-Decrement Operator
27:07
Example 1: Modulus Operator
27:53
Example 2: Assignment Operator
32:14
Example 3: Characters and Data Types
37:57
Example 4: Characters and Data Types
43:17
Example 5: Boolean Logical Operators
44:56
Example 6: 'or' Logic
46:43
Example 7: Conditional Operators
49:39
Example 8: Increment and Decrement Operators
52:18
Loops

23m 42s

Intro
0:00
Types of Loops
0:05
For Loop
0:54
While Loop
1:19
Do…While Loop
2:03
For…in Loop
2:48
Main Purpose of Loops
3:57
Example 1: For Loop
4:21
Example 2: For Loop with Total
7:00
Example 3: For Loop in HTML
10:31
Example 4: Reverse For Loop
12:02
Example 5: While Loop
14:08
Example 6: Do While Loop
15:50
Example 7: Break Loop
17:06
Example 8: Late Break Loop
18:42
Example 9: Continue Break Loop
20:05
Example 10: For…in Loop
21:28
Functions

31m 55s

Intro
0:00
Q & A
0:08
Questions and Answers
0:14
Two Main Types of Functions
1:11
JavaScript Library Functions
1:26
Programmer-Defined Functions
1:38
Library Functions
1:55
JavaScript Library Functions
1:56
Examples
2:23
Programmer-Defined Functions
3:01
Procedure
3:02
Programmer-Defined Functions
4:05
Function Definition Syntax
4:10
Example 1: Delayed Function
5:46
Example 2: Squared Numbers
8:15
Example 3: Exponents
12:08
Example 4: One Die
16:13
Example 5: Area of Circle
22:09
Example 6: Area of Circle With Exponent
25:53
Example 7: Temperature Converter
27:21
Events

24m 24s

Intro
0:00
Object-Oriented, Event-Driven Programming
0:08
OBJECT + EVENT = PROGRAM
0:10
Examples of Objects
1:49
Windows/OS Objects
1:52
Examples of Objects
2:48
JavaScript Objects
2:49
Examples of Events
3:19
Mouse Clicks
3:27
Mouse-Overs
3:39
Keystrokes
4:17
Page Loads
4:38
Other User Inputs
5:07
Examples of Programs
5:34
Examples
5:42
Summary
6:41
OBJECT + EVENT = PROGRAM
6:42
Example 1: Graphic Object
7:20
Example 2: Mouse Over Events
10:36
Example 3: X/Y Screen Pixel Coordinates
14:22
Example 4: Keystroke Detector
17:21
Example 5: Event Bubbling
20:51
Error Handling

21m 25s

Intro
0:00
Using Try..Catch to Detect Errors
0:09
What is Handling Errors?
0:23
Try..Catch Syntax
1:22
Throwing Exceptions
2:13
Throw Statement Syntax
2:15
Special Text Characters
2:57
Special Text Characters
2:58
Example 1: Try...Catch
4:51
Example 2: Try…Catch Correction
8:32
Example 3: Try…Catch Redirection
10:53
Example 4: Try Catch Throw
12:14
Example 5: Throwing Errors
18:24
Example 6: Special Characters Error
19:51
Example 7: Special Text Characters
20:38
Objects

26m 15s

Intro
0:00
Definitions
0:08
Objects
0:28
Methods
0:44
Properties
1:01
Example
1:22
String Object
1:26
Test Object
2:15
Common JavaScript Objects
3:10
Array Object
3:25
Boolean Object
3:44
Date Object
3:52
Form Object
4:09
Math Object
4:48
Number object
4:58
String Object
5:27
Window Object
5:32
Document Object
5:48
Regular Expression Objects
5:55
Regular Expression Syntax
5:57
Example 1: Object Method
7:04
Example 2: Object Property
8:41
Example 3: String Object Styles
9:09
Example 4: String Match Method
11:00
Example 5: String Replace Method
12:45
Example 6: Web Page Clock
14:05
Example 7: Math Object Absolute Value
15:25
Example 8: Minimum and Maximum Values
17:05
Example 9: Form Objects
18:47
Example 10: Regular Expressions
23:22
Arrays

18m 19s

Intro
0:00
What is an Array?
0:09
Defining an Array
0:10
Declaring an Array
1:30
Declaring an Array
1:31
Regular Array Syntax
1:47
Regular Array Syntax
1:48
Condensed Array Syntax
2:35
Condensed Array Syntax
2:36
Literal Array Syntax
3:08
Literal Array Syntax
3:09
Push and Pop
3:30
Push and Pop Methods
3:32
Example 1: Array Creation
4:18
Example 2: Array Element Display
6:30
Example 3: Array Pop Method
7:39
Example 4: Array Push Method
9:12
Example 5: Array Reverse Method
10:22
Example 6: Array Shift Method
11:27
Example 7: Array Sort Method
12:53
Example 8: Array Slice Method
13:53
Example 9: Array Splice Method
16:42
Educator®

Please sign in to participate in this lecture discussion.

Resetting Your Password?
or
Still having trouble? Contact us
OR

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
 Get immediate access to our entire library.

Membership Overview

  • Available 24/7. Unlimited Access to Our Entire Library.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lecture slides for taking notes.
  • Track your course viewing progress.
  • Accessible anytime, anywhere with our Android and iOS apps.