{"product_id":"javascript-essentials-for-web-development","title":"JavaScript Essentials for Web Development","description":"\u003cdiv\u003e\n\u003cp\u003eAttend this JavaScript Essentials for Web Development training course and gain knowledge and skills to create modern, interactive websites. In this course, you learn how to structure code, add interactivity, and leverage JavaScript to generate dynamic HTML5. You will also benefit from the use of best practices and progressive enhancement techniques. You will grow significantly on your path to achieving the knowledge and skills of a full stack developer by accessing data asynchronously.\u003c\/p\u003e\r\n\u003cul\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch3\u003eJavaScript Essentials for Web Development Benefits\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eIn this JavaScript Development course, you will learn how to:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eWrite and debug client-side JavaScript to create modern pages for a variety of devices.\u003c\/li\u003e\n\u003cli\u003eImplement dynamic HTML effects to improve interactivity.\u003c\/li\u003e\n\u003cli\u003eApply unobtrusive JavaScript programming patterns.\u003c\/li\u003e\n\u003cli\u003eCreate dynamic, interactive forms with enhanced validation.\u003c\/li\u003e\n\u003cli\u003eLeverage continued support with after-course one-on-one instructor coaching and computing sandbox.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePrerequisites\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eExperience developing web pages with HTML and CSS at the level of Course 2320, HTML5, CSS3, and JavaScript for Modern Web Development.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\u003ch3\u003eFull Stack JavaScript Development Course Outline\u003c\/h3\u003e\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 1: Introduction and Overview\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eECMAScript versions\u003c\/li\u003e\n\u003cli\u003eApplying progressive enhancement\u003c\/li\u003e\n\u003cli\u003eAdding JavaScript to web pages\u003c\/li\u003e\n\u003cli\u003eUnobtrusive JavaScript\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 2: Learning Basic Syntax\u003c\/h4\u003e\n\u003cp\u003eCore JavaScript syntax\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCoding variables, statements, and control blocks\u003c\/li\u003e\n\u003cli\u003eWorking with objects, strings, and arrays\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eImplementation\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eControlling client-side browser objects\u003c\/li\u003e\n\u003cli\u003eAdding the behavior unobtrusively\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 3: Simplifying Code with Functions\u003c\/h4\u003e\n\u003cp\u003eDefining Functions\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDeclaration\/Expression\u003c\/li\u003e\n\u003cli\u003eAnonymous\u003c\/li\u003e\n\u003cli\u003eCallback\u003c\/li\u003e\n\u003cli\u003eImmediately Invoked Function Expressions (IIFE)\u003c\/li\u003e\n\u003cli\u003ePassing optional parameters\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 4: Exploring Objects, Classes, and Modules\u003c\/h4\u003e\n\u003cp\u003e\u003cspan data-contrast=\"auto\"\u003eDeclaring objects\u003c\/span\u003e\u003cspan data-ccp-props='{\"201341983\":0,\"335559739\":200,\"335559740\":276}'\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-leveltext=\"\" data-font=\"Symbol\" data-listid=\"5\" data-list-defn-props='{\"335552541\":1,\"335559684\":-2,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\",\"469777815\":\"hybridMultilevel\"}' aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"\u003e\u003cspan data-contrast=\"auto\"\u003eStructuring code with Object Literal Notation (OLN)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-leveltext=\"\" data-font=\"Symbol\" data-listid=\"5\" data-list-defn-props='{\"335552541\":1,\"335559684\":-2,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\",\"469777815\":\"hybridMultilevel\"}' aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"\u003e\u003cspan data-contrast=\"auto\"\u003eAugmenting functionality with the prototype\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-leveltext=\"\" data-font=\"Symbol\" data-listid=\"5\" data-list-defn-props='{\"335552541\":1,\"335559684\":-2,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\",\"469777815\":\"hybridMultilevel\"}' aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"\u003e\u003cspan data-contrast=\"auto\"\u003e\u003cspan data-contrast=\"none\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW81200531 BCX8\"\u003e\u003cspan class=\"NormalTextRun SCXW81200531 BCX8\"\u003eExplore classes\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 5: Introducing Built-In Objects\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli data-leveltext=\"\" data-font=\"Symbol\" data-listid=\"17\" data-list-defn-props='{\"335552541\":1,\"335559684\":-2,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\",\"469777815\":\"hybridMultilevel\"}' aria-setsize=\"-1\" data-aria-posinset=\"3\" data-aria-level=\"1\"\u003e\n\u003cspan data-contrast=\"none\"\u003ePerform complex math with the Math object\u003c\/span\u003e\u003cspan data-ccp-props='{\"201341983\":0,\"335559739\":200,\"335559740\":276}'\u003e \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli data-leveltext=\"\" data-font=\"Symbol\" data-listid=\"17\" data-list-defn-props='{\"335552541\":1,\"335559684\":-2,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\",\"469777815\":\"hybridMultilevel\"}' aria-setsize=\"-1\" data-aria-posinset=\"4\" data-aria-level=\"1\"\u003e\n\u003cspan data-contrast=\"none\"\u003eManipulate dates with the Date\u003c\/span\u003e\u003cspan data-ccp-props='{\"201341983\":0,\"335559739\":200,\"335559740\":276}'\u003e \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli data-leveltext=\"\" data-font=\"Symbol\" data-listid=\"17\" data-list-defn-props='{\"335552541\":1,\"335559684\":-2,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\",\"469777815\":\"hybridMultilevel\"}' aria-setsize=\"-1\" data-aria-posinset=\"4\" data-aria-level=\"1\"\u003e\n\u003cspan data-contrast=\"none\"\u003eOrganize data with the Set object\u003c\/span\u003e\u003cspan data-ccp-props='{\"201341983\":0,\"335559739\":200,\"335559740\":276}'\u003e \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli data-leveltext=\"\" data-font=\"Symbol\" data-listid=\"17\" data-list-defn-props='{\"335552541\":1,\"335559684\":-2,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\",\"469777815\":\"hybridMultilevel\"}' aria-setsize=\"-1\" data-aria-posinset=\"4\" data-aria-level=\"1\"\u003e\n\u003cspan data-contrast=\"none\"\u003eManage data with the Map object\u003c\/span\u003e\u003cspan data-ccp-props='{\"201341983\":0,\"335559739\":200,\"335559740\":276}'\u003e \u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 6: Managing DOM Objects with JavaScript\u003c\/h4\u003e\n\u003cp\u003eManipulating the Document Object Model (DOM)\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCreating, reading, updating, and deleting web page markup\u003c\/li\u003e\n\u003cli\u003eTargeting elements by ID, tag name, and class name\u003c\/li\u003e\n\u003cli\u003eModifying presentational CSS for dynamic HTML effects\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eHandling events\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAdding and removing event handlers unobtrusively\u003c\/li\u003e\n\u003cli\u003eInspecting event object properties\u003c\/li\u003e\n\u003cli\u003ePreventing default browser actions\u003c\/li\u003e\n\u003cli\u003eMinimizing handlers with event delegation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eInteracting with the browser and user\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eResponding to users' actions\u003c\/li\u003e\n\u003cli\u003eGathering information\u003c\/li\u003e\n\u003cli\u003eManaging errors\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLoading JavaScript Conditionally\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eImplementing feature testing to conditionally load required JavaScript\u003c\/li\u003e\n\u003cli\u003eOvercoming missing functionality with polyfills, and fallbacks\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 7: Processing HTML Forms\u003c\/h4\u003e\n\u003cp\u003eAssisting users in ensuring data validity\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eValidating without JavaScript\u003c\/li\u003e\n\u003cli\u003eImplementing dynamic select menus\u003c\/li\u003e\n\u003cli\u003ePreventing forms from submitting with enhanced validation\u003c\/li\u003e\n\u003cli\u003eCustomizing validation error messages\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eValidating data on the client side\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eMatching data patterns with regular expressions\u003c\/li\u003e\n\u003cli\u003eForm vs. field validation\u003c\/li\u003e\n\u003cli\u003eInvoking server-side business logic\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 8: Asynchronous Processing and REST Calls\u003c\/h4\u003e\n\u003cp\u003eAsynchronous Processing \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eExploring Promises \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eRetrieving data \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eUsing REST to manipulate data \u003c\/li\u003e\n\u003cli\u003eUsing the XMLHttpRequest object \u003c\/li\u003e\n\u003cli\u003eUsing the Fetch API \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e","brand":"Learning Tree","offers":[{"title":"268B26US \/ 2026-08-04T09:00:00 \/ Herndon, VA","offer_id":47534219559131,"sku":"US-2319-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"26AA53US \/ 2026-10-20T09:00:00 \/ Herndon, VA","offer_id":48216590647515,"sku":"US-2319-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"26CA43US \/ 2026-12-15T09:00:00 \/ Herndon, VA","offer_id":48216590680283,"sku":"US-2319-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"273A34US \/ 2027-03-02T09:00:00 \/ Herndon, VA","offer_id":48310907142363,"sku":"US-2319-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"275A35US \/ 2027-05-04T09:00:00 \/ Herndon, VA","offer_id":48738853847259,"sku":"US-2319-IL","price":2512.0,"currency_code":"USD","in_stock":true}],"url":"https:\/\/learningtreeinternational-dirinfosec-hhs.myshopify.com\/products\/javascript-essentials-for-web-development","provider":"Learning Tree International","version":"1.0","type":"link"}