Javascript Guide
JavaScript Guide
A guide covering JavaScript including the frameworks, libraries and tools that will make you a better and more efficient JavaScript developer.
Note: You can easily convert this markdown file to a PDF in VSCode using this handy extension Markdown PDF.
Table of Contents
JavaScript Learning Resources
JavaScript is a programming language that conforms to the ECMAScript specification. JavaScript is a high-level language, often Just-In-Time(JIT) compiled, and multi-paradigm.
ECMAScript is a scripting language specification on which JavaScript is based. Ecma International is in charge of standardizing ECMAScript.
Top JavaScript Courses Online | Coursera
HTML, CSS, and Javascript for Web Developers Course | Coursera
Top JavaScript Courses Online | Udemy
Machine Learning with Javascript Course | Udemy
Learn JavaScript with Online Courses and Classes | edX
Intro to JavaScript Courses | Udacity
JavaScript Online Training Courses | LinkedIn Learning
JavaScript Tutorial - W3Schools
JavaScript Tutorial: Learning JavaScript Course | Codecademy
Online JavaScript Courses | Harvard University
JavaScript Programming with Visual Studio Code
Google's JavaScript Style Guide
JavaScript Tools, Libraries, and Frameworks
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.
Code Server is a tool that allows you to run VS Code on any machine anywhere and access it in the browser.
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
JavaScriptCore is Apple's framework that provides the ability to evaluate JavaScript programs from within Swift, Objective-C, and C-based apps. You can also use JavaScriptCore to insert custom objects into the JavaScript environment.
React.js is a declarative, efficient, and flexible JavaScript library for building user interfaces.
React Native is a framework for building native apps for iOS and Android with React.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.
Ember.js is a JavaScript framework that greatly reduces the time, effort and resources needed to build any web application. It is focused on making you, the developer, as productive as possible by doing all the common, repetitive, yet essential, tasks involved in most web development projects.
Nest.js is a framework for building efficient, scalable Node.js server-side applications. It uses modern JavaScript, is built with TypeScript (preserves compatibility with pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).
Meteor is an ultra-simple environment for building modern web applications with JavaScript.
Next.js is a React Framework for production gives you the best developer experience with all the features needed for production such as hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.
Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScript and other languages developed by Google.
AngularJS is a structural JavaScript MVW Framework for dynamic web apps that lets you extend HTML's syntax to express your application's components clearly and easily.
Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine that lets developers write command line tools and server-side scripts outside of a browser.
Apache Cordova is a mobile application development framework. It allows you to use standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform development, avoiding each mobile platform's native development language.
Ionic Framework is a front-end SDK for building cross-platform mobile apps. Built on top of Angular and Apache Cordova, Ionic also provides a platform for integrating services like push notifications and analytics.
Capacitor is a cross-platform JavaScript API and code execution layer that makes it easy to call Native SDKs from web code and to write custom native plugins that your app may need. Additionally, Capacitor provides first-class Progressive Web App support so you can write one app and deploy it to the app stores and the mobile web.
jQuery is a fast and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of web browsers.
Backbone.js is a JavaScript library that gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
Electron is a framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on Node.js and Chromium and is used by the Atom editor and many other apps.
HTML (HyperText Markup Language) is the basic building blocks of the Web. It defines the meaning and structure of web content along with other technologies used to describe a web page's appearance/presentation using CSS or functionality/behavior using JavaScript.
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS also describes how elements should be rendered on screen, on paper, in speech, or on other media.
axios is a promise based HTTP client for the browser and node.js.
React Starter Kit is an isomorphic web app boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices.
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).
Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. The user can also manipulate, traverse, and in some ways simulate runtime given the output.
RxDB is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
Redux is a predictable state container for JavaScript apps.
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
Expo is an open-source platform for making universal native apps with React.
JavaScript Libraries for Machine Learning
TensorFlow.js is a library for machine learning in JavaScript. Develop ML models in JavaScript, and use ML directly in the browser or in Node.js.
Brain.js is a JavaScript library that makes it easy to understand GPU accelerated Neural Networks because it hides the complexity of the mathematics. Brain.js provides multiple neural network implementations as different neural nets that can be trained to do different tasks well.
Natural is a general natural language facility for nodejs. It offers a broad range of functionalities for Natural Language Processing.
ConvNetJS is a Javascript library for training Deep Learning models (Neural Networks) entirely in your browser. No software requirements, compilers, installations, or GPUs.
Ml.js is a JavaScript library that provides Machine learning tools in JavaScript.
Neuro.js is a JavaScript library for developing and training ML models in JavaScript, and deploying in browser or on Node.js.
Stdlib is a standard library for JavaScript and Node.js, with an emphasis on numerical and scientific computing applications. The library provides a collection of robust, high performance libraries for mathematics, statistics, data processing, streams, and more and includes many of the utilities you would expect from a standard library.
DeepForge is an open-source visual development environment for deep learning providing end-to-end support for creating deep learning models.
Synaptic is a javascript neural network library for node.js and the browser, its generalized algorithm is architecture-free, so you can build and train basically any type of first order or even second order neural network architectures. This library includes a few built-in architectures like multilayer perceptrons, multilayer long-short term memory networks (LSTM), liquid state machines or Hopfield networks, and a trainer capable of training any given network.
Deeplearn.js is an open source hardware-accelerated JavaScript library for machine intelligence. It brings performant machine learning building blocks to the web, allowing you to train neural networks in a browser or run pre-trained models in inference mode.
WebDNN is the fastest Deep Neural Networks(DNN) running framework for the Web Browser.
Mind is a flexible neural network library for Node.js and the browser.
React Development
React Learning Resources
React is a declarative, efficient, and flexible JavaScript library for building user interfaces.
React JavaScript Tutorial in Visual Studio Code
React Nanodegree program on Udacity
Becoming a React Developer Learning Path on LinkedIn Learning
Learning ReactJS on Codecademy
React Tutorials and Training Courses on Pluralsight
Introduction to React Course on Cloud Academy
React Tools and Frameworks
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
React Native is a framework for building native apps for iOS and Android with React.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.
React Starter Kit is an isomorphic web app boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices.
React Hook Form is a performant, flexible and extensible forms with easy to use validation(Web + React Native).
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It has support in Java, JavaScript, Ruby, Scala, and other programming languages.
Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.
Nest is a framework for building efficient, scalable Node.js server-side applications. It uses modern JavaScript, is built with TypeScript (preserves compatibility with pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).
Meteor is an ultra-simple environment for building modern web applications with JavavScript.
mysqljs is a pure node.js JavaScript Client implementing the MySQL protocol.
axios is a promise based HTTP client for the browser and node.js.
Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.It works with React, Vue, Angular, Ember, and other web frameworks.
Next.js is a React Framework for production gives you the best developer experience with all the features needed for production such as hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.
React Boilerplate is a highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).
Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. The user can also manipulate, traverse, and in some ways simulate runtime given the output.
RxDB is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
Redux is a predictable state container for JavaScript apps.
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
Expo is an open-source platform for making universal native apps with React.
React Native Windows is a ramework for building native Windows apps with React. React Native is a framework developed by Facebook that enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React.
ReactiveUI is a composable, cross-platform model-view-viewmodel framework for all .NET platforms that is inspired by functional reactive programming, which is a paradigm that allows you to abstract mutable state away from your user interfaces and express the idea around a feature in one readable place and improve the testability of your application.
Ant Design is an enterprise-class UI design language and React UI library.
Material-UI is a collection of React components for faster and simpler web development.
Chakra UI is a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.
Ionic Development
Ionic Learning Resources
Ionic Framework is a front-end SDK for building cross-platform mobile apps. Built on top of Angular and Apache Cordova, Ionic also provides a platform for integrating services like push notifications and analytics.
Ionic Framework - Enterprise Training
Top Ionic Courses Online | Udemy
[Ionic React: Cross-Platform Mobile Development with Ionic 5 | Udemy](https://www.udemy.com/course/ionic-react/
Ionic & Angular JS: Principles Of Mobile and Web Development
Ionic: Getting Started | Pluralsight
Building Desktop Apps with Ionic and Electron | Pluralsight
Ionic Essential Training | LinkedIn Learning
JavaScript Programming with Visual Studio Code
Google's JavaScript Style Guide
Ionic Tools, Libraries, and Frameworks
Ionic command line interface (CLI) is the go-to tool for developing Ionic apps.
Stencil is a toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue.js, and traditional web developers from a single, framework-agnostic codebase.
Stencil ESLint is the ESLint rules specific to Stencil JS projects.
Capacitor is a cross-platform API and code execution layer that makes it easy to call Native SDKs from web code and to write custom native plugins that your app may need. Also, Capacitor provides first-class Progressive Web App(PWAs) support so you can write one app and deploy it to the app stores and the mobile web.
Ionic Native is a curated set of wrappers for Cordova plugins that make adding any native functionality you need to your Ionic mobile app easy.
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
Monaca is a comprehensive cloud-powered and framework-agnostic set of tools Monaca supports both online and offline development, debugging with live-reload feature and cloud build experience.
Onsen UI is a custom Elements-based HTML5 framework offers a large selection of components and responsive layout support. Onsen UI lets you create professionally designed multiplatform apps without acquiring additional skillset.
App Builder is a complete IDE for Microsoft Windows which allows to create HTML5 and native apps without programming knowledge. Offers dozens of controls and actions ready to be used in your apps and lot of app samples to learn it.
Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.It works with React, Vue, Angular, Ember, and other web frameworks.
Standard is a JavaScript Style Guide, with linter & automatic code fixer.
Framework7 is a free and open source mobile HTML framework for developing hybrid mobile apps or web apps with iOS & Android native look and feel.
NSB/AppStudio is an IDE for webapps/native apps. One step install includes complete PhoneGap integration, plus Bootstrap, jQuery Mobile and jqWidgets. Drag and Drop Designer. Easy programming in JavaScript or BASIC. Windows and MacOS.
Mobiscroll is a collection of cross platform UI controls for delivering polished iOS, Android & Windows Phone apps. Framework agnostic, use it with plain Javascript, jQuery, Angular, React or Knockout.
Instabug is a service that provides Cordova developers with a bug reporting and in-app feedback solution. With a one minute install guide, it enables users to seamlessly report bugs while automatically attaching details such as network logs, repro-steps, etc.
Quasar is a write code once and simultaneously deploy it as a website, Mobile / Electron App or Browser Extension. Yes, one codebase for all of them, helping you develop an app in record time by using a state-of-the-art CLI and backed by best-practice, blazing f...
VoltBuilder is a modern replacement for PhoneGap Build. Upload project and certificates, then download builds (or upload to store). Uses latest Apache Cordova and SDKs. There's nothing to install: just sign up and submit.
VoltSigner is a free service to create Android and iOS signing certificates. Run completely in your local browser - nothing gets uploaded. Compatible with all build tools. Notably, it can produce iOS certificates on Windows.
NPM is the company behind Node package manager, the npm Registry, and npm CLI.
node-gyp is a cross-platform command-line tool written in Node.js for compiling native addon modules for Node.js. It contains a vendored copy of the gyp-next project that was previously used by the Chromium team, extended to support the development of Node.js native addons.
nvm is a version manager for node.js, designed to be installed per-user, and invoked per-shell. nvm works on any POSIX-compliant shell (sh, dash, ksh, zsh, bash), in particular on these platforms: unix, macOS, and windows WSL.
node-docker is the official Node.js docker image, made with love by the node community.
Mocha is a simple, flexible, fun JavaScript test framework for Node.js & The Browser.
AVA is a test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that lets you develop with confidence.
egg is a born to build better enterprise frameworks and apps with Node.js & Koa.
Fastify is a fast and low overhead web framework, for Node.js.
Express is a fast, unopinionated, minimalist web framework for node.
Meteor is an ultra-simple environment for building modern web applications with JavavScript.
NW.js is an app runtime based on Chromium and node.js. You can write native apps in HTML and JavaScript with NW.js. It also lets you call Node.js modules directly from the DOM and enables a new way of writing native applications with all Web technologies.
PM2 is a production process manager for Node.js applications with a built-in load balancer. It allows you to keep applications alive forever, to reload them without downtime and to facilitate common system admin tasks.
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It has support in Java, JavaScript, Ruby, Scala, and other programming languages.
Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.
Nest is a framework for building efficient, scalable Node.js server-side applications. It uses modern JavaScript, is built with TypeScript (preserves compatibility with pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).
Meteor is an ultra-simple environment for building modern web applications with JavavScript.
mysqljs is a pure node.js JavaScript Client implementing the MySQL protocol.
axios is a promise based HTTP client for the browser and node.js.
Next.js is a React Framework for production gives you the best developer experience with all the features needed for production such as hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.
React Starter Kit is an isomorphic web app boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices.
React Boilerplate is a highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).
Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. The user can also manipulate, traverse, and in some ways simulate runtime given the output.
RxDB is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
Redux is a predictable state container for JavaScript apps.
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
Expo is an open-source platform for making universal native apps with React.
React Native Windows is a ramework for building native Windows apps with React. React Native is a framework developed by Facebook that enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React.
ReactiveUI is a composable, cross-platform model-view-viewmodel framework for all .NET platforms that is inspired by functional reactive programming, which is a paradigm that allows you to abstract mutable state away from your user interfaces and express the idea around a feature in one readable place and improve the testability of your application.
Cordova Development
Cordova Learning Resources
Apache Cordova is a mobile application development framework. It allows you to use standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform development, avoiding each mobile platform's native development language.
Top Apache Cordova Courses on Udemy
Apache Cordova - Building Hybrid Mobile App for Android & iOS Course on Udemy
Learning Apache Cordova Course on Linkedin Learning
Apache Cordova: Building Cross-Platform Mobile Apps Course on Linkedin Learning
Convert a web app to a Cordova project Course on Linkedin Learning
Build a Cordova app Course on Linkedin Learning
JavaScript Programming with Visual Studio Code
Google's JavaScript Style Guide
Cordova Tools, Libraries and Frameworks
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.
VSCode Cordova is a Visual Studio Code extension providing intellisense, debug, and build support for Cordova and Ionic projects.
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
Ionic is a front-end SDK for building cross-platform mobile apps. Built on top of Angular, Ionic also provides a platform for integrating services like push notifications and analytics.
Monaca is a comprehensive cloud-powered and framework-agnostic set of tools Monaca supports both online and offline development, debugging with live-reload feature and cloud build experience.
Onsen UI is a custom Elements-based HTML5 framework offers a large selection of components and responsive layout support. Onsen UI lets you create professionally designed multiplatform apps without acquiring additional skillset.
App Builder is a complete IDE for Microsoft Windows which allows to create HTML5 and native apps without programming knowledge. Offers dozens of controls and actions ready to be used in your apps and lot of app samples to learn it.
Framework7 is a free and open source mobile HTML framework for developing hybrid mobile apps or web apps with iOS & Android native look and feel.
NSB/AppStudio is an IDE for webapps/native apps. One step install includes complete PhoneGap integration, plus Bootstrap, jQuery Mobile and jqWidgets. Drag and Drop Designer. Easy programming in JavaScript or BASIC. Windows and MacOS.
Mobiscroll is a collection of cross platform UI controls for delivering polished iOS, Android & Windows Phone apps. Framework agnostic, use it with plain Javascript, jQuery, Angular, React or Knockout.
Instabug is a service that provides Cordova developers with a bug reporting and in-app feedback solution. With a one minute install guide, it enables users to seamlessly report bugs while automatically attaching details such as network logs, repro-steps, etc.
Quasar is a write code once and simultaneously deploy it as a website, Mobile / Electron App or Browser Extension. Yes, one codebase for all of them, helping you develop an app in record time by using a state-of-the-art CLI and backed by best-practice.
VoltBuilder is a modern replacement for PhoneGap Build. Upload project and certificates, then download builds (or upload to store). Uses latest Apache Cordova and SDKs. There's nothing to install: just sign up and submit.
VoltSigner is a free service to create Android and iOS signing certificates. Run completely in your local browser - nothing gets uploaded. Compatible with all build tools. Notably, it can produce iOS certificates on Windows.
NPM is the company behind Node package manager, the npm Registry, and npm CLI.
node-gyp is a cross-platform command-line tool written in Node.js for compiling native addon modules for Node.js. It contains a vendored copy of the gyp-next project that was previously used by the Chromium team, extended to support the development of Node.js native addons.
nvm is a version manager for node.js, designed to be installed per-user, and invoked per-shell. nvm works on any POSIX-compliant shell (sh, dash, ksh, zsh, bash), in particular on these platforms: unix, macOS, and windows WSL.
node-docker is the official Node.js docker image, made with love by the node community.
Mocha is a simple, flexible, fun JavaScript test framework for Node.js & The Browser.
AVA is a test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that lets you develop with confidence.
egg is a born to build better enterprise frameworks and apps with Node.js & Koa.
Fastify is a fast and low overhead web framework, for Node.js.
Express is a fast, unopinionated, minimalist web framework for node.
Meteor is an ultra-simple environment for building modern web applications with JavavScript.
NW.js is an app runtime based on Chromium and node.js. You can write native apps in HTML and JavaScript with NW.js. It also lets you call Node.js modules directly from the DOM and enables a new way of writing native applications with all Web technologies.
PM2 is a production process manager for Node.js applications with a built-in load balancer. It allows you to keep applications alive forever, to reload them without downtime and to facilitate common system admin tasks.
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It has support in Java, JavaScript, Ruby, Scala, and other programming languages.
Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.
Nest is a framework for building efficient, scalable Node.js server-side applications. It uses modern JavaScript, is built with TypeScript (preserves compatibility with pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).
Meteor is an ultra-simple environment for building modern web applications with JavavScript.
mysqljs is a pure node.js JavaScript Client implementing the MySQL protocol.
axios is a promise based HTTP client for the browser and node.js.
Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.It works with React, Vue, Angular, Ember, and other web frameworks.
Next.js is a React Framework for production gives you the best developer experience with all the features needed for production such as hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.
Standard is a JavaScript Style Guide, with linter & automatic code fixer.
React Starter Kit is an isomorphic web app boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices.
React Boilerplate is a highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).
Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. The user can also manipulate, traverse, and in some ways simulate runtime given the output.
RxDB is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
Redux is a predictable state container for JavaScript apps.
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
Expo is an open-source platform for making universal native apps with React.
React Native Windows is a ramework for building native Windows apps with React. React Native is a framework developed by Facebook that enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React.
ReactiveUI is a composable, cross-platform model-view-viewmodel framework for all .NET platforms that is inspired by functional reactive programming, which is a paradigm that allows you to abstract mutable state away from your user interfaces and express the idea around a feature in one readable place and improve the testability of your application.
Angular Development
Angular Learning Resources
Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScript and other languages developed by Google.
Google's JavaScript Style Guide
AngularJS Tutorial on W3Schools
Angular Certification - Become a certified Angular Developer
Angular Courses Online on Udemy
Angular Courses Online on Coursera
Learn Angular with Online Courses and Lessons on edX
Angular Online Training Courses on LinkedIn Learning
Learning AngularJS, including Angular directives from Codecademy
Learning Angular from Pluralsight
Angular Language Service for Visual Studio
Angular JavaScript Tutorial in Visual Studio Code
Angular Tools and Frameworks
Angular CLI is a command-line tool makes it easy to create an application that already works, right out of the box and follows all of Angular's best practices.
Angular Material UI component library is the Component infrastructure and Material Design components for Angular.
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).
Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.It works with React, Vue, Angular, Ember, and other web frameworks.
AngularFire is the official Angular library for Firebase.
Apollo Angular is a GraphQL Client for Angular Framework.
GraphQL Code Generator is a tool for generating code based on a GraphQL schema and GraphQL operations. The project currently support and maintain plugins (TypeScript, Flow, React, Angular, MongoDB, Stencil, Reason, and more).
NgRx is the Reactive libraries for Angular.
RxDB is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
Redux is a predictable state container for JavaScript apps.
Protractor is an end-to-end test framework for Angular and AngularJS applications. Protractor is a Node.js program built on top of WebDriverJS.
Onsen UI is an open source framework that makes it easy to create native-feeling Progressive Web Apps (PWAs) and hybrid apps. It provides bindings for Angular 1, 2, React and Vue.js.
Nebular is a customizable Angular 10 UI Library with a focus on beautiful design and ability to adapt it to your brand easily. It comes with 4 visual themes, a powerful theming engine with runtime theme switching, and support of custom css properties mode.
PrimeNG is the Most Complete Angular UI Component Library.
Project Clarity is an open source design system that brings together UX guidelines, an HTML/CSS framework, Angular components, and Web Components. Project Clarity is currently being developed by VMware.
Angular Flex Layout is a sophisticated HTML UI layout for Angular applications; using Flexbox and a Responsive API.
UI-Grid is an AngularJS data grid.
Vue.js Development
Vue.js Learning Resources
Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Introduction to Vue Test Utils
Vue JavaScript Tutorial in Visual Studio Code
Introducing Storybook for VueJS
Vue Mastery is the Ultimate Learning Resource for Vue.js
Learn Vue.js from core-team members and industry experts on VueSchool
Vue.js Tools and Frameworks
Vue CLI is a standard tooling for Vue.js development that provides support for Babel, TypeScript, ESLint, PostCSS, PWA, Unit Testing & End-to-end Testing.
Vue Router is the official router for Vue.js. It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze.
VuePress is a tool that generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded.
Vuefire is Firebase bindings for Vue.js & Vuex.
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
Element is a Vue.js 2.0 UI Toolkit for Web.
Vuetify is a Material Component Framework for Vue.
Buefy is a lightweight UI components for Vue.js based on Bulma.
Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.It works with React, Vue, Angular, Ember, and other web frameworks.
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).
Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.
Vue-Apollo is the Apollo/GraphQL integration for VueJS.
RxDB is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
Redux is a predictable state container for JavaScript apps.
Onsen UI is an open source framework that makes it easy to create native-feeling Progressive Web Apps (PWAs) and hybrid apps. It provides bindings for Angular 1, 2, React and Vue.js.
Nest is a framework for building efficient, scalable Node.js server-side applications. It uses modern JavaScript, is built with TypeScript (preserves compatibility with pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).
Hoppscotch is a free, fast and beautiful API request builder used by 100k+ developers.
Quasar is a framework that builds high-performance VueJS user interfaces in record time. Such as responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps.
Svelte Development
Svelte Learning Resources
Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.
Getting started with Svelte - Learning web development | MDN
JavaScript Programming with Visual Studio Code
Google's JavaScript Style Guide
Svelte Tools, Libraries, and Frameworks
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.
Code Server is a tool that allows you to run VS Code on any machine anywhere and access it in the browser.
Svelte Language Tools is a library implementing the Language Server Protocol (LSP). LSP powers the VSCode extension.
SvelteKit is a tool that makes it fast to build Svelte apps.
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).
Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. The user can also manipulate, traverse, and in some ways simulate runtime given the output.
RxDB is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
Redux is a predictable state container for JavaScript apps.
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
Node.js Development
Node.js Learning Resources
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine that lets developers write command line tools and server-side scripts outside of a browser.
Node.js Build Working Group maintains and controls infrastructure used for continuous integration (CI), releases, benchmarks, web hosting (of nodejs.org and other Node.js web properties) and more.
The OpenJS Foundation is made up of 32 open source JavaScript projects including Appium, Dojo, Electron, jQuery, Node.js, and webpack. The foundation's mission is to support the healthy growth of JavaScript and web technologies by providing a neutral organization to host and sustain projects, as well as collaboratively fund activities that benefit the ecosystem as a whole.
Getting started with Node.js in Google Cloud
Getting Started with Node.js in AWS
Node.js App Hosting & Deployment in Microsoft Azure
The Node.js best practices list
Introduction to Node.js by W3Schools
The Node.js Community Committee
Node.js Mentorship Program Initiative
Node.js tutorial in Visual Studio Code
Server-side Development with NodeJS, Express and MongoDB on Coursera
Node.js Tools, Libraries, and Frameworks
NPM is the company behind Node package manager, the npm Registry, and npm CLI.
node-gyp is a cross-platform command-line tool written in Node.js for compiling native addon modules for Node.js. It contains a vendored copy of the gyp-next project that was previously used by the Chromium team, extended to support the development of Node.js native addons.
nvm is a version manager for node.js, designed to be installed per-user, and invoked per-shell. nvm works on any POSIX-compliant shell (sh, dash, ksh, zsh, bash), in particular on these platforms: unix, macOS, and windows WSL.
node-docker is the official Node.js docker image, made with love by the node community.
Mocha is a simple, flexible, fun JavaScript test framework for Node.js & The Browser.
AVA is a test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that lets you develop with confidence.
egg is a born to build better enterprise frameworks and apps with Node.js & Koa.
mysqljs is a pure node.js JavaScript Client implementing the MySQL protocol.
axios is a promise based HTTP client for the browser and node.js.
Fastify is a fast and low overhead web framework, for Node.js.
Express is a fast, unopinionated, minimalist web framework for node.
Meteor is an ultra-simple environment for building modern web applications with JavavScript.
NW.js is an app runtime based on Chromium and node.js. You can write native apps in HTML and JavaScript with NW.js. It also lets you call Node.js modules directly from the DOM and enables a new way of writing native applications with all Web technologies.
PM2 is a production process manager for Node.js applications with a built-in load balancer. It allows you to keep applications alive forever, to reload them without downtime and to facilitate common system admin tasks.
NestJS is a framework for building efficient, scalable Node.js web applications. It uses modern JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Progamming), FP (Functional Programming), and FRP (Functional Reactive Programming).
jenkins-nodejs is a Jenkins plugin for Node.js that provides the NodeJS auto-installer, allowing to create as many NodeJS installations "profiles" as you want.
Strapi is an open source Node.js Headless CMS to easily build customisable APIs.
Standard is a JavaScript Style Guide, with linter & automatic code fixer.
React Starter Kit is an isomorphic web app boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices.
Hexo is a A fast, simple & powerful blog framework, powered by Node.js.
jQuery Development
jQuery Learning Resources
The OpenJS Foundation is made up of 32 open source JavaScript projects including Appium, Dojo, Electron, jQuery, Node.js, and webpack. The foundation's mission is to support the healthy growth of JavaScript and web technologies by providing a neutral organization to host and sustain projects, as well as collaboratively fund activities that benefit the ecosystem as a whole.
jQuery is a fast and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of web browsers.
Configuring JavaScript libraries in WebStorm
JavaScript in Visual Studio Code
JavaScript extensions for VS Code
jQuery Training Courses on LinkedIn Learning
jQuery Best Practices Training on Learning Tree
Learning the jQuery Basics on Pluralsight
jQuery In-Depth on Pluralsight
ASP.NET Ajax JavaScript and jQuery Course on Pluralsight
jQuery Certification from W3Schools
jQuery Tools, Libraries, and Frameworks
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It has support in Java, JavaScript, Ruby, Scala, and other programming languages.
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).
Cheerio is a fast, flexible, and lean implementation of core jQuery designed specifically for the server.
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of jQuery. Though, it should not be used in core code.
jQuery Tools is a collection of the most important user-interface components for modern websites. Used by large sites all over the world.
Bridge.NET is an open source C#-to-JavaScript Compiler. Write your application in C# and run on billions of devices.
Phantomas is a Headless Chromium-based web performance metrics collector and monitoring tool
Featherlight is a very lightweight jQuery lightbox plugin. It's simple yet flexible and easy to use.
Electron Development
Electron Learning Resources
Electron is a framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on Node.js and Chromium and is used by the Atom editor and many other apps.
The OpenJS Foundation is made up of 32 open source JavaScript projects including Appium, Dojo, Electron, jQuery, Node.js, and webpack. The foundation's mission is to support the healthy growth of JavaScript and web technologies by providing a neutral organization to host and sustain projects, as well as collaboratively fund activities that benefit the ecosystem as a whole.
Configuring JavaScript libraries in WebStorm
JavaScript in Visual Studio Code
JavaScript extensions for VS Code
Master Electron: Desktop Apps with HTML, JavaScript & CSS course on Udemy
Electron for Desktop Apps: The Complete Developer's Guide course on Udemy
Electron From Scratch: Build Desktop Apps With JavaScript course on Udemy
Electron Fundamentals on Pluralsight
Electron Tools, Libraries, and Frameworks
Electron Fiddle is an application that lets you create and play with small Electron experiments. It greets you with a simple quick start template after opening. Simply choose the version of Electron you want to run with your project and then play around.
Electron Builder is a complete solution to package and build a ready for distribution Electron app with “auto update” support out of the box.
Photon is a UI toolkit for building desktop apps with Electron.
Electron.NET is an application that builds cross platform desktop apps with ASP.NET Core (Razor Pages, MVC, Blazor).
Angular Electron is an application that bootstrap's and package's your project with Angular 11 and Electron 11 (Typescript + SASS + Hot Reload) for creating Desktop applications.
Selenium is a browser automation framework and ecosystem. Selenium specifically provides an infrastructure for the W3C WebDriver specification as a platform and language-neutral coding interface compatible with all major web browsers(Firefox, Google Chrome and Safari).
Selenium IDE is an Open Source record and playback test automation for the web.
GitHub Codespaces is an integrated development environment(IDE) on GitHub. That allows developers to develop entirely in the cloud using Visual Studio and Visual Studio Code.
GitHub Actions will automate, customize, and execute your software development workflows right in your repository with GitHub Actions. You can discover, create, and share actions to perform any job you'd like, including CI/CD, and combine actions in a completely customized workflow.GitHub Actions for Azure you can create workflows that you can set up in your repository to build, test, package, release and deploy to Azure.Learn more about all other integrations with Azure.
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It has support in Java, JavaScript, Ruby, Scala, and other programming languages.
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).
Nest is a framework for building efficient, scalable Node.js server-side applications. It uses modern JavaScript, is built with TypeScript (preserves compatibility with pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).
Quasar is a framework that builds high-performance VueJS user interfaces in record time. Such as responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.
React Starter Kit is an isomorphic web app boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices.
Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. The user can also manipulate, traverse, and in some ways simulate runtime given the output.
Mocha is a simple, flexible, fun JavaScript test framework for Node.js & The Browser.
Express is a fast, unopinionated, minimalist web framework for node.
Meteor is an ultra-simple environment for building modern web applications with JavavScript.
RxDB is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
Redux is a predictable state container for JavaScript apps.
Standard is a JavaScript Style Guide, with linter & automatic code fixer.
Lowdb is a small local JSON database powered by Lodash (supports Node, Electron and the browser).
Nativefier is an application that lets you make any web page into a desktop electron application.
HTML/CSS Development
HTML/CSS Learning Resources
HTML (HyperText Markup Language) is the basic building blocks of the Web. It defines the meaning and structure of web content along with other technologies used to describe a web page's appearance/presentation using CSS or functionality/behavior using JavaScript.
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS also describes how elements should be rendered on screen, on paper, in speech, or on other media.
Microsoft Certified Solutions Associate (MCSA): Web Applications
Intro to HTML/CSS: Making webpages by Khanacademy
Intro to HTML and CSS by Udacity
Modern HTML & CSS From The Beginning (Including Sass) by Udemy
Using Glitch for Developer Relations
HTML/CSS Tools and Frameworks
WebStorm is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks(Angular, React, Vue.js, Ionic, Apache Cordova, React Native, Node.js, Meteor, and Electron).
Codeanywhere is a Cloud Integrated Development Environment. Our Cloud IDE saves you time by deploying a development environment in seconds, enabling you to code, learn, build, and collaborate on your projects.
Adobe Brackets is a modern open-source code editor for HTML, CSS and JavaScript that's built in HTML, CSS and JavaScript.
Adobe TypeKit is the Adobe font subscription service for both web and desktop fonts, that makes thousands of fonts from quality foundries accessible, with no extra licensing required.
Ultimate CSS Gradient Generator is a powerful Photoshop-like CSS gradient editor from ColorZilla.
PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.
PurgeCSS is a tool to remove unused CSS in your project.
Tailwind UI is a collection of beautiful, fully responsive UI components, designed and developed by us, the creators of Tailwind CSS. It's got hundreds of ready-to-use examples to choose from, and is guaranteed to help you find the perfect starting point for what you want to build.
Sass(Syntactically Awesome Style Sheets) is a professional grade CSS extension language.
HTML KickStart is a ultra-lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.
Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers.
Maquetta is a WYSIWYG visual page editor for drawing out user interfaces using drag/drop assembly. Maqetta supports both desktop and mobile user interfaces.
Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate.
Radi is a tool designed from the ground up to help you create content that will take full advantage of HTML5 features.
Onsen UI is an open source framework that makes it easy to create native-feeling Progressive Web Apps (PWAs) and hybrid apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Framework7 is a free and open source framework to develop mobile, desktop or web apps with native look and feel. It is also an indispensable prototyping tool to show working app prototype as soon as possible in case you need to.
Gauge.js is a native and cool looking animated JavaScript/CoffeScript gauge.
SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web.
Tumult Hype is the HTML5 creation app for macOS. The animations and interactive content made with Tumult Hype work on desktops, smartphones and iPads with no code required.
CSS Gradient is a happy little website and free tool that lets you create a gradient background for websites.
Glitch makes easier to build fast, full-stack web apps in your browser for free.
CSS Optimizer is an online tool to clean, compress, and optimize your CSS code.
Sciter is an embeddable HTML/CSS/scripting engine, Windows, MacOS and Linux.
Flexy is minimal CSS framework made with Flex.
Simple CSS is a tool that allows you to easily create Cascading Style Sheets from scratch, and modify existing ones, using a familiar point-and-click interface. With Simple CSS, you can manage multiple CSS projects, import existing .css files as desired, and export projects to .css files.
Conditional-CSS is a CSS module that allows to define a set of rules that will only apply based on the capabilities of the processor or the document the style sheet is being applied to.
Kotatsu is a straightforward CLI tool aiming either at running node.js scripts or serving JavaScript/TypeScript web applications in a modern environment.
AWK is a scripting language used for manipulating data and generating reports.
Contribute
- If would you like to contribute to this guide simply make a Pull Request.
License
Distributed under the Creative Commons Attribution 4.0 International (CC BY 4.0) Public License.
