Centriq Training Print Logo

Tuesday

July 23 07:27 AM

WD-405

Introduction to JavaScript

  • Ways to Train:
  • Live Classroom
    Class is delivered at a Centriq location with a live instructor actually in the classroom.
  • Live Virtual Class
    Class is delivered live online via Centriq's Virtual Remote technology. Student may attend class from home or office or other location with internet access.
  • HD Class
    Class is delivered via award winning HD-ILT at Centriq's facility. Students view the live instructor utilizing a 60'' HD monitor.
  • Ways to Buy:
  • Retail
    Class can be purchased directly via check, credit card, or PO.
  • CV Centriq Vouchers
    Class is available for students using Centriq Vouchers.
  • AP AP Eligible
    Class is available to students utilizing Centriq's unique Annual Pass program.
  • SA SATV Eligible
    Class is available for students utilizing Microsoft Software Assurance Training Vouchers.
  • CLC Cisco Learning Credit
    Class is available for students using Cisco Learning Credits.
Start Date End Date Duration Days Start Time End Time Time Zone Location Ways to Train Ways to Buy Price
11.04.19 11.07.19 4 Days M-TH 8:30AM 4:00PM Central Kansas City Live Classroom Live Virtual Classroom Cash CV Centriq Vouchers AP Annual Pass Eligible $2200.00
 
 
4.0 CV
Enroll Now

This four-day course contains information about the challenges of working with a small screen that can drop internet connection. Learn about designing apps for the mobile environment. 

Audience

Non-programmers managing web sites, programmers from another language who want to maintain or develop web applications using JavaScript.

Prerequisites

HTML and CSS at a basic level.

Course Completion

Students will have a background in how JavaScript differs from other languages and be able to understand basic coding constructs.

View Course Outline

Introduction

  • pre-ECMAScript 1995
  • ECMAScript 1996 – 2011
  • ECMAScript 6 (ES6)
  • v8
  • Nashorn
  • Background
  • JavaScript trends
  • Development process choices

Scripting in HTML

  • Script tags
  • <noscript>
  • “use strict”
  • Output methods
  • Comments

Syntax & Variables

  • Code blocks
  • Statements
  • Variables
  • Identifiers
  • var
  • Block scope
  • Statement types
  • Variables get copied values
  • Data types
  • Strings (text)
  • boolean
  • truthy / falsey
  • Variables in scripts
  • Operators
  • Arithmetic
  • Relational
  • Logical
  • Logical – short circuit
  • Default and guard usage
  • Compound operators
  • If-else replacement (ternary op)
  • typeof
  • Operator precedence
  • Program flow
  • Program flow types
  • for loop logic
  • for syntax – init
  • for syntax – test
  • for syntax – step
  • Loop keywords – control
Debugging
  • console.*
  • conso
  • le.log(a, b, c…)
  • console.table( )
  • Tips
  • debugger;

Functions

  • A process/function  model
  • Basics
  • Syntax
  • Naming
  • Using parameters
  • Calling functions
  • Pre-defined functions
  • Function scope
  • Function hoisting
  • Math

Program flow 2

  • Conditional basics
  • Conditionals
  • Nesting ifs
  • Checking values with switch
  • while loop
  • do while loop

Coding workflow

  • Name all your functions
  • Avoid closures
  • Use more and smaller functions
  • Check syntax & style
  • Strongly consider strict mode

Arrays

  • Creating + initializing
  • Accessing and length
  • Initializing
  • Sparseness
  • Array indexes  & properties
  • Associative arrays
  • The arguments array
  • Array of functions
  • Array-like objects
  • Array-like object à array

Program flow 3

  • Array looping
  • forEach and related - ES5
  • for loop
  • for-in
  • for-of - ES6
  • explicit iterators – ES6

Objects

  • Intro
  • A relational data structure
  • An object data structure
  • Relational vs. OO
  • Objects
  • this
  • Creating an object - object initializers
  • Creating an object – constructors
  • Using the properties
  • Adding functions
  • Composition
  • for-in
  • Treating objects like an array

DOM Objects

  • the DOM
  • A DOM tree of nodes
  • Document properties
  • Nodes
  • Selecting nodes
  • Selecting nodes
  • querySelector( )
  • querySelectorAll( )
  • Navigator properties
  • History properties
  • Window object

DOM manipulation

  • Intro
  • Traversal
  • Attributes – HTML
  • Attributes - non HTML
  • Content
  • Create, insert, delete nodes

Events & event handlers

  • Intro
  • Binding/registering event handlers
  • Register event handlers
  • Event type overview
  • Events in the handler
  • Events in the handler – IE8
  • Useful value properties
  • addEventListener( )
  • attachEvent( )
  • Default action / bubbling / propagation

Math, Number, and Date Objects

  • Randomizing
  • Random link
  • Number
  • Strings to numbers
  • Date

Strings

  • Intro
  • Manipulation

Regular Expressions

  • Intro
  • Resources
  • Metacharacters
  • Quantifiers (greedy)
  • Characters
  • Character classes
  • Predefined Character Classes
  • Lookaround
  • Capturing groups
  • Match flags - embedded / flag
  • Writing for JavaScript
  • Functions

jQuery

  • the jQuery datatype
  • Creations
  • Conversion

Libraries

  • General Utilities
  • Misc
  • Communciation
  • Charting
  • Mapping
  • Diagramming
  • Color
  • Misc

Resources