JavaScript Training Course
Course Summary
JavaScript Training Course teaches JavaScript using the by-example methodology that focuses on hands-on learning. This course's unique and classroom-tested learning path contains hundreds of small, easy-to-understand examples that demonstrate the full range of JavaScript's power.
One step at a time, JavaScript Training Course guides new JavaScript programmers through every essential technique, from script setup to advanced DOM and CSS programming.
[top] Duration
2 days.
[top] Objectives
- Data types, literals, and variables
- Operators, control structures, and functions
- Building dialog boxes and working with JavaScript objects using the Browser object: navigator, windows frames, dynamic images, and links
- Event handling, regular expressions, and form validation
- The JavaScript Document Object Model (DOM), Cascading Style Sheets (CSS), and Dynamic HTML
[top] Audience
Whether you're a first-time or long-time scripter, a Web professional or sysadmin, this course will help you write rock-solid JavaScripts that gets the job done.
[top] Prerequisites
[top] Instructors
In addition to web sites, GUI applications, and mobile device software, Adam has also built high-volume middleware for one of the world's largest banks, and produced a new, modern integration to a 1960s-vintage mainframe app for one of the world's largest airlines.
Adam focuses on designing and coding systems in a way that yields predictable results, leverages best practices and high-productivity tools, minimizes excess code, and is fun to do. He has also spoken at tech conferencs, written articles and skill assessments, and produced an open source tool for software development. Adam has enjoyed teaching large and small groups, covering topics from nuts-and-bolts Java programming to merging ideal process with real-world constraints in an organization. More about Adam Breindel...
Simeon has been been a software developer for a decade and a half with expertise in many old and annoying technologies like Visual Basic, Delphi, Perl and PHP. In 2007 while working as the lead developer for a web design firm he discovered Python and liked it so much he quit his job to use it!
Since then his career as a developer has been particularly focused on "big data" web applications but Python and Django have remained his favorite tools of choice.
For the last two years Simeon has been an expert instructor for Marakana, creating and teaching Python, Django, and client side Javascript courses for developers at technology giants like Cisco, Intel, and Facebook. He can be found hanging out and organizing the Python Community in the Bay Area at Baypiggies or SF Python Meetup and you can follow him on twitter @simeonfranklin or on his blog at simeonfranklin.com More about Simeon Franklin...
[top] Outline
Introduction to JavaScript
- What JavaScript Is and What JavaScript Is Not
- What JavaScript Is Used For
- JavaScript and Events
- What Versions? What Browsers?
- Where to Put JavaScript
- JavaScript and Old or Disabled Browsers
- JavaScript from External Files
Script Setup
- The HTML Document and JavaScript
- Syntactical Details
- Generating HTML and Printing Output
- About Debugging
The Building Blocks: Data Types, Literals, and Variables
- Data Types
- Variables
- Bugs to Watch For
- Exercises
Dialog Boxes
- Interacting with the User Exercises
Operators
- About JavaScript Operators and Expressions
- Types of Operators Number, String, or Boolean?
- Datatype Conversion
- Special Operators
Under Certain Conditions
- Control Structures, Blocks, and Compound Statements
- Conditionals
- Loops
Functions
- What Is a Function?
- Debugging
Objects
- What Are Objects?
- User-Defined Objects
- Manipulating Objects
JavaScript Core Objects
- What Are Core Objects?
- Array Objects
- Array Properties and Methods
- The Date Object
- The Math Object
- What Is a Wrapper Object?
The Browser Objects: Navigator, Windows, and Frames
- JavaScript and the Browser Object Model
The Document Objects: Forms, Images, and Links
- The Document Object Model
- Introduction to Forms
- Introduction to Images
- Introduction to Links
Handling Events
- Introduction to Event Handlers
- Event Handlers as JavaScript Methods
- Handling a Window or Frame Event
- Handling Mouse Events
- Handling Link Events
- Handling a Form Event
- Handling Key Events: onKeyPress, onKeyDown, and onKeyUp
- Handling Error Events
- The event Object
Regular Expressions and Pattern Matching
- What Is a Regular Expression?
- Creating a Regular Expression
- Getting Control—The Metacharacters
- Form Validation with Regular Expressions
Cookies
- What Are Cookies?
- Creating a Cookie with JavaScript
Dynamic HTML: Style Sheets, the DOM, and JavaScript
- What Is Dynamic HTML?
- What Is a Style Sheet?
- Types of Style Sheets
- Where Does JavaScript Fit In?
JavaScript Web Resources
- HTML Documents: A Basic Introduction
- Intro to the Intro
- What Is HTML? HTML Tags
- The Minimal HTML Document
- Character Formatting
- Linking
- Adding Comments
- Case Sensitivity
- Graphics and Images
- Troubleshooting
- Metatags, Cascading Style Sheets, and Java
- Looking Behind the Scenes (or, What Did We Do Before the Right-Click?)
- What About Frames?
- Talking to Servers
- Rich internet applications
- AJAX communication with servers
- Using the JSON data format
- AJAX security restrictions and JSONP
- Brief Intro to Server-side Programming in Javascript with Node
- What is Node?
- Setting up Node
- Creating a service (server-side script) with Node