Centriq Training Print Logo

Saturday

January 25 06:26 AM

Inclement Weather Class Alerts

 

Kansas City-Based Classes
913.322.7009

 

St. Louis-Based Classes
314.450.4734

 

If class start times are impacted by inclement weather, plans will be shared on the relevant Weather Hotline listed above. Decisions are made by 6:00 AM for day classes and 3:30 PM for evening classes.

  • 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
Request a Date

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