JavaScript Framework Courses Online

About

JavaScript often abbreviated as JS, is a programming language that conforms to the ECMAScript specification. JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions.

Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide Web. JavaScript enables interactive web pages and is an essential part of web applications. The vast majority of websites use it for client-side page behavior, and all major web browsers have a dedicated JavaScript engine to execute it.

As a multi-paradigm language, JavaScript supports event-driven, functional, and imperative programming styles. It has application programming interfaces (APIs) for working with text, dates, regular expressions, standard data structures, and the Document Object Model (DOM).

The ECMAScript standard does not include any input/output (I/O), such as networking, storage, or graphics facilities. In practice, the web browser or other runtime system provides JavaScript APIs for I/O.

JavaScript engines were originally used only in web browsers, but they are now core components of other runtime systems, such as Node.js and Deno. These systems are used to build servers and are also integrated into frameworks, such as Electron and Cordova, for creating a variety of applications.

Content

• History
• Website client-side usage
  • Examples of scripted behavior
  • Libraries and frameworks
• Other usages
• Features
  • Imperative and structured
  • Weakly typed
  • Dynamic
  • Object-orientation (prototype-based)
  • Functional
  • Delegative
  • Miscellaneous
  • Vendor-specific extensions
• Syntax
  • Simple examples
  • More advanced example
• Security
  • Cross-site vulnerabilities
  • Misplaced trust in the client
  • Misplaced trust in developers
  • Browser and plugin coding errors
  • Sandbox implementation errors
  • Hardware vulnerabilities
• Development tools
• Related technologies
  • Java
  • JSON
  • WebAssembly
  • Transpilers

About

JSON (JavaScript Object Notation) is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute-value pairs and array data types (or any other serializable value). It is a very common data format, with a diverse range of applications, such as serving as a replacement for XML in AJAX systems.

JSON is a language-independent data format. It was derived from JavaScript, but many modern programming languages include code to generate and parse JSON-format data. 

Content

• Naming
• History
• Syntax
  • Character encoding
  • Data types
  • Semantics
• Metadata and schema
• Uses
• Comparison with other formats
  • YAML
  • XML
• Derivatives

About

React (also known as React.js or ReactJS) is an open-source, front-end, JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. However, React is only concerned with state management and rendering that state to the DOM, so creating React applications usually requires the use of additional libraries for routing, and fully-fledged form solutions. React Router and Formik are examples of such libraries respectively.

Content

• Basic usage
• Notable features
  • Components
  • Functional components
  • Class-based components
  • Virtual DOM
  • Lifecycle methods
  • JSX
  • Architecture beyond HTML
  • React hooks
    • Rules of hooks
• Common idioms
  • Use of the Flux architecture

About

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser. Node.js lets developers use JavaScript to write command-line tools and for server-side scripting—running scripts server-side to produce dynamic web page content before the page is sent to the user's web browser. Consequently, Node.js represents a "JavaScript everywhere" paradigm, unifying web application development around a single programming language, rather than different languages for server-side and client-side scripts.

Contents

• Overview
  • Platform architecture
  • Industry support
• Releases
• Technical details
  • Internals
  • Threading
  • V8
  • Package management
  • Unified API
  • Event loop
  • WebAssembly
  • Native bindings

About

Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You, and is maintained by him and the rest of the active core team members.

Laravel is a free, open-source PHP web framework, created by Taylor Otwell and intended for the development of web applications following the model–view–controller (MVC) architectural pattern and based on Symfony. Some of the features of Laravel are a modular packaging system with a dedicated dependency manager, different ways for accessing relational databases, utilities that aid in application deployment and maintenance, and its orientation toward syntactic sugar.

Content

• Overview
• Features of the latest version
  • Components
  • Templates
  • Reactivity
  • Transitions
  • Routing
  • Laravel - First-party Packages
  • Laravel - Artisan CLI
• Ecosystem
  • Official tooling
  • Official libraries

About

Ember.js is an open-source JavaScript web framework, utilizing a component-service pattern. It allows developers to create scalable single-page web applications by incorporating common idioms, best practices, and patterns from other single-page-app ecosystem patterns into the framework.

Content

• Philosophy and design
• Basic concepts
• Ember software stack
  • Ember CLI
  • Ember Data
  • Ember Inspector
  • Fastboot
  • Liquid Fire
• Release process
  • Release cycle
  • Upgrading and backward compatibility

About

Meteor, or MeteorJS, is a free and open-source isomorphic JavaScript web framework written using Node.js. Meteor allows for rapid prototyping and produces cross-platform (Android, iOS, Web) code. It integrates with MongoDB and uses the Distributed Data Protocol and a publish–subscribe pattern to automatically propagate data changes to clients without requiring the developer to write any synchronization code. On the client, Meteor can be used with any popular front-end JS framework, Vue, React, Svelte, Angular, or Blaze.

Content

• History
• Distributed Data Protocol
• Packages and Tools

About

QuoJS Is a micro, modular, Object-Oriented and concise JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development. It allows you to write powerful, flexible and cross-browser code with its elegant, well documented and micro coherent API. Designed to change the way that you write JavaScript with the small size goal: a 5-6k gzipped library that handles most basic drudge work with a nice API so you can concentrate on getting stuff done. Released under the Open Source MIT license, which gives you the possibility to use it and modify it in every circumstance. Current JavaScript libraries hate mobile, they are very big libraries that were built based on requirements of desktop devices, so mobile performance isn't optimal. Doesn't have a good support to touch events or a semantic API that would help the developer to create a good & cool JavaScript.

Content

1. Getting Started
2. Browser compatibility
3. GitHub
4. Licensing
5. Touch events
6. How to use
7. Query Methods
8. Element Methods
9. Style Methods
10. DOM Manipulation methods
11. Events handler
12. Gestures Events
13. Swipe methods
14. Pinch methods
15. Rotate methods
16. Ajax Methods
17. Settings in Ajax Requests

About

Parser and writer for various spreadsheet formats. Pure-JS cleanroom implementation from official specifications, related documents, and test files. Emphasis on parsing and writing robustness, cross-format feature compatibility with a unified JS representation, and ES3/ES5 browser compatibility back to IE6. This is the community version. We also offer a pro version with performance enhancements, additional features like styling, and dedicated support.

Graph of supported formats (click to show)

Contents

Expand to show Table of Contents

• JS Ecosystem Demos
• Optional Modules
• ECMAScript 5 Compatibility
• Parsing Examples
• Streaming Read
• Parsing and Writing Examples
• Writing Examples
• Streaming Write
• Parsing functions
• Writing functions
• Utilities
• General Structures
• Cell Object
  • Data Types
  • Dates
• Sheet Objects
  • Worksheet Object
  • Chartsheet Object
  • Macrosheet Object
  • Dialogsheet Object
• Workbook Object
  • Workbook File Properties
• Workbook-Level Attributes
  • Defined Names
  • Workbook Views
  • Miscellaneous Workbook Properties
• Document Features
  • Formulae
  • Column Properties
  • Row Properties
  • Number Formats
  • Hyperlinks
  • Cell Comments
  • Sheet Visibility
  • VBA and Macros
• Input Type
• Guessing File Type
• Supported Output Formats
• Output Type
• Array of Arrays Input
• Array of Objects Input
• HTML Table Input
• Formulae Output
• Delimiter-Separated Output
  • UTF-16 Unicode Text
• HTML Output
• JSON
• Excel 2007+ XML (XLSX/XLSM)
• Excel 2.0-95 (BIFF2/BIFF3/BIFF4/BIFF5)
• Excel 97-2004 Binary (BIFF8)
• Excel 2003-2004 (SpreadsheetML)
• Excel 2007+ Binary (XLSB, BIFF12)
• Delimiter-Separated Values (CSV/TXT)
• Other Workbook Formats
  • Lotus 1-2-3 (WKS/WK1/WK2/WK3/WK4/123)
  • Quattro Pro (WQ1/WQ2/WB1/WB2/WB3/QPW)
  • OpenDocument Spreadsheet (ODS/FODS)
  • Uniform Office Spreadsheet (UOS1/2)
• Other Single-Worksheet Formats
  • dBASE and Visual FoxPro (DBF)
  • Symbolic Link (SYLK)
  • Lotus Formatted Text (PRN)
  • Data Interchange Format (DIF)
  • HTML
  • Rich Text Format (RTF)
  • Ethercalc Record Format (ETH)
• Node
• Browser
• Tested Environments
• Test Files
• OSX/Linux
• Windows
• Tests

About

Fluent.js is a JavaScript implementation of Project Fluent, a localization framework designed to unleash the expressive power of the natural language. Project Fluent keeps simple things simple and makes complex things possible. The syntax used for describing translations is easy to read and understand. At the same time it allows, when necessary, to represent complex concepts from natural languages like gender, plurals, conjugations, and others. Packages Fluent.js consists of a set of packages which have different use-cases and can be installed independently of each other. 

Content

• Packages
• Learn the FTL Syntax

About

D3.js (also known as D3, short for Data-Driven Documents) is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. It makes use of Scalable Vector Graphics (SVG), HTML5, and Cascading Style Sheets (CSS) standards. It is the successor to the earlier Protovis framework. Its development was noted in 2011, as version 2.0.0 was released in August 2011.

Content

• Context
• Technical principles
  • Selections
  • Transitions
  • Data-binding
  • Appending nodes using data
• API structure
  • Maths
  • Arrays
  • Geometry
  • Color

About

SproutCore is an open-source JavaScript web framework. Its goal is to allow developers to create web applications with advanced capabilities and a user experience comparable to that of desktop applications. When developing a SproutCore application, all code is written in JavaScript. A notable fork of SproutCore is Ember.js. Both projects are maintained separately and have taken different directions.

Content

• Introduction
• Features and capabilities
• Roadmap

About

gulp is an open-source JavaScript toolkit created by Eric Schoffstall used as a streaming build system (similar to a more package-focussed Make) in front-end web development.

It is a task runner built on Node.js and npm, used for automation of time-consuming and repetitive tasks involved in web development like minification, concatenation, cache busting, unit testing, linting, optimization, etc.

gulp uses a code-over-configuration approach to define its tasks and relies on its small, single-purpose plugins to carry them out. The gulp ecosystem includes more than 3500 such plugins.

Content

• Overview
• Need for a task runner
• Operation
• Anatomy of gulpfile
  • Plugins
  • Tasks
  • Default task
• Example tasks
  • Image Task
  • Scripts Task
  • Watch Task

About

Jayson is a [JSON-RPC 2.0][jsonrpc-spec] and [1.0][jsonrpc1-spec] compliant server and client written in JavaScript for [node.js][node.js] that aims to be as simple as possible to use.

Table of contents

Features

• Servers that can listen to several interfaces at the same time
• Supports both HTTP and TCP client and server connections
• Server-side method routing
• Relaying of requests to other servers
• JSON reviving and replacing for transparent serialization of complex objects
• CLI client
• Promises
• Fully tested to comply with the [official JSON-RPC 2.0 specification][jsonrpc-spec]
• Also supports [JSON-RPC 1.0][jsonrpc1-spec]

  Example

  A basic JSON-RPC 2.0 server via HTTP: Server example in examples/simple_example/server.js: 'use strict'; const jayson = require('./../..'); // create a server const server = jayson.server({ add: function(args, callback) { callback(null, args[0] + args[1]); } }); server.http().listen(3000); Client example in examples/simple_example/client.js invoking add on the above server: 'use strict'; const jayson = require('./../..'); // create a client const client = jayson.client.http({ port: 3000 }); // invoke "add" client.request('add', [1, 1], function(err, response) { if(err) throw err; console.log(response.result); // 2 });

About

jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax. It is free, open-source software using the permissive MIT License. As of May 2019, jQuery is used by 73% of the 10 million most popular websites. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin, having at least 3 to 4 times more usage than any other JavaScript library.

jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects, and high-level, themeable widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and Web applications.

Content

• Overview
• Features
  • Browser support
• Distribution
• Interface
  • Functions
    • Query methods
    • Static utilities
  • No-conflict mode
  • Typical start-point
  • Chaining
  • Creating new DOM elements
  • Ajax
• jQuery plug-ins

About

JavaScript Enhancements is a plugin for Sublime Text 3.

A little introduction to this plugin could be found in this css-tricks.com article: Turn Sublime Text 3 into a JavaScript IDE This plugin uses Flow (javascript static type checker from Facebook) under the hood. This is in BETA version for testing. It offers better JavaScript autocomplete and also a lot of features about creating, developing and managing JavaScript projects, such as: You could use it also in existing projects (see the Wiki)! It turns Sublime Text into a JavaScript IDE like! This project is based on my other Sublime Text plugin JavaScript Completions Note: If you want use this plugin, you may want uninstall/disable the JavaScript Completions plugin, if installed.

Content

• OS Supported
• Dependencies
• Installation
• Usage
• Overview
• Support

About

PinchZoom is a Javascript library providing multi-touch gestures for zooming and dragging on any DOM element.

Content

• Installation
• Usage
• Requirements
• Options
• Methods
• Examples
• Events
• Released versions
• Troubleshooting