JavaScript

Details Snippets AJAX jQuery

Core

Definition

JavaScript: client-side object oriented programming language – enable accessing and modifying content of the website (slideshow, validate form, partial reload, filtering data).

Elements

JavaScript element: instruction for an execution. Start on a new line and end with a semicolon.

JavaScript application: series of elements (like recipe with steps) that will be executed by the web browser.

Clarifications

Objects

Object: model of the physical or virtual thing (user,  car, hotel, web document):

Example, from real and virtual world:

Variables

Variable (data container): declare and assign the value: numeric (0-9), string (text), Boolean (true or false):

Example: var user declaration / assigning the value (string):

var user = {
firstName: "John",
lastName: "Doe",
fullName: function() {
return this.firstName + " " + this.lastName;
}
};

Functions

Function:  group of elements which perform a specific task together.

Example: function getArea:

(a) declareation:

function getArea(width, height) {
return width*height;
}

(b) call:

getArea(3, 4);

Topics

JS Topics Links (to the w3schools)

JS Basics

Include Output Statements Syntax Comments Variables Operators Arithmetic Assignment Data Types Functions Objects Events Strings String Methods Numbers Number Methods Arrays Array Methods Array Sort Array Iteration Dates Date Formats Date Get Methods Date Set Methods Math Random Booleans Comparisons Conditions Switch Loop For Loop While Break Type Conversion Bitwise RegExp Errors Scope Hoisting Strict Mode this Keyword Let Const Arrow Function Classes Debugging Style Guide Best Practices Mistakes Performance Reserved Words Versions Version ES5 Version ES6 JSON

JS Forms

Forms Forms API

JS Objects

Object Definitions Object Properties Object Methods Object Accessors Object Constructors Object Prototypes Object ECMAScript 5

JS Functions

Function Definitions Function Parameters Function Invocation Function CallFunction Apply Function Closures

JS HTML DOM

Methods Document Elements HTML CSS Animations Events Event Listener Navigation Nodes Collections Node Lists

JS Browser BOM

Window Screen Location History Navigator Popup Alert Timing Cookies

JS Topics Overview

Basics (insert script, outputs, syntax, comments, variables, operators, arithmetic, assignment, data types, functions, objects, events, strings, string methods, numbers, number methods, arrays, array methods, array sort, array iteration, dates, date formats, date get methods, date set methods, math, random, booleans, comparisons, conditions, switch, loop for, loop while, break, type conversion, bitwise, regexp, errors, scope, hoisting, strict mode, this keyword, let, const, debugging, style guide, best practices, mistakes, performance, reserved words, versions, version JSON), Forms (forms, forms API), Objects (object definitions, object properties, object methods, object accessors, object constructors, object prototypes, object ECMAScript 5), Functions (function definitions, function parameters, function invocation, function call, function apply, function closures), HTML DOM (DOM intro, DOM methods, DOM document, DOM elements, DOM HTML, DOM CSS, DOM animations, DOM events, DOM event listener, DOM navigation, DOM nodes, DOM collections, DOM node lists), Browser BOM (Window, Screen, Location, History, Navigator, Popup Alert, Timing, Cookies)

Sources

Useful Links

Learn

(a) tutorialsw3schools w3resource tutorialspoint tutorialrepublic htmldog mozilla devdocs scriptingmaster techaltum QuirksMode
(b) ebookstoBeDangerous ReliableJS EloquentJS JSGarden
(c) exercises/examw3resource:exercises w3schools.com:quiz w3schools:certificate (online certification, $95)

Practice

(a) documentsecma-international ES5Compatibility Newsletter
(b) toolsJS LintJS Hint Beautifier MinifieronlineEditor01 onlineEdito02 10onlineEditors CheatSheet01 CheatSheet02 CheatSheets Minifier Modernizr
(c) best practice: w3schools W3C jsTheRightWay risingStack modernSyntax BPPart01 BPPart02 20BP 45TipTricksAndBP

Selected Books (ebooks collected)

author, title, edition, pages, publisher, ISBN, Amazon: price, evaluation / reviewes, record date

  1. Duckett J.: JavaScript and Jquery: Interactive Front-End Web Development, 1st. 640. Wiley, 2014. 1118531647. $28.74. 4.5 / 796. 2020 01 16.
  2. Zakas N. C.: The Principles of Object-Oriented JavaScript, 1st. 120. No Starch Press, 2014. 1593275404. $17.21. 4.6 / 175. 2 020 01 16.
  3. Mayers M.: A Smarter Way to Learn JavaScript: The new approach that uses technology to cut your effort in half, 1st. 254. CreateSpace Independent Publishing Platform, 2014. 1497408180. $18.95. 4.7 / 1923. 2 020 01 16.
  4. Cameron D.: A Software Engineer Learns HTML5 JavaScript and jQuery: A guide to standards-based web applications, 1st. 256. CreateSpace Independent Publishing Platform, 2013. 1493692615. $14.99. 4.3 / 189. 2019 12 28.
  5. Robbis J.: Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics, 5th. 808. O’Reilly Media, 2018. 1491960205. $56.92. 4.6 / 31. 2019 12 28.
  6. Sawyer McFarland D.: JavaScript and jQuery: The Missing Manual, 3nd. 686. O’Reilly Media, 2014. 1491947071. $26.76. 4.5 / 55. 2019 12 28.
  7. Freeman E. T., Robson E.: Head First JavaScript Programming: A Brain-Friendly Guide, 1st. 702. O’Reilly Media, 2014. 144934013X. $39.61. 4.4/146. 2019 12 28.
  8. Benedetti R., Cranley R.: Head First jQuery, 1st. 540. O’Reilly Media, 2011. 1449393217. $16.61. 3.8 / 51. 2019 12 28.
  9. Herman D.: Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript, 1st. 240. Addison-Wesley Professional, 2012. 0321812182. $29.23. 4.7 / 83. 2019 12 28.
  10. Resig J., Bibeault B., Maras J.: Secrets Of The JavaScript Ninja, 2nd. 464. Manning Publications, 2016. 1617292850. $42,74. 4.6 / 38. 2019 12 28.
  11. Flanagan D.: JavaScript: The Definitive Guide, 6th. 1096. O’Reilly Media, 2011. 0596805527. $33.99. 4.3 / 200. 2019 12 28.
  12. Frisbie M.: Professional Javascript for Web Developers, 4th. 1200. Wrox, 2019. 1119366445. $27.24. 4.7 / 5. 2019 12 28.
  13. Meloni J. C.: Sams Teach Yourself HTML, CSS, and JavaScript All in One, 1st. 656. Sams Publishing, 2011. 0672333325. $14.23. 4.0 / 42. 2019 12 28.
  14. Lamberta B., Peters K.: Foundation HTML5 Animation with JavaScript, 1st. 504. friends of ED, 2011. 1430236655. $49.99. 4.6 / 18. 2019 12 28.
  15. Meyer J.: The Essential Guide to HTML5: Using Games to learn HTML5 and JavaScript, 1st. 376. Apress, 2010. 1430233834. $24.99. 3.0 / 11. 2019 12 28.
  16. Gasston P.: The Modern Web: Multi-Device Web Development with HTML5, CSS3, and JavaScript, 1st. 264. No Starch Press, 2013. 1593274874. $24.99. 4.3 /32. 2019 12 28.
  17. Kyle Simpson K.: You Don’t Know JS: Up & Going, 1st. 88. O’Reilly Media, 2015. 1491924462. $4.99. 4.6/130. 2019 12 28.
  18. Crockford D.: JavaScript: The Good Parts, 1st. 176. O’Reilly Media, 2008. 0596517742. $15.93. 4.3/459. 2019 12 28.
  19. Yao R.: JAVASCRIPT: in 8 Hours, For Beginners: A Beginner’s Guide, Easy & Fast!. 248. CreateSpace Independent Publishing Platform, 2016. 1523961899. $?. 4.1/26. 2020 01 17.
  20. Morgan J.: Simplifying JavaScript: Writing Modern JavaScript with ES5, ES6, and Beyond, 1st. 284. Pragmatic Bookshelf, 2018. 1680502883. $36.99. 4.6/8. 2020 01 17.
  21. Haverbeke M.: Eloquent JavaScript: A Modern Introduction to Programming, 3rd. 472. No Starch Press, 2018. 1593279507. $25.49. 4.4/131. 2020 01 17.

Details Snippets AJAX jQuery