Learn JavaScript - For Beginners

Learn how to Code Web Pages using JavaScript

Created byYouAccel Training

Last updated 4/2019

English

What you'll learn

Document Object Model (DOM)
JavaScript Variables & Constants
JavaScript Arithmetic Operators
JavaScript Operator Precedence
JavaScript Data Types
JavaScript Objects
JavaScript Special Characters
JavaScript Functions
JavaScript Arrays
JavaScript Sorting & Slicing Arrays
JavaScript Booleans, Loops, For-In, For, Do-While, While Loops
JavaScript Functions
JavaScript Events

Course content

2 sections • 43 lectures • 1h 28m total length

DOM Introduction3:12
DOM Manipulation1:17

Introduction5:41
JS Placement2:09
External JavaScript1:50
Create an external JavaScript file, save it as a .js file, and call it in head with a script tag using src, gaining easier maintenance, caching, and faster loads.
JavaScript Output1:41
JavaScript InnerHTML1:03
Explore how innerHTML outputs results to an HTML element using getElementById. A script computes 6 plus 3 and displays 9 in the browser, with easy updates for new results.
JavaScript Commenting1:48
JavaScript Constants1:34
JavaScript Variables Introduction4:31
JavaScript Assignment Operator1:05
JavaScript Arithmetic Operations3:43
JavaScript Arithmetic Operations Continued3:45
JavaScript Operator Precedence0:58
JavaScript Data Types1:13
JavaScript Objects1:42
JavaScript Object Output1:22
Learn how to output multiple properties of a JavaScript object in a single sentence, combining first name, last name, and eye color with string literals and the plus operator.
JavaScript Strings3:11
JavaScript String Length0:41
JavaScript Special Characters1:18
JavaScript Random Numbers0:54
JavaScript Min and Max Function1:05
Discover how to use Math.min and Math.max to find the lowest and highest values in a list, with practical browser-based testing that demonstrates the results.
JavaScript Math Round Function1:38
JavaScript Arrays2:14
JavaScript Array Attributes1:28
JavaScript Arrays - Pop - Push - Shift - Unshift2:04
JavaScript Changing and Deleting Elements1:58
JavaScript Splicing an Array1:35
JavaScript Sorting an Array1:24
JavaScript Joining Arrays1:04
JavaScript Conditional Statements6:17
Discover how JavaScript conditional statements use if else and else if to convert a numeric score into a letter grade, with range checks and an upper bound error.
JavaScript Comparisons2:26
JavaScript Booleans1:21
JavaScript For Loops2:40
JavaScript For-In Loop0:46
JavaScript While Loops2:08
Explore how the while loop runs code while a condition holds, outputting a 0 starting value and incrementing by 1 up to a chosen maximum, such as 20.
JavaScript Do-While Loop1:58
JavaScript Break and Continue1:14
JavaScript Functions1:53
JavaScript Events1:18
Explore how JavaScript events in HTML trigger code, including click, mouse over, and mouse out. See a sample button display the date and time on click.
JavaScript Project 1 - BG Color Changer2:13
JavaScript Project 2 - Photo Gallery2:24
Build a JavaScript photo gallery with top thumbnails and a main preview image; hover a thumbnail updates the main image and activates a hover border and color style via CSS.
JavaScript Project 2 - Completion2:38

Requirements

Basic Computer Skills

Description

Course: Learn JavaScript - For Beginners
Learn how to Code Web Pages using JavaScript

Students learn to add dynamic, interactivity to web pages using JavaScript.

We start with exploring the fundamental concepts, including JavaScript placement and output functions. We then transition to working with arithmetic operators, math functions, arrays, sorting, conditional statements and loops. Students also learn to work with events and functions.

The course includes several hands-on exercises to help students master this essential scripting language.

What you'll learn - Overview:

Document Object Model (DOM)
JavaScript Variables & Constants
JavaScript Arithmetic Operators
JavaScript Operator Precedence
JavaScript Data Types
JavaScript Objects
JavaScript Special Characters
JavaScript Functions
JavaScript Arrays
JavaScript Sorting & Slicing Arrays
JavaScript Booleans, Loops, For-In, For, Do-While, While Loops
JavaScript Functions
JavaScript Events

Key Concepts:

Document Object Model (DOM)
JavaScript Introduction
JS Placement
External JavaScript
JavaScript Output
JavaScript InnerHTML
JavaScript Commenting
JavaScript Constants
JavaScript Variables Introduction
JavaScript Assignment Operator
JavaScript Arithmetic Operations
JavaScript Arithmetic Operations Continued
JavaScript Operator Precedence
JavaScript Data Types
JavaScript Objects
JavaScript Object Output
JavaScript Strings
JavaScript String Length
JavaScript Special Characters
JavaScript Random Numbers
JavaScript Min and Max Function
JavaScript Math Round Function
JavaScript Arrays
JavaScript Array Attributes
JavaScript Arrays - Pop - Push - Shift - Unshift
JavaScript Changing and Deleting Elements
JavaScript Splicing an Array
JavaScript Sorting an Array
JavaScript Joining Arrays
JavaScript Conditional Statements
JavaScript Comparisons
JavaScript Booleans
JavaScript For Loops
JavaScript For-In Loop
JavaScript While Loops
JavaScript Do-While Loop
JavaScript Break and Continue
JavaScript Functions
JavaScript Events
JavaScript Project 1 - BG Color Changer
JavaScript Project 2 - Photo Gallery
JavaScript Project 2 - Completion

Your Instructor:

YouAccel is a leading provider in online training, offering courses across numerous industries from IT and Development to Business, Marketing, Design, and Productivity.

The courses can be taken at one's own pace and are offered at several levels including beginner, intermediate and advanced. Online courses are also compatible with any mobile device for the ultimate in convenience.

Who this course is for:

Beginner Web Developers who want to Learn JavaScript

Learn JavaScript - For Beginners

What you'll learn

Explore related topics

Course content

Document Object Model (DOM)2 lectures • 4min

JavaScript Development41 lectures • 1hr 24min

Requirements

Description

Who this course is for: