DREAMHOST

Virtual Private Server

dreamhost website hosting

* Chrome Dev Summit 2019 *
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

ADVANCED

Prototype Chain
Fetch

Regex

Regex Fireship
* Regexr *




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

Performance Testing Metrics

Google Dev Tools

Google Chrome Dev Tools

Lighthouse

** Google Web Tools Lighthouse **

** Page Speed Google Lighthouse Web Performance Score **
Speed Webp | Remove Unused Code Eliminate render-blocking resources

Eliminate render-blocking resources




Web Dev Learn


SEO

robots.txt | Webmasters answers robots | robots Tester
Viewport | First Content Paint (FCP)

GT Metrix Optimized Explained

Medium Web Performance

Debugging CSS



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

JavaScript Key Tools

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

JavaScript Top 50

Fetch Api | W3 JS Reference | ES6 Basics | * JavaScript Info *
* 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
Codepen
Codepen RG Dashboard
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 |
* 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

Json Sample Data 1 | Json Sample Data 2 | Json Sample Data 3
* 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 *

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 | 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