PROGRAMMING Training
Web Development & JavaScript
Overview
A combination of the Web Development Foundation - HTML and JavaScript and JavaScript Web Development courses, this course builds on the core understanding of web technologies with coverage of the JavaScript programming language and supporting libraries.
In a practical, hands-on environment, delegates cover markup with HTML, XHTML and introducing HTML5, through styles and separation of styling concerns using CSS, and including aspects of web design and IDE/tool choices, before working with JavaScript in a browser environment to compose and manipulate web aspects and components using a variety of techniques.
Prerequisites
Attendees should be familiar and comfortable with the basic use of the keyboard and mouse as well as having had exposure to browser environments such as Microsoft Internet Explorer, Firefox or Opera.
Programming experience would be advantageous. While not a specific requirement, it would be beneficial if delegates had some exposure to either a procedural or object oriented language and have sufficient core understanding of programming structures and concepts.
Objectives
By the end of the course delegates should be able to:
- Understand the need for HTML, XHTML, and CSS
- Appreciate the W3C DOM
- Understand web development tools and techniques
- Review common web languages
- Use open source software to build web pages
- Understand the web landscape
Delegates will also gather a core understanding of the practical application of the JavaScript language and common libraries in a web context. The core of the language is the main concern, introducing the major features of web programming such as the DOM, browsers, user interaction and working in a browser environment in order to provide a grounding in the major aspects of JavaScript web development.
Outline
Course Contents - DAY 1
Course Introduction
- Administration and Course Materials
- Course Structure and Agenda
- Delegate and Trainer Introductions
Session 1: INTRODUCTION TO INTERNET TECHNOLOGY
- Internet Evolution
- Internet Protocols
- Prevalent Internet Technologies Investigation
- Current Browser and Web Programming Discussion
- Current Tools and Technologies Discussion
- W3C and Internet Governance
Session 2: W3 Basics
- URLs and navigation
- Ports in action
- The HyperText Transfer Protocol
- Browser operation
- HTTP interactions
- Client Request and Server Response
- MIME
Session 3: INTRODUCTION TO HTML/XHTML
- HTML/XHTML Document Structure
- Core HTML/XHTML Language Structures
- Basic Text Commands
- HTML vs. XHTML
- Links and Webs
- Images and Multimedia
- Introducing HTML5
- Validators and Consistency Checkers
Session 4: FURTHER HTML
- Using Tables
- Using Forms
- Images and Multimedia
- HTML5: Markup, Forms, Video and Audio, Canvas
Course Contents - DAY 2
Session 5: INTRODUCTION TO CSS
- CSS Basics
- CSS Inheritance, Classes and ID's
- Applying CSS to Markup
- Fonts and Colours
Session 6: FURTHER CSS
- The Box Model
- Div and Span Elements
- Layout and Positioning
- Introduction to CSS3
Session 7: Extras
- Browsers: Firefox, Opera, Internet Explorer
- IDE's and Browser Plugins
- Rich Internet Applications
Session 8: JAVASCRIPT INTRODUCTION
- The Role of JavaScript
- JavaScript Fundamentals
Course Contents - DAY 3
Session 9: INTRODUCTION TO JAVASCRIPT WEB DEVELOPMENT
- JavaScript vs. Java
- JavaScript Tasks
- JavaScript Evolution
- Security Overview
- JavaScript Versions and Browser Support
- JavaScript Engines
Session 10: LANGUAGE STRUCTURE
- Character Set
- Case Sensitivity
- Layout and Whitespace
- JavaScript Literals
- Identifiers
- Reserved Words
- Operator Precedence
Session 11: DATATYPES AND VALUES
- Numbers
- Strings
- String Methods
- Booleans
- JavaScript Functions
- The this Keyword
- Objects Introduction
- Arrays Introduction
- Type Conversion
- Primitive Datatype Wrappers
Session 12: VARIABLES, OPERATORS AND EXPRESSIONS
- JavaScript Variables
- JavaScript Expressions
- Arithmetic Operators
- Relational Operators
- String Operators
- Logical Operators
- Bitwise Operators
- Assignment Operators
- The global Object
Course Contents - DAY 4
Session 13: JAVASCRIPT CONTROL STRUCTURES
- If/Else
- For/For In
- While
- Switch
- Break and Continue
- Using var
- Function
- Return
- JavaScript Exception Handling
- With and Empty Keywords
Session 14: OBJECTS AND ARRAYS
- Object
- Common Properties and Methods
- Dates, Times and Timers
- Classes and Prototyping
- Arrays
- Array Methods
Session 15: JAVASCRIPT FUNCTIONS
- Defining Functions
- Invoking Functions
- Functions as Data
- Anonymous Functions
- Passing Arguments to Functions
Session 16: INTRODUCTION TO REGULAR EXPRESSIONS
- The RegEx Object
- Methods and Usage
- Patterns Matching Examples
- Regular Expressions Tools
Course Contents - DAY 5
Session 17: BROWSER-BASED JAVASCRIPT
- The Window Object
- JavaScript Event Handling
- JavaScript Form Handling
- The Document Object Model
- Cookies
- Alternative Storage Options
Session 18: JAVASCRIPT TOOLS
- Profiling JavaScript
- Firebug
- Fiddler
- YSlow
- Other JavaScript Tools
Session 19: JAVASCRIPT EXTRAS
- Direct Web Remoting (DWR)
- Node Discussion
- AHAH/JAH
- AJAX
- Working with Structured Data
- JavaScript Libraries/Frameworks
Session 20:USING JQUERY
- The jQuery Library
- jQuery Core
- jQuery Effects and Events
- jQuery Ajax