DREAMHOST

Virtual Private Server

dreamhost website hosting

JavaScript Fundamentals

** I Love Coding JavaScript **
** Tutorials Point Fundamentals pdf **
** Eloquent Fundamentals pdf
JavaScript Cheat Sheet
** Best Of 1loc **




TypeScript



Rest Api
Idempotence
Chrome Dev Tools Snippets
MDN Dev Tools Scratchpad
Play Code io
JS Bin
Github
Codepen Dashboard
* JS Hint *


innerHTML

MDN getElementById
W3 getElementById
Template Literals

REST API Endpoint

JSON Placeholder
API Request Demo

HTML DOM

w3Schools HTML DOM
w3schools InnerHTML
MDN InnerHTML
StackOverflow InnerHTML
w3schools InnerTEXT
StackOverflow InnerHTML
w3schools JavaScript Reference
w3schools Array Reference
w3schools Functions
mdn Functions
YouTube Functions
Functions
Array
Array.Map
Rest Api Json Placeholder
Get Date
w3Schools Create DOM Element
list.appendChild
Persist to Local Storage
Event Propagation - Bubbling

DOM

MDN DOM Glossary
MDN DOM Intro
MDN Dom
DOM Remove
DOM Crash Course
Walking the DOM
MDN Document.createTextNode
Clear Input Field
JSON.parse Local Storage
Traverse the DOM
New Operator

Model View Controller (MVC)

A List Apart MVC

Codepen

Codepen Dashboard

ADVANCED

Prototype Chain
Fetch

Regex

Regex Fireship
* Regexr *

JavaScript Apps Projects

5 Projects YT
To-Do Application
Home

Digital Marketing
Social Media Marketing
Marketing
Sales

Assessment
Thought Map
Project Plan

Wireframe
Mockup
Design
Layout
Templates
Color
Typography
Content
Video Audio Animation

Boilerplate
Resources
HTML
CSS
JavaScript
Node js

Hosting
Time
Team

* GSAP *
* JavaScript Info *
MDN JavaScript Guide
MDN JavaScript Intermediate
MDN JavaScript Advanced
To Do MVC

JS Functions

W3 JS Functions
Codepen JS Functions
Do Factory JS Functions
MDN Functions

JS Objects

MDN Objects
* W3 Create Object *
W3 Display Objects

JS Array

Array Summary
Array Methods
Array Destructuring
Array 2
Array Pop, Push, Shift
Array Map
Arrays and Loops
* Codepen Array *
JS Array Reference W3
toString

Ternary Operator
Higher Order

JavaScript

Local Playground and JavaScript Sandbox Demos
Fizz Buzz | Template Literal | ztl2 demo 2
ZTL 3
** JavaScript For Loop PlayGround ** | * Higher Order Functions and Arrays * | Template Literals

JavaScript Key Tools Frequently Used

** JS Console ** | RG Codepen Dashboard | ** Write Box **
** Write Url ** ** Text Expander **
RG GitHub Repos | RG GitHub Gist
** JavaScript Info ** | ** Plunker ** |

JavaScript Top 50

* TypeScript * | Fetch Api | W3 JS Reference
ES6 Basics |
JavaScript Info The Modern JavaScript Tutorial
** JavaScript Info ** | Intro | Fundamentals
Code Quality | Object Basics | Data Types
Advanced Working With Functions | Object Properties Configurations | Prototypes Inheritance
Classes | Error Handling | Promises Async Await
Generators Advanced Iterators | Modules | Misc



* Coder Wall *
* JavaScripting * | JavaScript Basics | Play Code io
W3 ES6 | * Var Let Const Alligator io * | API Random User .me
Axios 2 | * Axios on Github *
API Fruity Vice

Template Literals
Template Literals CSS Tricks | Template Literals JavaScript Tutorials | * Template Literals Lit Html Polymer *
Template Literals Wes Bos
All Things JavaScript
Converting a JavaScript String to an Array All Things
Git Repos Git Gists and Git Hub
GitHub | Git Repos | GitHub Gist

JavaScript Array

** JavaScript Array Methods JavaScript Info ** | JavaScript Array MDN | JavaScript Array JavaScript Info
JavaScript Array W3 | JavaScript Array.Shift MDN | JavaScript Array.Pop
JavaScript forEach Codeburst | Free Code Camp Array Methods | Learn JS Data

JavaScript For, Do, While Loop

* While Loop JavaScript Info | JavaScript For Loop YT | JavaScript For Loop Code Pen
JavaScript For Loop Code Pen 2 |
MDN Loops and Iterations | JavaScript Loops Do Factory
JavaScript Loops W3 | ** JavaScript For Loop PlayGround ** | * JavaScript for loop JavaScript Info *

JavaScript Arrow Function

Arrow Function Basics | YouTube Arrow Function Basics | Code Snippets Arrow Function

Run in Terminal cd to folder, file, node run file name

/js/01Advanced/arrow.js


JavaScript Objects

JavaScript Objects Do Factory | JavaScript Objects JavaScript Info | JavaScript Objects Eloquent JavaScript
JavaScript Objects W3 | JavaScript Object MDN

JavaScript Object Notation (JSON)

* JavaScript JSON Do Factory * | MDN JSON JavaScript and JSON differences
MDN JSON Structure | * Medium JSON Stringify *
* YT Brad Traversy JSON Crash Course 5 Stars * | * YT JSON 1 * Basics in 10 Minutes | JSON Snippets | * JS Hint Docs*
* Json Lint * | JSON dot Parse | * Json Placeholder * |
W3 JSON Intro | W3 JSON Syntax | W3 JSON Objects Convert an Array to JSON * JSON.Stringify JavaScipt Info *
JSON Double Quotes vs Single Quotes
JSON Double Quotes vs Single Quotes
Note: JSON is double quote "..." not single quote '...'
Reminder: yada yada

JSON Data Samples

Data Sample Color Names | Json Sample Data 1 | Json Sample Data 2
Sitepoint Json Sample Data
* JSON Schema Learn * |
Stringify and Parsing
* MDN JSON.Stringify * | JSON Stringify W3 | Json Stringify Medium Article
W3 Demo Create JSON string from a JavaScript array | Json Stingify JavaScript Info Article | * Json Stingify and Parse *
* * Online Json Stringify Tool * *
Json-Generator | Json | JSON Playground
Convert Json to Text | ** JSON Stringify and toJson SummarySummary JavaScript Info ** | Array to String MDN

JavaScript Functions

** JavaScript Functions Every Possible Way ** | * JavaScript Functions JavaScript Info * | JavaScript Function Declaration

JavaScript Objects

JavaScript Objects Geeks | JavaScript Objects Info | JavaScript Object Free Code Camp
JavaScript Object Do Factory | JavaScript Object Different Ways Coder Wall

YouTube, Do Factory, Fireship, MDN, Firefox, Etc.

* Learn Web Code YouTube Channel * | ** Do Factory ** | * Fireship YouTube Channel *
* MDN * | * Firefox Developer Tools * | * I Love Coding Cheatsheet *
Play Code io |

Frameworks and Libraries

Angular io | Angular Docs | React Js
Vue Js | TypeScript

Reference and Resources

MDN | W3 JavaScript References | ES5 w3schools
JavaScript Best Practices 1 | JavaScript Best Practices 2 | * JavaScript and jQ Book *
* Parser Data Query and String Splitter *
Tips and Best Practices | Do Factory | ** I Love Coding Cheat Sheet pdf **

Javascript Console and Terminal

Dev Google Console | Firefox Console | Safari Web Inspector
JS Console | Medium JS Console | MDN Console.Log
Mac Terminal Top 20

ES Lint JavaScript Validation Linting Environment

* JS Lint * | ES Lint Org | * Vanilla JS Testing and Toolkit *

Online JavaScript Apps

* Observable HQ * | * JS Console * | Code Sand Box | Code Pen
Js Fiddle | Fiddle Salad | * Jsbin * | Plnkr*github
Together js Collaborate |

JavaScript Reference

MDN | W3Schools | * JavaScript Info *

JavaScript Time Moments js

Moments js | CDN Moments js | Codepen Moments Example 1 | * Codepen Moment JS Example 2 *

Utilities

1loc Snippets

Javascript Tools

Code Academy Glossary | w3 Schools | Eloquent Javascript pdf | JavaScript best practices |
Learn Javascript| Eloquent Javascript Book | Javascript Book

JavaScript Libraries and Frameworks

CDN JS | JavaScripting | Vanilla JavaScript
Moments.js | LoDash.js | Underscore | Handlebar
Angular JS | Backbone.js | P5 JS | P5 JS Editor

David Walsh ES6 Features

David Walsh

API

API University

Javascript Backend Frameworks Node and NPM

NodeJS | NPM js | Medium Article Backend
Beginner Node.js YouTube | Crash Course Node.js YouTube

Javascript Build/Scaffolding Tools Task Runners

Yoeman | Grunt | Gulp | Bower

JavaScript Template Literals and Template Engines

Codeburst Template Literals | CSS-Tricks Template Literals | * Codepen Example 3 Template Literals *
Guide to Template Literals | MDN Template Literals | Cloud Boost Template Literals
Codepen Example 1 Template Literals | Codepen Example 2 Template Literals | Handlebars Test Environment
Handlebarsjs | EJS | W3 Tag Templates

JavaScript Promises

Promises in 100 Seconds | MDN Promises Resources |

Javascript Utilities Debugging, Minify and Code Checker Tools

* Debugging in Chrome * | Debugger Mozilla | Debugger Google Chrome | Debugger W3 Schools
Debugger Raygun | JSlint | Js Hint
* Automated Testing in Mocha * | JS Toolkit Js Hint Docs

Javascript Testing Debugging and Performance Testing

Mocha JavaScript test Framework | Jest JavaScript test Framework | * Jasmine * | Chai Assertion Library

MEAN Stack

Mongo db | Express js | Angular js | Node js
Jade | EJS| NPM

Code Snippets

Snippets | Sandbox JavaScript

YouTube Channels Tutorials and Playlists

Learn Web Code | Brad Traversy | The Coding Train
Fireship | Treehouse | Learn Code Functions | Brad Traversy JavaScript Booklist App
DOM Crash Course Brad Traversy
| Traversy PlayLists
* Learn Code Academy *

ES5

MDN JavaScript Guide | Free Code Camp ES5 changes |

ES6

ES6 Wes Bos | Prototypes Coding Train Youtube

Other Tools and Resources HTML5 CSS3 Editors IDE's

Emmet Docs | Emmet YouTube | Stack Overflow
Gradients | Buttons | Placehold.it | Sublime Text 3
YouTube Sublime | Visual Studio Code |
YouTube VS Code Traversy

Databases Mongo DB

YouTube Mongo DB Traversy | YouTube Mongo DB Traversy Cloud Atlas

JavaScript Interview Questions

JavaScript Mock Interview 1 | JavaScript Mock Interview 2 | JavaScript Mock Interview 3 | JavaScript Interview Questions

Arrays Methods and Higher Order Functions

Array Methods w3schools | filter array method | Most Out of Arrays
array foreach method | foreach and for loop
splice, slice, push... | 10 Array Methods | push | Youtube Coding Train Push

Local _Sandbox JavaScript

Sandbox Array Methods| Array Methods Map and Fill| ES6 Import Export

Traversy DOM Crash Course 1 through 4 Youtube

JavaScript DOM Crash Course - Part 1 | JavaScript DOM Crash Course - Part 2 | JavaScript DOM Crash Course - Part 3 | JavaScript DOM Crash Course - Part 4

AXIOS

AXIOS Crash Course

REST Api

REST API Tutorial

MVC

* Simple MVC App in Plain JavaScript *

Express Template Engines

Express Resources Template Engines

O Auth

Placeholder

HTML DOM

JavaScriptInfo DOM Tree | YouTube 1 InnerHTML | YouTube 2 InnerHTML
Geeks for Geeks DOM | YouTube textContent vs innerHTML in the JavaScript DOM | Preventing cross-site scripting attacks when using innerHTML in vanilla JavaScript

Promises

Fetch API | MDN Using Fetch | * Promise API * | * IT Next Fetch with jsonPlaceHolder *

Command Line

Learn the Command Line Code Academy | Command Line EDX

          

            //todo.json key value pair must be in " "

            {
            "key:"
            "value"
            }

          
    

Coffeescript


Coffeescript Cookbook

JavaScript Snippets 1loc

1loc Snippets

Khan Academy

Processing Js

D3 JS

Hitesh Choudhary YT D3JS Practical Guide | D3JS
Medium D3JS | Chroma JS

JavaScript Applications Builder Resources

app.js, index.html, style.css

To-Do List Application Example

HTML DOM querySelector() Method

querySelector | Codepen querySelector | ** JavaScript info querySelector **
** JavaScript info querySelector Summary**

Introduction to browser events

JavaScript info Browser Events | YT Browser Events | ** Mozilla Events **
Variation 2 Basic To Do Application in Vanilla JavaScript

js, //selectors, //event listeners, //functions

** YT Dev Ed Beginner Vanilla Javascript Project Tutorial ** | Github Files for App
HTML Form Tags | Mozilla Form Tags
W3 CSS Transition | MOZ CSS Transition | CSS Tricks CSS Transition
W3 CSS Display Flex | CSS Tricks Display Flex | CSS Flex Help
W3 JS Break Statement | JS Info if else | JS Info Loops while for

Local Storage

HTML Local Storage | JS Local Storage | JS Info Local Storage

Json.Parse

Restful Json.Parse | Moz Json.parse | Logrocket Json.parse
Calculator JavaScript Application
Calculator Application

Web Dev Simplified Calculator

** Web Dev Simplified YT ** | Web Dev Simplified Github
Font Gotham Rounded | Webopedia Operand

How to use ES6 classes to organize code

Medium | BDO | Stack Overflow
Free Code Camp

How to sync JavaScript code with a UI

Medium | Dev To | ** Exploring JS **
Eloquent JS | Mozilla | JS Info | ** Geeks **

JavaScript Functions

** Mozilla First Class Functions ** | YT Self Executing Functions |

Self Executing Anonymous Function and functional programming

IIFE

** Mozilla IIFE **