JavaScript References and Resource
Tags: beginners, javascript
Published: 2020-01-07 14:57:04

---
title: JavaScript References and Resource
published: true
description: Reference materials and learning resources for JavaScript as part of FrontEnd Development Zero to Hero series of articles.
tags: beginners, javascript
series: FrontEnd Development Zero to Hero
---
This post contains _reference materials_ that helped in writing the [JavaScript section](https://dev.to/ziizium/introduction-to-javascript-ajh) of [this series](https://dev.to/ziizium/frontend-development-zero-to-hero-j0j) and resources to help you in your learning endeavors.

###__Articles__

The following articles will help you advance your JavaScript skills. Take your time to read them and if they contain code examples do your best to follow along.

* [Arrays &mdash; javascript.info](https://javascript.info/array)
* [Objects &mdash; javascript.info](https://javascript.info/object)
* [Functions &mdash; javascript.info](https://javascript.info/function-basics)
* [Functions expression &mdash; javascript.info](https://javascript.info/function-expressions)
* [Arrow functions &mdash; javascript.info](https://javascript.info/arrow-functions-basics)
* [DOM tree &mdash; javascript.info](https://javascript.info/dom-nodes)
* [XMLHttprequest &mdash; javascript.info](https://javascript.info/xmlhttprequest)
* [ECMA-262-3 in detail. Chapter 5. Functions. by Dmitry soshnikov](http://dmitrysoshnikov.com/ecmascript/chapter-5-functions/)*
* [Note 4. Two words about “hoisting”. by Dmitry soshnikov](http://dmitrysoshnikov.com/notes/note-4-two-words-about-hoisting/)*
* [Note 2. ECMAScript. Equality operators. by Dmitry soshnikov](http://dmitrysoshnikov.com/notes/note-2-ecmascript-equality-operators/)*
* [How numbers are encoded in JavaScript](https://2ality.com/2012/04/number-encoding.html)*

<small>*</small> <b>_The content are bit advanced but it will benefit you a lot if you take your time and read them. The authors are on twitter [@DmitrySoshnikov](https://twitter.com/DmitrySoshnikov) and [@rauschma](https://twitter.com/rauschma)_</b>.

<hr>

###__Youtube Videos__

* [JavaScript DOM Crash Course - Part 1](https://www.youtube.com/watch?v=0ik6X4DJKCc)
* [JavaScript DOM Crash Course - Part 2](https://www.youtube.com/watch?v=mPd2aJXCZ2g)
* [JavaScript DOM Crash Course - Part 3](https://www.youtube.com/watch?v=wK2cBMcDTss)
* [JavaScript DOM Crash Course - Part 4 [Final Project]](https://www.youtube.com/watch?v=i37KVt_IcXw)
* [AJAX Crash Course (Vanilla JavaScript)](https://www.youtube.com/watch?v=82hnvUYY6QA)

<hr>

###__References__

* DOM Nodes. https://javascript.info/dom-nodes
* Document Object Model. https://eloquentjavascript.net/14_dom.html
* Introduction to the DOM. https://www.digitalocean.com/community/tutorials/introduction-to-the-dom
* MDN &mdash; Document Object Model. https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
* Ajax (programming). https://en.wikipedia.org/wiki/Ajax_(programming)#Drawbacks
* Ajax: A new approach to web applications. https://web.archive.org/web/20150910072359/http://adaptivepath.org/ideas/ajax-new-approach-web-applications/
* `XMLHttpRequest` https://en.wikipedia.org/wiki/XMLHttpRequest
* Explaining Ajax. https://adactio.com/articles/1238/
* `XMLHttpRequest` Specification. https://xhr.spec.whatwg.org/
* Asynchronous vs Synchronous execution, what does it really mean? &mdash;  Stackoverflow. https://stackoverflow.com/questions/748175/asynchronous-vs-synchronous-execution-what-does-it-really-mean
* XAMPP server https://www.apachefriends.org/index.html
* MDN &mdash; `addEventListener`. https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
* AJAX &mdash; The XMLHttpRequest Object. https://www.w3schools.com/js/js_ajax_http.asp

<hr>

Up next, _Web Design_. I'll see you then.