Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

JavaScript-Guide

JavaScript Guide
https://github.com/mikeroyal/JavaScript-Guide

Last synced: 1 day ago
JSON representation

React Learning Resources
- React
- Getting Started with React
- React JavaScript Tutorial in Visual Studio Code
- React Community Resources
- React Courses on Coursera
- React Courses on Udemy
- 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
- React Native
- React Hook Form
- Ant Design - class UI design language and React UI library.
- Material-UI
- React Boilerplate - first foundation with the best developer experience and a focus on performance and best practices.
- mysqljs
- axios
- Next.js - fetching, and more.
- React Boilerplate - first foundation with the best developer experience and a focus on performance and best practices.
- TypeORM
- Enzyme
- Redux
- Expo - source platform for making universal native apps with React.
- React Native Windows - class application experiences on native platforms using a consistent developer experience based on JavaScript and React.
- GraphQL
- Storybook
- Gatsby
- Meteor - simple environment for building modern web applications with JavavScript.
- RxDB - database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs.
- Nest - 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).
- Material-UI
Svelte Tools, Libraries, and Frameworks
- Inferno - like library for building high-performance user interfaces on both the client and server.
- Code Server
- Svelte Language Tools
Ionic Learning Resources
- Ionic GitHub
- Ionic Framework - Enterprise Training
- Ionic Academy
- Top Ionic Courses Online | Udemy
- Ionic React: Cross-Platform Mobile Development with Ionic 5 | Udemy
- 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
- Ionic React: Cross-Platform Mobile Development with Ionic 5 | Udemy
- Back to the Top
- Airbnb JavaScript Style Guide
- Ionic Framework - 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.
- JavaScript Programming with Visual Studio Code
- Google's JavaScript Style Guide
Ionic Tools, Libraries, and Frameworks
- Stencil - 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.
- Capacitor - 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
- Ionic command line interface (CLI) - to tool for developing [Ionic](https://ionicframework.com/) apps.
- Stencil ESLint
- Monaca - powered and framework-agnostic set of tools Monaca supports both online and offline development, debugging with live-reload feature and cloud build experience.
- Visual Studio Code
- WebStorm - 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/)).
Cordova Tools, Libraries and Frameworks
- Instabug - 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.
- App Builder
- Onsen UI - 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.
- ReactiveUI - 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.
- React Boilerplate - first foundation with the best developer experience and a focus on performance and best practices.
- VoltSigner - nothing gets uploaded. Compatible with all build tools. Notably, it can produce iOS certificates on Windows.
- React Boilerplate - first foundation with the best developer experience and a focus on performance and best practices.
- Mobiscroll
- NSB/AppStudio
- VoltBuilder
- React Boilerplate - first foundation with the best developer experience and a focus on performance and best practices.
- React Boilerplate - first foundation with the best developer experience and a focus on performance and best practices.
Node.js Tools, Libraries, and Frameworks
- Fastify
- jenkins-nodejs - installer, allowing to create as many NodeJS installations "profiles" as you want.
- Strapi
- Hexo
- node-docker
- egg
- NW.js
- PM2 - in load balancer. It allows you to keep applications alive forever, to reload them without downtime and to facilitate common system admin tasks.
- NPM
- nvm - 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.
Angular Learning Resources
- Angular
- Angular University
- Getting Started with Angular
- What Is AngularJS?
- 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
- Ionic Angular Overview
- Angular Language Service for Visual Studio
- Angular JavaScript Tutorial in Visual Studio Code
- Laravel and Angular
Cordova Learning Resources
- Apache Cordova - platform development, avoiding each mobile platform's native development language.
- Getting Started with Cordova
- 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
- Choosing a Cross-Platform Development Tool: Cordova, Ionic, React Native, Titanium, and Xamarin Course on Linkedin Learning
- Convert a web app to a Cordova project Course on Linkedin Learning
- Build a Cordova app Course on Linkedin Learning
Angular Tools and Frameworks
- Angular Material UI component library
- AngularFire
- Apollo Angular
- GraphQL Code Generator - code-generator.com/docs/plugins/index) (TypeScript, Flow, React, Angular, MongoDB, Stencil, Reason, and more).
- NgRx
- Protractor - 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).
- PrimeNG
- Project Clarity
- Angular CLI - 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 CLI - 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.
Svelte Learning Resources
- Svelte API
- Svelte
- Svelte Tutorials
- Svelte Code Examples
- Svelte REPL
- Getting started with Svelte - Learning web development | MDN
Vue.js Learning Resources
- Vue.js - adoptable JavaScript framework for building UI on the web.
- Introduction to Vue.js
- Vue.js API
- Introduction to Vue Test Utils
- TypeScript Support for Vue.js
- Vue JavaScript Tutorial in Visual Studio Code
- Vue.js Plugins for JetBrains
- 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
- VueJS Courses on Udemy
- Learning Vue.js on Codecademy
- VueJS Gitter
- VueJS Forum
- VueJS Open Collective
Vue.js Tools and Frameworks
- Vue CLI - to-end Testing.
- Vue Router
- VuePress - rendered static HTML for each page, and runs as an SPA once a page is loaded.
- Vuefire
- Vuetify
- Buefy
- Vue-Apollo
- Hoppscotch
- Apollo Client - featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.
Node.js Learning Resources
- Node.js - side scripts outside of a browser.
- Set up NodeJS on WSL 2
- Getting started with Node.js in Google Cloud
- Getting Started with Node.js in AWS
- Node.js App Hosting & Deployment in Microsoft Azure
- Introduction to Node.js by W3Schools
- Node.js tutorial in Visual Studio Code
- Server-side Development with NodeJS, Express and MongoDB on Coursera
- Node.js App Hosting & Deployment in Microsoft Azure
jQuery Learning Resources
- jQuery - 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
- jQuery Learning Center
- jQuery Courses on Coursera
- jQuery Courses on Udemy
- jQuery Training Courses on LinkedIn Learning
- Intro to jQuery on Udacity
- Learning jQuery on Codecademy
- 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 Best Practices Training on Learning Tree
- Intro to AJAX on Udacity
Electron Learning Resources
- Electron Courses on Coursera
- Electron - 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).
- Electron Apps
- Getting Started with Electron
- Electron Development
- 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
- JavaScript extensions for VS Code
- The OpenJS Foundation
- Configuring JavaScript libraries in WebStorm
jQuery Tools, Libraries, and Frameworks
- jQuery UI
- Bridge.NET - to-JavaScript Compiler. Write your application in C# and run on billions of devices.
- Phantomas - based web performance metrics collector and monitoring tool
Electron Tools, Libraries, and Frameworks
- Electron Fiddle
- Electron Builder
- Selenium - neutral coding interface compatible with all major web browsers(Firefox, Google Chrome and Safari).
- Selenium IDE
- GitHub Codespaces
- GitHub Actions - 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.
- Nativefier
- React Starter Kit
- Quasar - performance VueJS user interfaces in record time. Such as responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps.
- Standard
- Express
HTML/CSS Learning Resources
- HTML (HyperText Markup Language)
- Cascading Style Sheets (CSS)
- Google HTML/CSS Style Guide
- HTML Styles CSS
- CSS Tutorial
- Microsoft Certified Solutions Associate (MCSA): Web Applications
- Intro to HTML/CSS: Making webpages by Khanacademy
- Intro to HTML and CSS by Udacity
- Learn to style HTML using CSS
- The HTML and CSS Workshop
- Modern HTML & CSS From The Beginning (Including Sass) by Udemy
- Using Glitch for Developer Relations
HTML/CSS Tools and Frameworks
- Codeanywhere
- Adobe TypeKit
- Ultimate CSS Gradient Generator - like CSS gradient editor from [ColorZilla](https://www.colorzilla.com).
- PostCSS
- PurgeCSS
- Tailwind UI - 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)
- Initializr
- Radi
- Framework7
- SproutCore - source framework for building blazingly fast, innovative user experiences on the web.
- Tumult Hype
- CSS Gradient
- Glitch - stack web apps in your browser for free.
- CSS Optimizer
- Simple CSS - 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
- AWK
- Initializr
- Onsen UI - 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.

Programming Languages

TypeScript 6 JavaScript 6 Shell 1 C++ 1

Ecosyste.ms: Awesome

JavaScript-Guide

React Learning Resources

React Tools and Frameworks

Svelte Tools, Libraries, and Frameworks

Ionic Learning Resources

Ionic Tools, Libraries, and Frameworks

Cordova Tools, Libraries and Frameworks

Node.js Tools, Libraries, and Frameworks

Angular Learning Resources

Cordova Learning Resources

Angular Tools and Frameworks

Svelte Learning Resources

Vue.js Learning Resources

Vue.js Tools and Frameworks

Node.js Learning Resources

jQuery Learning Resources

Electron Learning Resources

jQuery Tools, Libraries, and Frameworks

Electron Tools, Libraries, and Frameworks

HTML/CSS Learning Resources

HTML/CSS Tools and Frameworks