DevTools Wiki

This is a simple wiki for developers. It lists various tools and frameworks that are used in the development process and points you to resources that can be used to learn them.

Front-End Frameworks

Alpine.JS

If you are working on a small project which only needs one or two components, it’s better to use AlpineJS. AlpineJS is considered among the top web development frameworks which is particularly for apps that are rendered server-side. Alpine is popular among developers as it leaves a minimal footprint of the app.

Front-End Frameworks

Angular

Angular is the only framework that is based on TypeScript on this list. Angular was developed by Google to bridge the gap between the increasing demands of technology and conventional concepts that showed results. If your project involves building mobile or web apps, Angular is perfect! Besides, you can also use this framework to develop multi-page as well as progressive web apps. Companies like BMW, Xbox, Forbes, Blender, and others deploy applications built with Angular. Compared to React, Angular is not easy to learn. Though there is innumerable documentation available, they are either too complex or confusing to read.

Front-End Frameworks

Backbone JS

Backbone.js is one of the easiest frameworks which permits you to build single-page applications quickly. It is a framework that is based on the MVC pattern. Parallel to a Controller, MVC architecture View sanctions the execution of the component logic. This platform also lets you build projects that need dissimilar types of users, where the collections can be utilized to differentiate the models.

Source Control

Bitbucket

Bitbucket is a version control tool. It facilitates easy collaboration amongst software development team. It integrates very well with JIRA, a famous project and issue-managing app. Some of it's features are, branch permissions access to ensure that the only right people can make changes to the code. It is one of the best software tools examples that helps development team to focus on a goal, product or process by organizing repositories into projects. Integrate into existing workflow to streamline software development process.

Front-End Frameworks

Bootstrap

Bootstrap is a leading open-source CSS framework created by a bunch of the developers behind Twitter. It’s a full-scale tool designed to help you quickly create and customise responsive mobile-first sites. It features Sass variables and mixins, extensive prebuilt components and comprehensive JavaScript plugins. In a first for front-end frameworks, it also comes with its own SVG icon library designed to work with your Bootstrap sites.

Developer Tools

ChromeDevTools

Chrome DevTools is the name for the web development tools built into the Google Chrome web browser. No need to download any programs or check if it’s got MacOS compatibility—just right click in the browser, choose “Inspect” and get stuck in.

Source Control

CodeGiant

CodeGiant is most intuitive and performant issue trackers tool available in the market. Users can select two project styles: active sprint or kanban work boards.

Web Application Framework

CodeIgniter

It is loosely based on MVC architecture since Controller classes are necessary but models and views are optional. CodeIgnitor promises with exceptional performance, nearly zero-configuration, and no large-scale monolithic libraries.

Web Application Framework, Python

Django

Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of web development, so you can focus on writing your app without needing to reinvent the wheel. It’s free and open source.

Front-End Frameworks

Ember

It’s been adopted by a large chunk of the web-dev community and it’s easy to see why—using it's simple and, whether you’re creating feature-rich apps or client-side websites, the user experience is seamless. Working with Ember is a “batteries included” experience. Out of the box you have all the tools to start building UIs that work on any device. Plus the built-in development environment comes with fast rebuilds, auto-reload and a test runner.

Web Application Framework

Express

Express or Express js is a minimal and flexible framework that provides a robust set of features for web and mobile applications. It is relatively minimal meaning many features are available as plugins. Express facilitates the rapid development of Node.js based Web applications.

Front-End Frameworks

Foundation

The most advanced responsive front-end framework in the world", which is certainly setting the bar high. Though it really is suitable for any device, medium and level of accessibility. Foundation is packed with features to help build content-focused websites, even providing users with HTML, CSS & Javascript templates to speed up the process. You can also use Foundation For Emails to craft HTML emails that look a million bucks on any platform.

Source Control

Gitbucket

Gitbucket is a high extensibility open source tool for hosting source code for the software development process. It offers a set of tools and feature which allows developers to easily manage project code.

Source Control

Gitea

Gitea is painless self-host git service. This community of code hosting solution written in Go and published under the MIT license.

Source Control

Github

GitHub allows developers to review code, manage projects, and build software. It offers right tool for different development jobs. Some of it's best features are, coordinate easily, stay aligned, and get done with GitHub’s project management tools. Easy documentation alongside quality coding It is one of the best software dev tools that allows all code in a single place. Developers can host their documentation directly from repositories.

Source Control

Gogs

Gogs makes the easiest and faster way of setting up self-hosted Git services. With the help of this version control tool, you can perform independent binary distribution across various platforms. Gogs runs anywhere Go can compile for Windows, Mac, Linux, etc. Excellent performance and efficiency Gogs has minimal requirements which allow you to run on an inexpensive Raspberry Pi

Web Application Framework, PHP

Laravel

Laravel is a free, open-source PHP web framework, like all other modern frameworks, it also follows the MVC architectural pattern. Laravel values Elegance, Simplicity, and Readability. One can right away start learning and developing Laravel with Laracasts which has hundreds of tutorials in it.

Front-End Frameworks

LitElement

The LitElement framework is easy to use as a base class to create lightweight and faster web components for working with any framework. LitElement is yet another one of the top web development frameworks among developers for using lit-html for rendering into shadow DOM. It also adds API for managing attributes and properties.

Front-End Frameworks

Materialize

Materialize is a modern framework based on Google's Material Design language, combining the classic principles of design with innovation and tech. As a language its goal is to help unify user experience across any platform, which is fitting, as this is a focus at Materialize as well. It's fast, robust and has a low learning curve. From the animations to UI elements and everything between, there's a real focus on user experience above all else.

Full-stack Isomorphic Framework

Meteor

Meteor.js is a free and open-source full-stack isomorphic framework (meaning you can run it both on the client and server side). It might not be as popular as React or Vue, but it’s still considered one of the best solutions to enable devs to swiftly build and deploy web, mobile or desktop apps. One of Meteor’s biggest selling points is that it seamlessly integrates with the rest of your tech stack—allowing you to focus on building rather than configuring tools to work together.

Web Application Framework

Nuxt

Are you thinking about using Vue to make your next front-end application? Are you confused about what to use as a backend? Go for Nuxt, an open-source framework aimed at making web development powerful and simple.

Web Application Framework, Java

Play

Play is one of the modern web application framework written in Java and Scala. It follows the MVC architecture and aims to optimize developer productivity by using convention over configuration, hot code reloading, and display of errors in the browser.

Front-End Frameworks

Preact

The next front-end framework in our best web development frameworks list is Preact. It is another popular JS-based framework that states itself to be a 3KB faster alternative to React. Since it doesn’t occupy a larger chunk of your app, this means you don’t have to worry at all about performance. Since it’s based on the ES6 framework, it has seen significant adoption among the JS developer’s community.

Web Application Framework

React

React (React.js) is another great Javascript library built by another ultra-powerful tech company: in this case, Facebook. Made specifically for building user interfaces, it makes it painless to create interactive UIs in a visual way. A component-based system means that individual components manage their own state, and can then be composed to build complex UIs. React can also render on a server using Node, and with React Native you can power mobile apps as well. It’s a platform to consider for any web developer working with user interfaces.

Web Application Framework, Ruby

Ruby On Rails

Ruby on Rails is a favourite in the dev community. While it requires a certain quality of code, as a general rule it’s easy to read, write, monkey patch, test, maintain and deploy, making it any web developer’s dream. So why choose Rails? Well, it’s an excellent choice if you’re after a robust tool that’s simple to use. It has a clean design language, an intuitive workflow, and seamlessly integrates with third-party applications.

Front-End Frameworks

Semantic UI

Semantic UI is a component framework for theming websites using what they call “human-friendly HTML” (sorry dogs). What they mean by this is that the tool uses words and classes as exchangeable concepts, giving you the same benefits as BEM without the headache. But the real strength here is the breadth of Semantic UI’s components. Whether it’s elements, collections, views, modules of behaviours, the whole gamut of interface design is covered.

Source Control

SourceForge

SourceForge is an open source development and distribution platform. The tool is hosted on Apache, Allura, and supports many different projects. Users can select either Git, Mercurial as their version control system.

Front-End Frameworks

Svelte

Technically, Svelte isn’t a framework or a library. It’s a “compiler”, and it’s gained quite a reputation in the web dev community for being one of the best frontend frameworks on the market. It’s lightweight, SEO-optimised and unlike tools like React or Vue, doesn’t require heavy browser processing.

Web Application Framework

Vue

Yet another JavaScript library, like React, Vue (or Vue.js) is built for working with user interfaces. Labelling itself as a more “approachable, versatile and performant” alternative, it helps you create a more maintainable and testable codebase. Vue offers a more “batteries-included” approach to web application development. It’s simple to use and comes with comprehensive documentation and templates to guide you along.

Front-End Frameworks

jQuery

What makes it stand apart is its significance in today’s tech ecosphere. Not only does jQuery present ease of use, but it also diminishes the requirement to script wide-ranging JavaScript codes. JQuery is utilized to operate DOM and CSS manipulation and to augment the interactivity and functionality of a website. Plus, Conveying HTTP requests is streamlined, Document Object Model (DOM) is flexible for accumulating or eliminating the components, HTTP requests are made easy, simplifies dynamic content.