JavaScript Arrays 2 Downloadable Source Code Guides code examples

Clear Array of Duplicates and empty values const arr = [‘Laurence’,’Jack’,’Jane’,”,,,,’Sam’,’Laurence’,’Jack’,’Jane’,”,null,false,undefined,0,’Sam’]; console.log(arr); const arr1 = [… new Set(arr)]; console.log(arr1); const arr2 = arr.filter(Boolean); console.log(arr2); const arr3 = [… new Set(arr.filter(Boolean))]; console.log(arr3); How to loop through an array const arr = [‘Laurence’,’Linda’,’Joe’,’Jane’]; console.log(arr); console.log(‘****FOR’); for(let i=0;i<arr.length;i++){    console.log(arr[i]); } console.log(‘****WHILE’); let i=0; while(i<arr.length){    console.log(arr[i]);    i++; } console.log(‘****ForEach’); … Read more

Updated AJAX Course Content AJAX for beginners explore JavaScript Requests to APIs

New course updates learn AJAX https://www.udemy.com/course/ajax-bootcamp-learn-asynchronous-javascript-and-xml/?referralCode=3B098389348B2D76C962 AJAX requests with JavaScript coding examples Explore AJAX and how you can use AJAX to connect to web API endpoints and get Data. Load JSON data from external sources with JavaScript. XHR object and modern JavaScript fetch to make requests Example of how AJAX can be used to update … Read more

JavaScript DOM element Collision detection How to check for overlap between Page elements

Learn JavaScript FULL Course 9 hours+ lifetime access HD videos https://www.udemy.com/course/javascript-mini-projects/ JavaScript Projects JS Dynamic interactive DOM elements Perfect to practice and learn more about JavaScript and DOM interactions create useful components and more JavaScript DOM element Collision detection How to check for overlap between Page elements The overlap of elements is what can be … Read more

Learn JavaScript DOM element update create a Game  Element Catcher Part 3 Final Game

Learn JavaScript FULL Course 11 hours+ https://www.udemy.com/course/javascript-dom-js/ JavaScript DOM Projects InterActive Dynamic WebPages Games JavaScript DOM makes your web pages interactive and dynamic update page elements add event listeners create Games JS DOM Learn JavaScript DOM element update create a Game  Learn JavaScript DOM element update create a Game  Element Catcher Part 3 Final Game … Read more

Learn JavaScript Code exercise create a Page Slider with JavaScript

Slider from Dynamic Elements using JSON data Using JSON data, load the json file when the DOM content is loaded.  Create the page slides dynamically with JavaScript code.  Add interaction to navigate between slides listening for clicks on the buttons. JSON slides navigate slides with JavaScript Exercise : Select the main slider element as a … Read more

Learn JavaScript Coding example AJAX from JSON file PromiseALL multiple fetch requests to array URLs

Learn JavaScript Coding example AJAX from JSON file PromiseALL multiple fetch requests to array URLs Learn JavaScript Coding example AJAX from JSON file PromiseALL multiple fetch requests to array URLs AJAX JavaScript Fetch with PromiseAll Method for multiple URLs Exercise lesson to practice making fetch requests, using async and await with fetch and also how … Read more

Learn JavaScript Free PDF Guide Source code 6 exercises included

DOM create Page elements adding style Create interactive elements that can store the current color value input an array, for later use.  Also creates buttons to update the body background color to the value of the button text.  Color style and events with Dynamic Elements DOM. Page elements Events and Style Exercise : Using JavaScript … Read more

Dynamic Page Counters Coding Exercise JavaScript How to Challenge Learn to Code

Dynamic JavaScript DOM page counters Element Objects examples Dynamically create page buttons that can be used to count totals separately.  Create a button to output all the result totals.  Only using JavaScript NO HTML elements Dynamic Page counters with JavaScript : Create a global object to set the number of buttons to be created Create … Read more

Dynamic Sheet Data with JavaScript and Google Sheets with Apps Script GET and POST

Complete Quiz with Score Submission to Google Sheets Using the quiz code and the score submission for the previous lessons, this lesson will finalize the building of the interactive dynamic quiz application adding the ability for the user to submit their score into the Spreadsheet.   Once the quiz is complete, the user will be provided … Read more