Home » Computer Science » JavaScript » Introduction to 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.

  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Services

Lecture Comments (10)

0 answers

Post by Maureen Dempsey on July 2, 2013

Oh I got the answer, you just write it with the space.

0 answers

Post by Maureen Dempsey on July 2, 2013

Hi could you answer my question? How would I code font family Accent SF? It's separated by a space. Thanks

1 answer

Last reply by: Sue Zhang
Sun Jul 12, 2020 7:23 PM

Post by Maureen Dempsey on April 1, 2013

hi if the font is 2 separate words how do you type it into the code?

1 answer

Last reply by: Hong Yang
Sun Sep 13, 2020 8:44 AM

Post by Martin Philogene on April 4, 2012

For some reason the videos keep freezing up in the middle of the video, and then it restarts.

0 answers

Post by chris bagwell on December 14, 2011

how come the javascript is in the head tag and not in the body tag would that make a difference?

1 answer

Last reply by: Mahmoud Elkhalifa Taha
Mon Apr 8, 2013 7:22 AM

Post by Abdullah Alsaif on March 19, 2011

Do i have to be good at java to learn javascript?

Introduction to JavaScript

  • JavaScript is a scripting programming language used to enhance webpages and provide user interaction
  • JavaScript and the Java programming language are not the same, although they are both based on C syntax
  • JavaScript cannot run on its own and requires a host program such as a web browser in order to run
  • JavaScript and HTML work hand-in-hand to perform tasks and display text and graphics
  • A programmer can place comments after a double slash (“//”) within JavaScript code
  • There are three basic ways to view JavaScript:
  • As a webpage through a browser
  • As read-only source code through the browser
  • As editable code in text editor

Introduction to 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
  • What is JavaScript 0:07
    • Real Life Example 1
    • Real Life Example 2
    • Real Life Example 3
    • Text Editor
  • JavaScript vs. Java 4:54
    • Is JavaScript the Same as Java?
  • JavaScript Comment Syntax 5:51
    • Comment Syntax
  • Viewing a JavaScript File 6:45
    • Browser
    • Source Code
    • Text Editor
  • 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

Related Services

Maury Hillstrom

Maury Hillstrom

Introduction to 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.