Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mikeroyal/JavaScript-Guide
JavaScript Guide
https://github.com/mikeroyal/JavaScript-Guide
List: JavaScript-Guide
angularjs awesome awesome-javascript awesome-list awesome-lists awesome-readme awesome-resources css html javascript nodejs reactjs svelte sveltejs typescript vuejs
Last synced: about 1 month ago
JSON representation
JavaScript Guide
- Host: GitHub
- URL: https://github.com/mikeroyal/JavaScript-Guide
- Owner: mikeroyal
- Created: 2021-08-10T21:47:48.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-01-04T22:18:21.000Z (9 months ago)
- Last Synced: 2024-05-23T07:39:54.038Z (4 months ago)
- Topics: angularjs, awesome, awesome-javascript, awesome-list, awesome-lists, awesome-readme, awesome-resources, css, html, javascript, nodejs, reactjs, svelte, sveltejs, typescript, vuejs
- Language: JavaScript
- Homepage:
- Size: 199 KB
- Stars: 37
- Watchers: 7
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- ultimate-awesome - JavaScript-Guide - JavaScript Guide . (Other Lists / PowerShell Lists)
README
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](https://code.visualstudio.com/) using this handy extension [Markdown PDF](https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf).**
# Table of Contents
1. [JavaScript Learning Resources](https://github.com/mikeroyal/JavaScript-Guide#javascript-learning-resources)
2. [JavaScript Tools, Libraries, and Frameworks](https://github.com/mikeroyal/JavaScript-Guide#javascript-tools-libraries-and-frameworks)
3. [React Development](https://github.com/mikeroyal/JavaScript-Guide#react-development)
4. [Ionic Development](https://github.com/mikeroyal/JavaScript-Guide#ionic-development)
5. [Cordova Development](https://github.com/mikeroyal/JavaScript-Guide#cordova-development)
6. [Angular Development](https://github.com/mikeroyal/JavaScript-Guide#angular-development)
7. [Vue.js Development](https://github.com/mikeroyal/JavaScript-Guide#vuejs-development)
8. [Svelte Development](https://github.com/mikeroyal/JavaScript-Guide#svelte-development)
9. [Node.js Development](https://github.com/mikeroyal/JavaScript-Guide#nodejs-development)
10. [jQuery Development](https://github.com/mikeroyal/JavaScript-Guide#jquery-development)
11. [Electron Development](https://github.com/mikeroyal/JavaScript-Guide#electron-development)
12. [HTML/CSS Development](https://github.com/mikeroyal/JavaScript-Guide#htmlcss-development)
# JavaScript Learning Resources
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
[JavaScript](https://www.ecma-international.org/publications-and-standards/standards/ecma-262/) is a programming language that conforms to the [ECMAScript specification](https://262.ecma-international.org/). JavaScript is a high-level language, often [Just-In-Time(JIT) compiled](https://en.wikipedia.org/wiki/Just-in-time_compilation), and [multi-paradigm](https://en.wikipedia.org/wiki/Multi-paradigm_programming_language).
[ECMAScript](https://262.ecma-international.org/) is a scripting language specification on which JavaScript is based. Ecma International is in charge of standardizing ECMAScript.
[Top JavaScript Courses Online | Coursera](https://www.coursera.org/courses?query=javascript)
[HTML, CSS, and Javascript for Web Developers Course | Coursera](https://www.coursera.org/learn/html-css-javascript-for-web-developers)
[Top JavaScript Courses Online | Udemy](https://www.udemy.com/topic/javascript/)
[Machine Learning with Javascript Course | Udemy](https://www.udemy.com/course/machine-learning-with-javascript/)
[Learn JavaScript with Online Courses and Classes | edX](https://www.edx.org/learn/javascript)
[Intro to JavaScript Courses | Udacity](https://www.udacity.com/course/intro-to-javascript--ud803)
[JavaScript Online Training Courses | LinkedIn Learning](https://www.linkedin.com/learning/topics/javascript)
[JavaScript Tutorial - W3Schools](https://www.w3schools.com/js/DEFAULT.asp)
[JavaScript Tutorial: Learning JavaScript Course | Codecademy](https://www.codecademy.com/learn/introduction-to-javascript)
[Online JavaScript Courses | Harvard University](https://online-learning.harvard.edu/subject/javascript)
[JavaScript Programming with Visual Studio Code](https://code.visualstudio.com/Docs/languages/javascript)
[Google's JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html)
[Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)
# JavaScript Tools, Libraries, and Frameworks
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
[Visual Studio Code](https://code.visualstudio.com/) is a code editor redefined and optimized for building and debugging modern web and cloud applications.
[Code Server](https://coder.com/) is a tool that allows you to run [VS Code](https://code.visualstudio.com/) on any machine anywhere and access it in the browser.
[WebStorm](https://www.jetbrains.com/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](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).
[JavaScriptCore](https://developer.apple.com/documentation/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](https://reactjs.org/) is a declarative, efficient, and flexible JavaScript library for building user interfaces.
[React Native](https://reactnative.dev) is a framework for building native apps for iOS and Android with React.
[Gatsby](https://www.gatsbyjs.com/) is a free and open source framework based on React that helps developers build blazing fast websites and apps.
[Ember.js](https://emberjs.com/) 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](https://nestjs.com/) is a framework for building efficient, scalable [Node.js](http://nodejs.org/) 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](https://www.meteor.com/) is an ultra-simple environment for building modern web applications with JavaScript.
[Next.js](https://github.com/vercel/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](https://www.angular.io/) is a development platform for building mobile and desktop web applications using Typescript/JavaScript and other languages developed by Google.
[AngularJS](https://angularjs.org/) 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](http://vuejs.org/) is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
[Svelte](https://svelte.dev/) 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](https://nodejs.org/) 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](https://cordova.apache.org) 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](https://ionicframework.com/) is a front-end SDK for building cross-platform mobile apps. Built on top of [Angular](https://angular.io/) and [Apache Cordova](https://cordova.apache.org/), Ionic also provides a platform for integrating services like push notifications and analytics.
[Capacitor](https://capacitorjs.com/) 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](https://jquery.com/) 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](https://backbonejs.org/) 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](https://electronjs.org/) is a framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on [Node.js](https://nodejs.org/) and [Chromium](https://www.chromium.org/) and is used by the [Atom editor](https://github.com/atom/atom) and many other [apps](https://electronjs.org/apps).
[HTML (HyperText Markup Language)](https://developer.mozilla.org/en-US/docs/Web/HTML) 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)](https://developer.mozilla.org/en-US/docs/Web/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](https://github.com/axios/axios) is a promise based HTTP client for the browser and node.js.
[React Starter Kit](https://www.reactstarterkit.com/) is an isomorphic web app boilerplate for web development built on top of [Node.js](https://nodejs.org/), [Express](http://expressjs.com/), [GraphQL](http://graphql.org/) and [React](https://facebook.github.io/react/), containing modern web development tools such as [Webpack](https://webpack.github.io/), [Babel](https://babeljs.io/) and [Browsersync](https://www.browsersync.io/). Helping you to stay productive following the best practices.
[TypeORM](https://github.com/typeorm/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](https://github.com/enzymejs/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](https://github.com/pubkey/rxdb) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
[Redux](https://github.com/reduxjs/redux) is a predictable state container for JavaScript apps.
[Inferno](https://infernojs.org/) is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
[Expo](https://github.com/expo/expo) is an open-source platform for making universal native apps with React.
### JavaScript Libraries for Machine Learning
[TensorFlow.js](https://www.tensorflow.org/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](https://brain.js.org/) 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](https://github.com/NaturalNode/natural) is a general natural language facility for nodejs. It offers a broad range of functionalities for [Natural Language Processing](https://www.ibm.com/cloud/learn/natural-language-processing).
[ConvNetJS](https://cs.stanford.edu/people/karpathy/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](https://github.com/mljs/ml) is a JavaScript library that provides Machine learning tools in JavaScript.
[Neuro.js](https://neuro.js.org) is a JavaScript library for developing and training ML models in JavaScript, and deploying in browser or on Node.js.
[Stdlib](https://stdlib.io/) 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](https://github.com/deepforge-dev/deepforge) is an open-source visual development environment for deep learning providing end-to-end support for creating deep learning models.
[Synaptic](https://github.com/cazala/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](https://www.npmjs.com/package/deeplearn) 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](https://github.com/mil-tokyo/webdnn) is the fastest Deep Neural Networks(DNN) running framework for the Web Browser.
[Mind](https://github.com/stevenmiller888/mind) is a flexible neural network library for Node.js and the browser.
# React Development
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
## React Learning Resources
[React](https://reactjs.org/) is a declarative, efficient, and flexible JavaScript library for building user interfaces.
[Getting Started with React](https://reactjs.org/docs/getting-started.html)
[React JavaScript Tutorial in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial)
[React Community Resources](https://reactjs.org/community/support.html)
[React Courses on Coursera](https://www.coursera.org/courses?query=react)
[React Courses on Udemy](https://www.udemy.com/topic/react/)
[React Nanodegree program on Udacity](https://www.udacity.com/course/react-nanodegree--nd019)
[Becoming a React Developer Learning Path on LinkedIn Learning](https://www.linkedin.com/learning/paths/become-a-react-developer)
[Learning ReactJS on Codecademy](https://www.codecademy.com/learn/react-101)
[React Tutorials and Training Courses on Pluralsight](https://www.pluralsight.com/browse/software-development/react)
[Introduction to React Course on Cloud Academy](https://cloudacademy.com/course/introduction-toreact/development-environment-set-up/)
## React Tools and Frameworks
[WebStorm](https://www.jetbrains.com/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](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).
[React Native](https://reactnative.dev) is a framework for building native apps for iOS and Android with React.
[Gatsby](https://www.gatsbyjs.com/) is a free and open source framework based on React that helps developers build blazing fast websites and apps.
[React Starter Kit](https://www.reactstarterkit.com/) is an isomorphic web app boilerplate for web development built on top of [Node.js](https://nodejs.org/), [Express](http://expressjs.com/), [GraphQL](http://graphql.org/) and [React](https://facebook.github.io/react/), containing modern web development tools such as [Webpack](https://webpack.github.io/), [Babel](https://babeljs.io/) and [Browsersync](https://www.browsersync.io/). Helping you to stay productive following the best practices.
[React Hook Form](https://react-hook-form.com/) is a performant, flexible and extensible forms with easy to use validation(Web + React Native).
[GraphQL](https://graphql.org/) 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](https://apollographql.com/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](https://nestjs.com/) is a framework for building efficient, scalable [Node.js](http://nodejs.org/) 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](https://www.meteor.com/) is an ultra-simple environment for building modern web applications with JavavScript.
[mysqljs](https://github.com/mysqljs/mysql) is a pure node.js JavaScript Client implementing the MySQL protocol.
[axios](https://github.com/axios/axios) is a promise based HTTP client for the browser and node.js.
[Storybook](https://storybook.js.org/) 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](https://github.com/vercel/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](https://www.reactboilerplate.com/) is a highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
[TypeORM](https://github.com/typeorm/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](https://github.com/enzymejs/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](https://github.com/pubkey/rxdb) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
[Redux](https://github.com/reduxjs/redux) is a predictable state container for JavaScript apps.
[Inferno](https://infernojs.org/) is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
[Expo](https://github.com/expo/expo) is an open-source platform for making universal native apps with React.
[React Native Windows](https://microsoft.github.io/react-native-windows/) is a ramework for building native Windows apps with React. [React Native](https://reactnative.dev/) 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](https://reactiveui.net/) 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](https://ant.design/) is an enterprise-class UI design language and React UI library.
[Material-UI](https://material-ui.com/) is a collection of [React](https://reactjs.org/) components for faster and simpler web development.
[Chakra UI](https://chakra-ui.com/) is a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.
# Ionic Development
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
## Ionic Learning Resources
[Back to the Top](https://github.com/mikeroyal/Ionic-Guide#table-of-contents)
[Ionic Framework](https://ionicframework.com/) is a front-end SDK for building cross-platform mobile apps. Built on top of [Angular](https://angular.io/) and [Apache Cordova](https://cordova.apache.org/), Ionic also provides a platform for integrating services like push notifications and analytics.
[Ionic GitHub](https://github.com/ionic-team)
[Ionic Framework - Enterprise Training](https://ionicframework.com/enterprise/training)
[Ionic Academy](https://ionicacademy.com/course-listing/)
[Top Ionic Courses Online | Udemy](https://www.udemy.com/topic/ionic/)
[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](https://www.udemy.com/course/ionic-course/)
[Ionic: Getting Started | Pluralsight](https://www.pluralsight.com/courses/ionic-getting-started)
[Building Desktop Apps with Ionic and Electron | Pluralsight](https://www.pluralsight.com/courses/building-cross-platform-apps-ionic-electron)
[Ionic Essential Training | LinkedIn Learning](https://www.linkedin.com/learning/ionic-4-0-essential-training)
[JavaScript Programming with Visual Studio Code](https://code.visualstudio.com/Docs/languages/javascript)
[Google's JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html)
[Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)
## Ionic Tools, Libraries, and Frameworks
[Ionic command line interface (CLI)](https://github.com/ionic-team/ionic-cli) is the go-to tool for developing [Ionic](https://ionicframework.com/) apps.
[Stencil](https://stenciljs.com/) 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](https://reactjs.org/), [Angular](https://angular.io/), [Vue.js](https://vuejs.org/), and traditional web developers from a single, framework-agnostic codebase.
[Stencil ESLint](https://github.com/ionic-team/stencil-eslint) is the ESLint rules specific to Stencil JS projects.
[Capacitor](https://capacitorjs.com/) 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](https://ionicframework.com/docs/native/) is a curated set of wrappers for Cordova plugins that make adding any native functionality you need to your [Ionic](https://ionicframework.com/) mobile app easy.
[Visual Studio Code](https://code.visualstudio.com/) is a code editor redefined and optimized for building and debugging modern web and cloud applications.
[WebStorm](https://www.jetbrains.com/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](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).
[Monaca](https://monaca.io/) 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](http://onsen.io/) 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](http://www.getappbuilder.com/) 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](https://storybook.js.org/) 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](https://standardjs.com/) is a JavaScript Style Guide, with linter & automatic code fixer.
[Framework7](http://www.idangero.us/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](https://www.nsbasic.com/) 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](https://mobiscroll.com/) 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](https://instabug.com/platforms/cordova) 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](https://quasar.dev/) 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](https://volt.build/) 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](https://voltsigner.com/) 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](https://www.npmjs.com/) is the company behind Node package manager, the npm Registry, and npm CLI.
[node-gyp](https://github.com/nodejs/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 ](https://github.com/nvm-sh/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](https://hub.docker.com/_/node/) is the official Node.js docker image, made with love by the node community.
[Mocha](https://github.com/mochajs/mocha) is a simple, flexible, fun JavaScript test framework for Node.js & The Browser.
[AVA](https://github.com/avajs/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](https://eggjs.org/) is a born to build better enterprise frameworks and apps with Node.js & Koa.
[Fastify](https://www.fastify.io/) is a fast and low overhead web framework, for Node.js.
[Express](https://expressjs.com/) is a fast, unopinionated, minimalist web framework for node.
[Meteor](https://www.meteor.com/) is an ultra-simple environment for building modern web applications with JavavScript.
[NW.js](https://nwjs.io/) 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](https://pm2.io/) 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](https://graphql.org/) 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](https://apollographql.com/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](https://nestjs.com/) is a framework for building efficient, scalable [Node.js](http://nodejs.org/) 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](https://www.meteor.com/) is an ultra-simple environment for building modern web applications with JavavScript.
[mysqljs](https://github.com/mysqljs/mysql) is a pure node.js JavaScript Client implementing the MySQL protocol.
[axios](https://github.com/axios/axios) is a promise based HTTP client for the browser and node.js.
[Next.js](https://github.com/vercel/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](https://www.reactstarterkit.com/) is an isomorphic web app boilerplate for web development built on top of [Node.js](https://nodejs.org/), [Express](http://expressjs.com/), [GraphQL](http://graphql.org/) and [React](https://facebook.github.io/react/), containing modern web development tools such as [Webpack](https://webpack.github.io/), [Babel](https://babeljs.io/) and [Browsersync](https://www.browsersync.io/). Helping you to stay productive following the best practices.
[React Boilerplate](https://www.reactboilerplate.com/) is a highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
[TypeORM](https://github.com/typeorm/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](https://github.com/enzymejs/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](https://github.com/pubkey/rxdb) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
[Redux](https://github.com/reduxjs/redux) is a predictable state container for JavaScript apps.
[Inferno](https://infernojs.org/) is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
[Expo](https://github.com/expo/expo) is an open-source platform for making universal native apps with React.
[React Native Windows](https://microsoft.github.io/react-native-windows/) is a ramework for building native Windows apps with React. [React Native](https://reactnative.dev/) 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](https://reactiveui.net/) 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
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
## Cordova Learning Resources
[Apache Cordova](https://cordova.apache.org) 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.
[Getting Started with Cordova](https://cordova.apache.org/#getstarted)
[Top Apache Cordova Courses on Udemy](https://www.udemy.com/topic/Apache-Cordova/)
[Apache Cordova - Building Hybrid Mobile App for Android & iOS Course on Udemy](https://www.udemy.com/course/apache-cordova/)
[Learning Apache Cordova Course on Linkedin Learning](https://www.linkedin.com/learning/learning-apache-cordova)
[Apache Cordova: Building Cross-Platform Mobile Apps Course on Linkedin Learning](https://www.linkedin.com/learning/apache-cordova-building-cross-platform-mobile-apps?trk=course_title&upsellOrderOrigin=default_guest_learning)
[Choosing a Cross-Platform Development Tool: Cordova, Ionic, React Native, Titanium, and Xamarin Course on Linkedin Learning](https://www.linkedin.com/learning/choosing-a-cross-platform-development-tool-cordova-ionic-react-native-titanium-and-xamarin?trk=learning-serp_learning_search-card&upsellOrderOrigin=default_guest_learning)
[Convert a web app to a Cordova project Course on Linkedin Learning](https://www.linkedin.com/learning/choosing-a-cross-platform-development-tool-cordova-ionic-react-native-titanium-and-xamarin/convert-a-web-app-to-a-cordova-project?trk=learning-serp_learning_search-card&upsellOrderOrigin=default_guest_learning)
[Build a Cordova app Course on Linkedin Learning](https://www.linkedin.com/learning/choosing-a-cross-platform-development-tool-cordova-ionic-react-native-titanium-and-xamarin/build-a-cordova-app?trk=learning-serp_learning_search-card&upsellOrderOrigin=default_guest_learning)
[JavaScript Programming with Visual Studio Code](https://code.visualstudio.com/Docs/languages/javascript)
[Google's JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html)
[Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)
## Cordova Tools, Libraries and Frameworks
[Visual Studio Code](https://code.visualstudio.com/) is a code editor redefined and optimized for building and debugging modern web and cloud applications.
[VSCode Cordova](https://github.com/Microsoft/vscode-cordova) is a Visual Studio Code extension providing intellisense, debug, and build support for Cordova and Ionic projects.
[WebStorm](https://www.jetbrains.com/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](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).
[Ionic](https://ionicframework.com/) 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](https://monaca.io/) 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](http://onsen.io/) 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](http://www.getappbuilder.com/) 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](http://www.idangero.us/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](https://www.nsbasic.com/) 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](https://mobiscroll.com/) 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](https://instabug.com/platforms/cordova) 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](https://quasar.dev/) 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](https://volt.build/) 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](https://voltsigner.com/) 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](https://www.npmjs.com/) is the company behind Node package manager, the npm Registry, and npm CLI.
[node-gyp](https://github.com/nodejs/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 ](https://github.com/nvm-sh/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](https://hub.docker.com/_/node/) is the official Node.js docker image, made with love by the node community.
[Mocha](https://github.com/mochajs/mocha) is a simple, flexible, fun JavaScript test framework for Node.js & The Browser.
[AVA](https://github.com/avajs/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](https://eggjs.org/) is a born to build better enterprise frameworks and apps with Node.js & Koa.
[Fastify](https://www.fastify.io/) is a fast and low overhead web framework, for Node.js.
[Express](https://expressjs.com/) is a fast, unopinionated, minimalist web framework for node.
[Meteor](https://www.meteor.com/) is an ultra-simple environment for building modern web applications with JavavScript.
[NW.js](https://nwjs.io/) 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](https://pm2.io/) 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](https://graphql.org/) 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](https://apollographql.com/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](https://nestjs.com/) is a framework for building efficient, scalable [Node.js](http://nodejs.org/) 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](https://www.meteor.com/) is an ultra-simple environment for building modern web applications with JavavScript.
[mysqljs](https://github.com/mysqljs/mysql) is a pure node.js JavaScript Client implementing the MySQL protocol.
[axios](https://github.com/axios/axios) is a promise based HTTP client for the browser and node.js.
[Storybook](https://storybook.js.org/) 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](https://github.com/vercel/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](https://standardjs.com/) is a JavaScript Style Guide, with linter & automatic code fixer.
[React Starter Kit](https://www.reactstarterkit.com/) is an isomorphic web app boilerplate for web development built on top of [Node.js](https://nodejs.org/), [Express](http://expressjs.com/), [GraphQL](http://graphql.org/) and [React](https://facebook.github.io/react/), containing modern web development tools such as [Webpack](https://webpack.github.io/), [Babel](https://babeljs.io/) and [Browsersync](https://www.browsersync.io/). Helping you to stay productive following the best practices.
[React Boilerplate](https://www.reactboilerplate.com/) is a highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
[TypeORM](https://github.com/typeorm/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](https://github.com/enzymejs/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](https://github.com/pubkey/rxdb) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
[Redux](https://github.com/reduxjs/redux) is a predictable state container for JavaScript apps.
[Inferno](https://infernojs.org/) is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
[Expo](https://github.com/expo/expo) is an open-source platform for making universal native apps with React.
[React Native Windows](https://microsoft.github.io/react-native-windows/) is a ramework for building native Windows apps with React. [React Native](https://reactnative.dev/) 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](https://reactiveui.net/) 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
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
## Angular Learning Resources
[Angular](https://www.angular.io/) is a development platform for building mobile and desktop web applications using Typescript/JavaScript and other languages developed by Google.
[Getting Started with Angular](https://angular.io/start)
[What Is AngularJS?](https://docs.angularjs.org/guide/introduction#!)
[Google's JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html)
[Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)
[AngularJS Tutorial on W3Schools](https://www.w3schools.com/angular/)
[Angular Certification - Become a certified Angular Developer](https://www.angulartraining.com/angular-certification.html)
[Angular University](https://angular-university.io)
[Angular Courses Online on Udemy](https://www.udemy.com/topic/angular/)
[Angular Courses Online on Coursera](https://www.coursera.org/search?query=angular&)
[Learn Angular with Online Courses and Lessons on edX](https://www.edx.org/learn/angular)
[Angular Online Training Courses on LinkedIn Learning](https://www.linkedin.com/learning/topics/angular-2)
[Learning AngularJS, including Angular directives from Codecademy](https://www.codecademy.com/learn/learn-angularjs)
[Learning Angular from Pluralsight](https://www.pluralsight.com/paths/angular)
[Ionic Angular Overview](https://ionicframework.com/docs/angular/overview)
[Angular Language Service for Visual Studio](https://devblogs.microsoft.com/visualstudio/angular-language-service-for-visual-studio/)
[Angular JavaScript Tutorial in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/angular-tutorial)
[Laravel and Angular](https://laravel-angular.io/docs/1/)
## Angular Tools and Frameworks
[Angular CLI](https://cli.angular.io/) 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](https://material.angular.io/) is the Component infrastructure and Material Design components for Angular.
[WebStorm](https://www.jetbrains.com/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](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).
[TypeORM](https://github.com/typeorm/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](https://storybook.js.org/) 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](https://firebaseopensource.com/projects/angular/angularfire2) is the official Angular library for [Firebase](https://firebase.google.com/).
[Apollo Angular](https://apollo-angular.com/) is a GraphQL Client for Angular Framework.
[GraphQL Code Generator](https://graphql-code-generator.com/) is a tool for generating code based on a GraphQL schema and GraphQL operations. The project currently support and maintain [plugins](https://graphql-code-generator.com/docs/plugins/index) (TypeScript, Flow, React, Angular, MongoDB, Stencil, Reason, and more).
[NgRx](https://ngrx.io/) is the Reactive libraries for Angular.
[RxDB](https://github.com/pubkey/rxdb) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
[Redux](https://github.com/reduxjs/redux) is a predictable state container for JavaScript apps.
[Protractor](https://angular.github.io/protractor) is an end-to-end test framework for Angular and AngularJS applications. Protractor is a [Node.js](http://nodejs.org/) program built on top of [WebDriverJS](https://github.com/SeleniumHQ/selenium/wiki/WebDriverJs).
[Onsen UI](https://onsen.io/) 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](https://github.com/akveo/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](https://www.primefaces.org/angular) is the Most Complete Angular UI Component Library.
[Project Clarity](https://clarity.design) 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](https://github.com/angular/flex-layout) is a sophisticated HTML UI layout for Angular applications; using Flexbox and a [Responsive API](https://github.com/angular/flex-layout/wiki/Responsive-API).
[UI-Grid](https://github.com/angular-ui/ui-grid) is an AngularJS data grid.
# Vue.js Development
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
## Vue.js Learning Resources
[Vue.js](http://vuejs.org/) is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
[Introduction to Vue.js](https://vuejs.org/v2/guide/)
[Vue.js API](https://vuejs.org/v2/api/)
[Introduction to Vue Test Utils](https://vue-test-utils.vuejs.org/)
[TypeScript Support for Vue.js](https://vuejs.org/v2/guide/typescript.html)
[Vue JavaScript Tutorial in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/vuejs-tutorial)
[Vue.js Plugins for JetBrains](https://plugins.jetbrains.com/plugin/9442-vue-js/versions)
[Introducing Storybook for VueJS](https://storybook.js.org/blog/introducing-storybook-for-vue/)
[Vue Mastery is the Ultimate Learning Resource for Vue.js](https://www.vuemastery.com/)
[Learn Vue.js from core-team members and industry experts on VueSchool](https://vueschool.io/)
[VueJS Courses on Udemy](https://www.udemy.com/topic/vue-js/)
[Learning Vue.js on Codecademy](https://www.codecademy.com/learn/learn-vue-js)
[VueJS Gitter](https://gitter.im/vuejs/vue)
[VueJS Forum](https://forum.vuejs.org)
[VueJS Open Collective](https://opencollective.com/vuejs)
## Vue.js Tools and Frameworks
[Vue CLI](https://cli.vuejs.org/) 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](https://router.vuejs.org/) 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](https://vuepress.vuejs.org/) is a tool that generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded.
[Vuefire](https://vuefire.vuejs.org/) is Firebase bindings for Vue.js & Vuex.
[WebStorm](https://www.jetbrains.com/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](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).
[Element](https://github.com/ElemeFE/element) is a Vue.js 2.0 UI Toolkit for Web.
[Vuetify](https://vuetifyjs.com/) is a Material Component Framework for Vue.
[Buefy](https://buefy.org/) is a lightweight UI components for Vue.js based on Bulma.
[Storybook](https://storybook.js.org/) 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](https://github.com/typeorm/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](https://apollographql.com/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](http://apollo.vuejs.org/) is the Apollo/GraphQL integration for VueJS.
[RxDB](https://github.com/pubkey/rxdb) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
[Redux](https://github.com/reduxjs/redux) is a predictable state container for JavaScript apps.
[Onsen UI](https://onsen.io/) 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](https://nestjs.com/) is a framework for building efficient, scalable [Node.js](http://nodejs.org/) 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](https://hoppscotch.io/) is a free, fast and beautiful API request builder used by 100k+ developers.
[Quasar](https://quasar.dev/) 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
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
## Svelte Learning Resources
[Svelte](https://svelte.dev/) 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.
[Svelte Tutorials](https://svelte.dev/tutorial/basics)
[Svelte Code Examples](https://svelte.dev/examples)
[Svelte API](https://svelte.dev/docs)
[Svelte REPL](https://svelte.dev/repl/hello-world)
[Getting started with Svelte - Learning web development | MDN](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started)
[JavaScript Programming with Visual Studio Code](https://code.visualstudio.com/Docs/languages/javascript)
[Google's JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html)
[Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)
## Svelte Tools, Libraries, and Frameworks
[Visual Studio Code](https://code.visualstudio.com/) is a code editor redefined and optimized for building and debugging modern web and cloud applications.
[Code Server](https://coder.com/) is a tool that allows you to run [VS Code](https://code.visualstudio.com/) on any machine anywhere and access it in the browser.
[Svelte Language Tools](https://github.com/sveltejs/language-tools) is a library implementing the Language Server Protocol (LSP). LSP powers the VSCode extension.
[SvelteKit](https://github.com/sveltejs/kit) is a tool that makes it fast to build Svelte apps.
[WebStorm](https://www.jetbrains.com/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](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).
[TypeORM](https://github.com/typeorm/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](https://github.com/enzymejs/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](https://github.com/pubkey/rxdb) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
[Redux](https://github.com/reduxjs/redux) is a predictable state container for JavaScript apps.
[Inferno](https://infernojs.org/) is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
# Node.js Development
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
## Node.js Learning Resources
[Node.js](https://nodejs.org/) 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](https://github.com/nodejs/build) 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](https://openjsf.org/) 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.
[Set up NodeJS on WSL 2](https://docs.microsoft.com/en-us/windows/nodejs/setup-on-wsl2)
[Getting started with Node.js in Google Cloud](https://cloud.google.com/nodejs/getting-started)
[Getting Started with Node.js in AWS](https://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/getting-started-nodejs.html)
[Node.js App Hosting & Deployment in Microsoft Azure](https://azure.microsoft.com/en-us/develop/nodejs/)
[The Node.js best practices list ](https://github.com/goldbergyoni/nodebestpractices)
[Introduction to Node.js by W3Schools](https://www.w3schools.com/nodejs/nodejs_intro.asp)
[The Node.js Community Committee](https://github.com/nodejs/community-committee)
[Node.js Mentorship Program Initiative](https://github.com/nodejs/mentorship)
[Node.js tutorial in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/nodejs-tutorial)
[Server-side Development with NodeJS, Express and MongoDB on Coursera](https://www.coursera.org/learn/server-side-nodejs)
## Node.js Tools, Libraries, and Frameworks
[NPM](https://www.npmjs.com/) is the company behind Node package manager, the npm Registry, and npm CLI.
[node-gyp](https://github.com/nodejs/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 ](https://github.com/nvm-sh/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](https://hub.docker.com/_/node/) is the official Node.js docker image, made with love by the node community.
[Mocha](https://github.com/mochajs/mocha) is a simple, flexible, fun JavaScript test framework for Node.js & The Browser.
[AVA](https://github.com/avajs/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](https://eggjs.org/) is a born to build better enterprise frameworks and apps with Node.js & Koa.
[mysqljs](https://github.com/mysqljs/mysql) is a pure node.js JavaScript Client implementing the MySQL protocol.
[axios](https://github.com/axios/axios) is a promise based HTTP client for the browser and node.js.
[Fastify](https://www.fastify.io/) is a fast and low overhead web framework, for Node.js.
[Express](https://expressjs.com/) is a fast, unopinionated, minimalist web framework for node.
[Meteor](https://www.meteor.com/) is an ultra-simple environment for building modern web applications with JavavScript.
[NW.js](https://nwjs.io/) 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](https://pm2.io/) 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](https://nestjs.com/) 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](https://plugins.jenkins.io/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](https://strapi.io/) is an open source Node.js Headless CMS to easily build customisable APIs.
[Standard](https://standardjs.com/) is a JavaScript Style Guide, with linter & automatic code fixer.
[React Starter Kit](https://www.reactstarterkit.com/) is an isomorphic web app boilerplate for web development built on top of [Node.js](https://nodejs.org/), [Express](http://expressjs.com/), [GraphQL](http://graphql.org/) and [React](https://facebook.github.io/react/), containing modern web development tools such as [Webpack](https://webpack.github.io/), [Babel](https://babeljs.io/) and [Browsersync](https://www.browsersync.io/). Helping you to stay productive following the best practices.
[Hexo](https://hexo.io/) is a A fast, simple & powerful blog framework, powered by Node.js.
# jQuery Development
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
## jQuery Learning Resources
[The OpenJS Foundation](https://openjsf.org/) 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](https://jquery.com/) 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.
[jQuery API Documentation](https://api.jquery.com/Jquery.ajax/)
[jQuery Learning Center](https://learn.jquery.com)
[Configuring JavaScript libraries in WebStorm](https://www.jetbrains.com/help/webstorm/configuring-javascript-libraries.html)
[JavaScript in Visual Studio Code](https://code.visualstudio.com/Docs/languages/javascript)
[JavaScript extensions for VS Code](https://code.visualstudio.com/docs/nodejs/extensions)
[jQuery Courses on Coursera](https://www.coursera.org/courses?query=jquery)
[jQuery Courses on Udemy](https://www.udemy.com/topic/jquery/)
[jQuery Training Courses on LinkedIn Learning](https://www.linkedin.com/learning/topics/jquery)
[Intro to jQuery on Udacity](https://www.udacity.com/course/intro-to-jquery--ud245)
[Intro to AJAX on Udacity ](https://www.udacity.com/course/intro-to-ajax--ud110)
[Learning jQuery on Codecademy](https://www.codecademy.com/learn/learn-jquery)
[jQuery Best Practices Training on Learning Tree](https://www.learningtree.com/courses/1610/jquery-best-practices-for-legacy-and-today/)
[Learning the jQuery Basics on Pluralsight](https://www.pluralsight.com/courses/code-school-try-jquery)
[jQuery In-Depth on Pluralsight](https://www.pluralsight.com/courses/jquery-in-depth)
[ASP.NET Ajax JavaScript and jQuery Course on Pluralsight](https://www.pluralsight.com/courses/aspdotnet-ajax-jscript)
[jQuery Certification from W3Schools](https://www.w3schools.com/cert/cert_jquery.asp)
## jQuery Tools, Libraries, and Frameworks
[WebStorm](https://www.jetbrains.com/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](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).
[Visual Studio Code](https://code.visualstudio.com/) is a code editor redefined and optimized for building and debugging modern web and cloud applications.
[GraphQL](https://graphql.org/) 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](https://github.com/typeorm/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](https://github.com/cheeriojs/cheerio) is a fast, flexible, and lean implementation of core jQuery designed specifically for the server.
[jQuery UI](https://jqueryui.com/) 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](https://github.com/jquerytools/jquerytools) is a collection of the most important user-interface components for modern websites. Used by large sites all over the world.
[Bridge.NET](https://bridge.net/) is an open source C#-to-JavaScript Compiler. Write your application in C# and run on billions of devices.
[Phantomas](https://www.npmjs.com/package/phantomas) is a [Headless Chromium](https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md)-based web performance metrics collector and monitoring tool
[Featherlight](https://github.com/noelboss/featherlight) is a very lightweight jQuery lightbox plugin. It's simple yet flexible and easy to use.
# Electron Development
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
## Electron Learning Resources
[Electron](https://electronjs.org/) is a framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on [Node.js](https://nodejs.org/) and [Chromium](https://www.chromium.org/) and is used by the [Atom editor](https://github.com/atom/atom) and many other [apps](https://electronjs.org/apps).
[The OpenJS Foundation](https://openjsf.org/) 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.
[Electron Apps](https://www.electronjs.org/apps)
[Getting Started with Electron](https://www.electronjs.org/docs/tutorial/quick-start)
[Electron Development](https://www.electronjs.org/docs/development)
[Configuring JavaScript libraries in WebStorm](https://www.jetbrains.com/help/webstorm/configuring-javascript-libraries.html)
[JavaScript in Visual Studio Code](https://code.visualstudio.com/Docs/languages/javascript)
[JavaScript extensions for VS Code](https://code.visualstudio.com/docs/nodejs/extensions)
[Master Electron: Desktop Apps with HTML, JavaScript & CSS course on Udemy](https://www.udemy.com/course/master-electron/)
[Electron for Desktop Apps: The Complete Developer's Guide course on Udemy](https://www.udemy.com/course/electron-react-tutorial/)
[Electron From Scratch: Build Desktop Apps With JavaScript course on Udemy](https://www.udemy.com/course/electron-from-scratch/)
[Electron Courses on Coursera](https://www.coursera.org/courses?query=electron+js)
[Electron Fundamentals on Pluralsight](https://www.pluralsight.com/courses/electron-fundamentals)
## Electron Tools, Libraries, and Frameworks
[Electron Fiddle](https://electronjs.org/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](https://www.electron.build/) is a complete solution to package and build a ready for distribution Electron app with “auto update” support out of the box.
[Photon](https://github.com/connors/photon) is a UI toolkit for building desktop apps with Electron.
[Electron.NET](https://github.com/ElectronNET/Electron.NET) is an application that builds cross platform desktop apps with ASP.NET Core (Razor Pages, MVC, Blazor).
[Angular Electron](https://github.com/maximegris/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](https://selenium.dev/) is a browser automation framework and ecosystem. Selenium specifically provides an infrastructure for the [W3C WebDriver specification](https://w3c.github.io/webdriver/) as a platform and language-neutral coding interface compatible with all major web browsers(Firefox, Google Chrome and Safari).
[Selenium IDE](https://selenium.dev/selenium-ide/) is an Open Source record and playback test automation for the web.
[GitHub Codespaces](https://docs.github.com/en/free-pro-team@latest/github/developing-online-with-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](https://docs.github.com/en/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](https://docs.microsoft.com/en-us/azure/developer/github/github-actions) 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](https://www.jetbrains.com/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](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).
[Visual Studio Code](https://code.visualstudio.com/) is a code editor redefined and optimized for building and debugging modern web and cloud applications.
[GraphQL](https://graphql.org/) 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](https://github.com/typeorm/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](https://nestjs.com/) is a framework for building efficient, scalable [Node.js](http://nodejs.org/) 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](https://quasar.dev/) 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](https://www.gatsbyjs.com/) is a free and open source framework based on React that helps developers build blazing fast websites and apps.
[React Starter Kit](https://www.reactstarterkit.com/) is an isomorphic web app boilerplate for web development built on top of [Node.js](https://nodejs.org/), [Express](http://expressjs.com/), [GraphQL](http://graphql.org/) and [React](https://facebook.github.io/react/), containing modern web development tools such as [Webpack](https://webpack.github.io/), [Babel](https://babeljs.io/) and [Browsersync](https://www.browsersync.io/). Helping you to stay productive following the best practices.
[Enzyme](https://github.com/enzymejs/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](https://github.com/mochajs/mocha) is a simple, flexible, fun JavaScript test framework for Node.js & The Browser.
[Express](https://expressjs.com/) is a fast, unopinionated, minimalist web framework for node.
[Meteor](https://www.meteor.com/) is an ultra-simple environment for building modern web applications with JavavScript.
[RxDB](https://github.com/pubkey/rxdb) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
[Redux](https://github.com/reduxjs/redux) is a predictable state container for JavaScript apps.
[Standard](https://standardjs.com/) is a JavaScript Style Guide, with linter & automatic code fixer.
[Lowdb](https://github.com/typicode/lowdb) is a small local JSON database powered by Lodash (supports Node, Electron and the browser).
[Nativefier](https://github.com/jiahaog/nativefier) is an application that lets you make any web page into a desktop electron application.
# HTML/CSS Development
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
## HTML/CSS Learning Resources
[HTML (HyperText Markup Language)](https://developer.mozilla.org/en-US/docs/Web/HTML) 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)](https://developer.mozilla.org/en-US/docs/Web/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.
[Google HTML/CSS Style Guide](https://google.github.io/styleguide/htmlcssguide.html)
[Airbnb CSS / Sass Style Guide](https://github.com/airbnb/css)
[HTML Styles CSS](https://www.w3schools.com/html/html_css.asp)
[CSS Tutorial](https://www.w3schools.com/Css/)
[Microsoft Certified Solutions Associate (MCSA): Web Applications](https://docs.microsoft.com/en-us/learn/certifications/mcsa-web-applications-certification)
[Intro to HTML/CSS: Making webpages by Khanacademy](https://www.khanacademy.org/computing/computer-programming/html-css)
[Intro to HTML and CSS by Udacity](https://www.udacity.com/course/intro-to-html-and-css--ud001)
[Learn to style HTML using CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS)
[The HTML and CSS Workshop](https://www.packtpub.com/product/the-html-and-css-workshop/9781838824532)
[Modern HTML & CSS From The Beginning (Including Sass) by Udemy](https://www.udemy.com/course/modern-html-css-from-the-beginning/)
[Using Glitch for Developer Relations](https://glitch.dev)
## HTML/CSS Tools and Frameworks
[WebStorm](https://www.jetbrains.com/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](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).
[Codeanywhere](https://codeanywhere.com/) 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](https://github.com/adobe/brackets) is a modern open-source code editor for HTML, CSS and JavaScript that's built in HTML, CSS and JavaScript.
[Adobe TypeKit](https://fonts.adobe.com/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](https://www.colorzilla.com/gradient-editor/) is a powerful Photoshop-like CSS gradient editor from [ColorZilla](https://www.colorzilla.com).
[PostCSS](https://postcss.org) 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](https://purgecss.com/) is a tool to remove unused CSS in your project.
[Tailwind UI](https://tailwindcss.com/) 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)](https://sass-lang.com/) is a professional grade CSS extension language.
[HTML KickStart](https://github.com/joshuagatcke/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](https://github.com/jejacks0n/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](https://github.com/maqetta/maqetta) is a WYSIWYG visual page editor for drawing out user interfaces using drag/drop assembly. Maqetta supports both desktop and mobile user interfaces.
[Initializr](https://www.initializr.com/) is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate.
[Radi](https://radiapp.com/) is a tool designed from the ground up to help you create content that will take full advantage of HTML5 features.
[Onsen UI](https://onsen.io/) is an open source framework that makes it easy to create native-feeling Progressive Web Apps (PWAs) and hybrid apps. Based on [Web Components](https://webcomponents.org/), and provides bindings for Angular 1, 2, React and Vue.js.
[Framework7](https://framework7.io/) 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](https://github.com/bernii/gauge.js/) is a native and cool looking animated JavaScript/CoffeScript gauge.
[SproutCore](https://sproutcore.com/) is an open-source framework for building blazingly fast, innovative user experiences on the web.
[Tumult Hype](https://tumult.com/) 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](https://cssgradient.io/) is a happy little website and free tool that lets you create a gradient background for websites.
[Glitch](https://glitch.com) makes easier to build fast, full-stack web apps in your browser for free.
[CSS Optimizer](https://www.csstidyonline.com) is an online tool to clean, compress, and optimize your CSS code.
[Sciter](https://github.com/c-smile/sciter-sdk) is an embeddable HTML/CSS/scripting engine, Windows, MacOS and Linux.
[Flexy](https://vladocar.github.io/flexy/) is minimal CSS framework made with Flex.
[Simple CSS](https://www.hostm.com/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](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Conditional_Rules) 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](https://github.com/Yomguithereal/kotatsu) is a straightforward CLI tool aiming either at running node.js scripts or serving JavaScript/TypeScript web applications in a modern environment.
[AWK](https://awk.js.org/) is a scripting language used for manipulating data and generating reports.
## Contribute
- [x] If would you like to contribute to this guide simply make a [Pull Request](https://github.com/mikeroyal/JavaScript-Guide/pulls).
## License
[Back to the Top](https://github.com/mikeroyal/JavaScript-Guide#table-of-contents)
Distributed under the [Creative Commons Attribution 4.0 International (CC BY 4.0) Public License](https://creativecommons.org/licenses/by/4.0/).