[hemmerling] Web Technologies ( HTML5, HTML, XML & Javascript ) 3/5 - Javascript

Related pages:

• Application programming interface ( API ).
• Databases, Webserver, Webservices, SQL, XML → XML.
• Software Frameworks.
• Scripting Programming Languages for Unix / Linux and Windows.
• Social Networks 3/3 - IT / SystemEngineering Forums and IT / SystemEngineering Communities.
• Representational State Transfer ( REST ).
• WebAssembly ( WASM ).
• Web Technologies ( HTML5, HTML, XML & Javascript ) 1/5.
• Web Technologies ( HTML5, HTML, XML & Javascript ) 2/5 - HTML & CSS.
• Web Technologies ( HTML5, HTML, XML & Javascript ) 4/5 - Javascript Development Tools.
• Web Technologies ( HTML5, HTML, XML & Javascript ) 5/5 - Javascript Frameworks.

• See Unit Test / Module Test.
• Testing of Node.js applications → See Web Technologies ( HTML5, HTML, XML & Javascript ) 5/5 - Javascript Frameworks.
• Using the Node.js internal debugger: “node debug app.js”.

• Eclipse "Rich Ajax Platform".

• EN.Wikipedia "Ajax (programming)", DE.Wikipedia "Ajax (Programmierung)".
• EN.Wikipedia "Rich AJAX Platform", DE.Wikipedia "Rich Ajax Platform".

• The OpenSource CodePlex "JSON Viewer" for Windows.
• The OpenSource Notepad++, Sourceforge "Notepad++", Sourceforge "Notepad++" for Windows.
  • SourceForge "JSONViewer Notepad++ plugin", SourceForge "JSONViewer Notepad++ plugin" → Notepad++ plugin “JSON Viewer” for WinXP.
    • “JSONViewer Notepad++ plugin” 1.5 is the latest edition for W2k.

• JSON Formatter & Validator.

• JSON Generator - tool for generating random JSON data.
• ObjGen - Live JSON Generator.
• On-line JSON data generator. Nice sample data generator.

• Event AutoUni "RESTful Webservices", speech of Stefan Tilkov “RESTful Webservices”.

• DE.Wikipedia "XPath", DE.Wikipedia "XPath"
• Google Code "json-path. JsonPath implementation".
  • Stefan Gössner "JSONPath - XPath for JSON".

• Mike Kelly, Web Engineer. I like using technology to solve interesting problems.
  • Mike Kelly "HAL - Hypertext Application Language".
  • Blog Mike Kelly - The Stateless Blog. Rational evolvability.
  • Mike Kelly - The Stateless Blog. Rational evolvability "JSON Linking with HAL".
• JSON Hypertext Application Language. draft-kelly-json-hal-05.

• Collection+JSON - Hypermedia Type.

• Jackson High-performance JSON processor.
• Tatu Saloranta - FasterXML Wiki "JacksonInFiveMinutes".
• SivaLabs : My Experiments on Technology. Java, Struts, Spring, Hibernate, Ajax Tutorials, How-To's and Best Practices "JSON processing using Jackson Java JSON Processor".
• Stack Overflow "best approach for marshaling unmarshaling immutable objects with builder pattern".

• JSON - "Introduction to JSON", EN.Wikipedia "JSON", DE.Wikipedia "JavaScript Object Notation".
• EN.Wikipedia "JSONP" - “It provides a method to request data from a server in a different domain” .
• BSON - Binary JSON, EN.Wikipedia "BSON".

• Protobuf is an “alternative” to JSON.
• IONOS Digital Guide "Protobuf: Structured Code with Protocol Buffers".

• Blog Brad Frost "brad frost web - Words That Would Otherwise Be Coming Out of My Mouth.
  • Brad Frost "Atomic Design", 2013-06-10.
• Facebook "Brad Frost Web. Local Business".
• Twitter " Brad Frost, @brad_frost".
• Github "Brad Frost".
  • Github.io "bradfrost / This is responsive".
• Slides SlideShare "Brad Frost".
  • Slides SlideShare "Brad Frost: Atomic design".
• Videos.
  • Vimeo "Brad Frost – Atomic Design – beyond tellerrand 2013", 2013-05-27 - 2013-05-29.
  • TeamTreeHouse "In Control 2014 / Atomic Design".
• Pattern Lab - “Pattern Lab is a collection of tools to help you create atomic design systems”.
  • Pattern Lab - Demo, patternlab.bradfrostweb.com.

• The Reactive Manifesto.

• Experts told me that their responsive webdesign is based on:
  • Github "Bootstrap, from Twitter".
  • jQuery.
• Wikipedia.
  • EN.Wikipedia "Single-Page Applications".
  • EN.Wikipedia "Responsive web design", DE.Wikipedia "Responsive Webdesign".

• LukeW "Breaking Development: Atomic Design", 2013-10-21.
• Phase2, Christopher Bloom "Your Frontend Methodology Is All of Them: Atomic Design & Pattern Lab", 2014-02-14.
• Smashing Magazine, Robin Rendle: "The 'Other' Interface: Atomic Design With Sass", 2013-08-02.

• See Good Coding ! - Software Coding, Coding Rules, Static Code Analysis, Code Reviews.

• tus.io - Open Protocol for Resumable File Uploads, Github "tus - Resumable File Uploads".
  • Blog tus Blog.

• Speech “Building a Client for OPC-UA in Javascript” of Martin Baum, XING "Martin Baum", LinkedIn "Martin Baum", Treestructure at the conference solutions.hamburg - Kongress für Digitalisierung, Business und IT by SILIPON in Hamburg, on 2015-09-10.
• GitHub "treestructure/".
  • GitHub "treestructure/slides_opcclient" - “Building a OPC-UA client with Javascript”.

• An OPC-UA client in Javascript for a browser is useful on a desktop client with strong computing power ( i7 with 4 CPU cores, 8 threads..), less with clients with limited computing power ( e.g. a webbook, an ARM A9 based embedded system, an ARM based smartphone,.. ).
• Binary data processing with Javascript:
  • Arraybuffer.
  • TypedArray ( ArrayBufferView ).
  • DataViewe ( ArrayBufferView ).
  • Blob.
• Javascript can handle 64-bit integer values just by special Javascript libraries, which handle 64-bit values as strings.
  • GitHub "MikeMcl/bignumber.js" - “A JavaScript library for arbitrary-precision decimal and non-decimal arithmetic”.
• Cryptography:
  • Stanford University "Stanford Javascript Crypto Library (SJCL)", Stanford University "Stanford Javascript Crypto Library (SJCL)".
    • GitHub "bitwiseshiftleft/sjcl" - “Stanford Javascript Crypto Library”.
  • Google Code "crypto-js. JavaScript implementations of standard and secure cryptographic algorithms". Not recommended by experts, as too slow by implementation based on strings.
  • jCryption, GitHub "HazAT/jCryption".
• MQTT broker → See Fieldbuses and Automation Networks.
• OPC-UA → See Industrial Data & Industrial Data Exchange.

• Check for comparisons:
  • '1' = = = '1! → True.
  • '1' = = 1 → True ( Suggestion: Don´t use! ).
  • '1' ! = = '1' → False.
  • '1' ! = 1 → False.

• StackOverflow "What is the purpose of wrapping whole Javascript files in anonymous functions like '(function(){ … })()'?".

• Mozilla Developer Network ( MDSN ) "Introduction to Object-Oriented JavaScript".
• Stoyan's phpied.com "3 ways to define a JavaScript class".

• JavaScript For Cats. An introduction for new programmers.
• CodeCademy "Javascript".
• CodePen - Front End Developer Playground & Code Editor in the Browser.

• CommonJS.
  • Wiki CommonJS Wiki.
    • CommonJS Wiki "Promises" - “A well-defined interface for interacting with an object that represents the result of an action that is performed asynchronously”.
• dojo toolkit - “Unbeatable JavaScript Tools”.
• EarthWeb - The IT Industry Portal "Webdeveloper".
  • EarthWeb "JavaScripts Archives".
• Marijn Haverbeke "JavaScript cheat sheet" #.
• InfoWorld "Beyond jQuery: JavaScript tools for the HTML5 generation", 2011-11-09 #.
• internet.com "The JavaScript Source".
• JavaScript Kit.
• JSON - "Introduction to JSON".
  • EN.Wikipedia "JSON", DE.Wikipedia "JavaScript Object Notation".
• Christine Kühnel "JAVASCRIPT - NOTIZEN".
• Mozilla <developer center> "JavaScript".
• Microsoft MSDN "JScript".
• OverAPI.com "Javascript Cheat Sheet" #.
• todoMVC - “Helping you select an MV* framework”#.
• ZetCode Tutorial.
  • GUI: “JavaScript GTK tutorial”.
• EN.Wikipedia "Asm.js" - “An intermediate programming language consisting of a strict subset of the JavaScript language”.

• OpenDirectory "Top: Computers: Programming: Languages: JavaScript.
• OpenDirectory "Top: Computers: Programming: Languages: HTML.
• OpenDirectory "Top: World: Deutsch: Computer: Programmieren: Sprachen: JavaScript".
• OpenDirectory "Top: World: Deutsch: Computer: Programmieren: Sprachen: HTML".