JavaScript Programming

Size: px

Start display at page:

Download "JavaScript Programming"

Jasper Greene
6 years ago
Views:

1 JavaScript Programming Course ISI-1337B - 5 Days - Instructor-led, Hands on Introduction Today, JavaScript is used in almost 90% of all websites, including the most heavilytrafficked sites like Google, Facebook, YouTube and Amazon. That s why every web developer should know how to use JavaScript. JavaScript is surprising difficult to learn, but this course is designed to help novices, as well as experienced programmers, learn how JavaScript is used and works in the real world Students will learn how to write, test and debug JavaScript applications. Learn how to work with arrays and web storage, create and use your own object types in object-oriented applications, using regular expressions for data validation and much more. Gains skills like how to bulletproof your applications by using closures, namespaces and modules; how to make your functions more useful by using callbacks; and how to use Ajax and JSON to transmit and store data. Prerequisites To get the most out of this course you'll need be familiar with HTML and CSS, and how to use these two technologies to create web pages. JavaScript lives inside the web browser, and it s used to interact with a web page loaded into the browser. So being able to write HTML and style it with CSS is an important skill to have before you learn JavaScript. Students should attend Course 1372B, Introduction to HTML5, CSS3 for Web Designers and Developers or have equivalent skills and knowledge. Course Objectives Students will learn the following skills: Add JavaScript to a web page Create JavaScript animations Execute code based on conditions Repeat code with loops Use object oriented programming with JavaScript Access and alter styles Dynamically create new HTML elements Navigate the document object model Enable drag and drop in the browser Handle errors and debug with Firebug Course Outline Module 1: Adding JavaScript to a Web Page The <script/> element

2 Module 2: Variables and JavaScript Syntax Variables Keywords and reserved words Module 3: Functions Function declarations Functions as values Passing functions to other functions Returning functions Module 4: Making Decisions Conditional statements Executing code based on conditions Module 5: Loops Loop basics The for Loop The while Loop The do-while Loop Module 6: Scope Global scope Functional scope No block-level scopes Variable declarations Identified loopup Module 7: Objects and Built-In Types What are objects? Using JavaScript objects Built-In data types Number Module 8: Custom Objects The object data type Creating custom data types Module 9: Prototypes and Inheritance (The Function Object) Using the prototype Object Inheriting members from other Objects Module 10: The Windows Object The global scope Showing and using dialog boxes The location object Module 11: Scripting Windows Opening new windows

3 Manipulating windows Coding between windows Security Module 12: Scripting Frames Frames and the window object Module 13: The Document Object Model What is the DOM? Navigating the DOM Selecting element nodes Module 14: Adding HTML with JavaScript DOM creating methods Using the innerhtml property Module 15: Modifying Element Style Using the style Property Using the classname Property Module 16: Introduction to Events Mouse events Keyboard events Basic events Module 17: Assigning Event Handlers with HTML Attributes Wiring up event handlers Cancelling default behavior Module 18: Using Early DOM Event Handlers Assigning event handlers Module 19: Using Standard DOM and IE Event Handlers Standard event handlers IE event handlers Module 20: Writing Cross-Browser Event Handlers Writing an event utility object Modernizing your event utilities Module 21: The Standard Event Object Accessing the event object Event objects Module 22: Internet Explorer s Event Object Accessing the event Object The event Object Module 23: Writing Cross-Browser Event Code Acquiring the event target

4 Cancelling default behavior redux Module 24: Dragging and Dropping Getting the mouse pointer s location Events used in drag-and-drop Module 25: Timers and Animating Elements Setting a delay the settimeout() method Setting an interval the setinternal() method Module 26: Forms A Primer Forms and the DOM Form control elements Module 27: Scripting Buttons Module 28: Scripting Text Elements The textbox The password textbox The hidden textbox The multiline textbox Module 29: Scripting Selection Boxes Removing options Adding options Module 30: Scripting Checkboxes and Radio Buttons Scripting checkboxes Scripting radio buttons Module 31: An Introduction to Ajax What is Ajax? Module 32: Using XMLHTTPrequest Objects Creating XHR objects Using XHR objects Determining the success of a request Module 33: Making Ajax Requests Using GET Making Get requests Asynchronous programming Module 34: Making Ajax Requests Using POST Assembling data Making POST requests Module 35: JSON SML rules the world..or does it? JavaScript Object Notation Converting to and from JSON

5 Module 36: Common Coding Mistakes Undefined variables Case-sensitivity Closing braces and parentheses Operator misuse Module 37: Handling Errors Presenting errors The try catch statement Throwing exceptions Module 38: Debugging with Firebug Getting familiar with the UI Module 39: Coding Guidelines Use whitespace Variable declarations Avoid the global scope Use literals Module 40: Separating JavaScript and HTML Module 41: Separating JavaScript and CSS Module 42: Avoiding Global Scope Using functions Emulating namespaces Module 43: Optimizing Your Code Refactoring code Optimizing DOM code Use event delegation

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 20480B; 5 days, Instructor-led Course Description This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic