JavaScript for Developers

Transcription

1 Curse Cde: Certificatin Exam: N/A Duratin: 5 Days Certificatin Track: N/A Frmat: Classrm Level: 200 Abut this curse: This five-day instructr-led is an in depth hands-n study f JavaScript. The curse includes detailed hands-n labs and Q&A labs. The labs include multiple prjects that update an existing web site. Audience: This curse is intended fr bth nvice and experienced prgrammers. Sme experience in C++, C# r Java is helpful. At Curse Cmpletin: After cmpleting this curse, students will be able t: Write and test JavaScript cde in mdern brwsers. Understand and wrk with the brwser s Dcument Object Mdel (DOM). Wrk DOM bjects and write cde t respnd t events. Add jquery t their prjects and use jquery t manipulate the DOM and t make Ajax calls. Understand Ajax and Web Services, including HTTP Verbs and asynchrnus Ajax calls. Wrk with XML and JSON data frmats. Understand and use RESTful Web Services including ODATA queries. Wrk with Annymus Functins, Self-Invking Functins and Clsures. Understand the rle f the Windw and Navigatr bjects. Describe and understand variables, variable histing, and JavaScript bjects. Prerequisites: Befre attending this curse, students must have a backgrund in IT. Useful, but nt required: Previus prgramming experience using C, C# r Java. HTML and CSS web develpment.

2 Student Materials The student kit includes a cmprehensive wrkbk and ther necessary materials fr this class. Curse Outline: Mdule 1. Basic Scripting JavaScript has been described as a simple scripting language and as a cmplex bjectriented language. In this mdule, we will explre basic scripting. Many f the tpics in the mdule will be expanded upn in later sectins f this curse. In this mdule, we will lk at the basics t write and call a JavaScript functin, find HTML elements in a web page, change prperties f HTML elements, write lps, test strings and values (IF statements), and a few mre. JavaScript Basics JavaScript r ECMAScript? Which Versin f JavaScript am I Using? Shims, Shives, and Plyfilla Writing and Testing JavaScript Editrs and the F12 Tls Key Parts f a Script Lab 1: Basic Scripting Experimenting with the F12 Develper Tls Update the time n the page by using JavaScript Add JavaScript t respnd t an event Add basic scripts t a web page. Use the F12 tls t explre pages. Mdule 2. The Dcument Object Mdel Neither brwsers nr JavaScript wrk directly with the HTML file that was received frm the web server. The brwser parses this file and cnverts it int a tree structure called the Dcument Object Mdel, r DOM fr shrt. In this mdule, we explre wrking with Elements and DOM bjects. The DOM Accessing Objects frm the DOM Respnding t Events Adding Elements t the DOM Lab 2: The Dcument Object Mdel

3 Add an Animatin t the Hme Page. Mve the JavaScript t a File Add JavaScript t Supply Muse Over Tips t the Menu Tabs Describe the DOM and Elements. Write JavaScript cde t search and update the DOM. Write cde t respnd t DOM bject events. Add and remve Elements t and frm the DOM. Mdule 3. Intrductin t jquery A lt f the cding wrk yu will d with JavaScript will be t first find an HTML element, and then manipulate that element. Often, all we are ding is sme searching, r querying, f the HTML and then perfrming a quick update. In this mdule, we will be explring using the jquery library t search fr, and mdify, elements in the DOM. jquery Dwnlading the jquery Library jquery Versins Linking t the Library Selecting Elements using jquery Wrking with the Data Returned by jquery Setting CSS Prperties Running a Functin Against the jquery Return Set Lab 3: jquery Add the jquery Library t the Prject Create New Elements using jquery Describe the rle f libraries like jquery in JavaScript and web develpment. Add the jquery library t a prject. Find and retrieve, update and create new elements in the DOM.

4 Mdule 4. Ajax and Web Services This mdule explres web services and the use f Ajax t call thse services. Web Services HTTP Verbs Data Frmats XML and JSON Ajax RESTful Web Services OData OData Queries OData Updates Lab 4: Ajax and Web Services Explring a REST Web Service Lad Data frm a Web Service Describe web services and hw t interact with them frm JavaScript and jquery. Wrk with XML and JSON data. Create queries and update data using REST and OData. Mdule 5. Diving in Deeper In this mdule, we will explre the tpics yu will need t knw as yu mve frm a JavaScript scripter t a JavaScript develper. Sme f the tpics include: Mre abut Data Types and data cnversin, Variables: mre n Scpes, Histing, Creating and Deleting, Functins: Annymus functins, Clsures, Self-invking functins, the this keywrd and the Mdule Pattern, mre n errr handling, and recursin. Is JavaScript Cmpiled? Data Types and Objects Extending Data Types Variables, Scpes and Histing Functins The this Keywrd Errrs Recursin Lab 5: Diving in Deeper

5 Describe hw JavaScript variables are used, stred, and manipulated. Understand hw JavaScript variables and functins are scped, and ccasinally histed Create functins, annymus functins and Clsures. Describe and use the this keywrd in functins. Create try-catch blcks and handle errrs.