Top 10 Open Source Tools for Web De­vel­op­ers

Ev­ery Web de­vel­oper needs to be armed with a set of tools that aid and as­sist in build­ing bet­ter and more com­plex web­sites. From the wide range of Web devel­op­ment tools avail­able, we present a set of 10 that in the au­thor’s opin­ion are a must for any Web

OpenSource For You - - Contents - Web­site: Ver­sion: 7.3.0 GitHub repos­i­tory:

At a time when web­sites are get­ting more com­plex, we need more so­phis­ti­cated and advanced Web devel­op­ment tools. There are plenty of tools avail­able and new ones are con­stantly be­ing in­tro­duced. It’s up to you to choose the best op­tions to meet your re­quire­ments.

This ar­ti­cle lists 10 open source Web devel­op­ment tools that I feel ev­ery Web de­vel­oper should be aware of.

1. Node.js

Node is an open source, multi-plat­form, JavaScript run­time built around a Chrome V8 engine for de­vel­op­ing a va­ri­ety of Web ap­pli­ca­tions. The Chrome V8 engine was de­signed to run JavaScript in the browser. Node has an event-driven, non­block­ing I/O model, which makes it light­weight and ef­fi­cient. Node.js was ini­tially writ­ten by Ryan Dahl in 2009. The ini­tial re­lease sup­ported only Linux.

2. Boot­strap

Boot­strap is an open source frame­work based on HTML, CSS and JavaScript. It is the most pop­u­lar and widely used frame­work for de­vel­op­ing re­spon­sive Web ap­pli­ca­tions, and is de­signed to pro­duce faster and sim­pler web­sites. Boot­strap was first de­signed by Mark Otto and Ja­cob Thorn­ton in 2011.

Web­site: http://get­boot­ Ver­sion: 3.3.7

GitHub repos­i­tory: twbs/boot­strap

3. An­gu­larJS

An­gu­larJS is an open source, struc­tural frame­work for de­sign­ing dy­namic Web ap­pli­ca­tions. It is one of the most pop­u­lar JavaScript based frame­works avail­able to­day. An­gu­lar is de­signed to work well with data driven ap­pli­ca­tions for which you need to keep up­dat­ing your site, de­pend­ing on the changes in data. An­gu­larJS was de­signed by a Google em­ployee, Misko Hev­ery, in June 2012.

Web­site: https://an­gu­ Ver­sion: 1.6.1

GitHub repos­i­tory: an­gu­lar/an­gu­lar.js

4. Brack­ets

Brack­ets is an open source, light­weight and mod­ern text edi­tor. It is a plat­for­min­de­pen­dent edi­tor with a fo­cus on Web devel­op­ment. It was de­signed by Adobe Sys­tems, and is li­censed un­der the MIT li­cence. It is writ­ten in HTML, CSS and JavaScript.

Web­site: http://brack­

Ver­sion: 1.8

GitHub repos­i­tory: adobe/brack­ets

5. Bower

Bower is an open source pack­age man­ager for Web ap­pli­ca­tions. We need to in­stall a lot of pack­ages while build­ing a web­site, which Bower helps in au­to­mat­i­cally fetch­ing and in­stalling. The main ob­jec­tive of Bower is not to minimise code, but to in­stall the right ver­sion of the pack­ages and their de­pen­den­cies re­quired for a project.


Ver­sion: 1.8.0

GitHub repos­i­tory: bower/bower

6. Gulp.js

Gulp is an open source, pow­er­ful and ex­ten­si­ble JavaScript au­to­ma­tion li­brary, which prefers code over con­fig­u­ra­tion. It is a stream­ing build tool built on Node.js. Gulp.js is used to au­to­mate Web devel­op­ment work­flows like bundling, CSS pre-pro­ces­sors, com­pi­la­tion, test­ing, op­ti­mi­sa­tion, etc.


Ver­sion: 4.0.0

GitHub repos­i­tory: gulpjs/gulp

7. Mon­goDB

Mon­goDB is a free and open source data­base writ­ten in C++. It is a doc­u­ment-ori­ented data­base that stores doc­u­ments in a col­lec­tion. It is one of the lead­ing NoSQL data­bases and uses JSON-like doc­u­ments. It is an open for­mat, schema less data­base, ideal for ob­ject-ori­ented pro­gram­ming. Mon­goDB was de­signed by a com­pany called 10gen in 2007.

Web­site: https://www.mon­ Ver­sion: 3.4.1

GitHub repos­i­tory: mon­godb/mongo

8. Syn­tac­ti­cally Awe­some Style Sheets (Sass)

Sass is a CSS pre-pro­ces­sor that helps in writ­ing re­us­able, ex­ten­si­ble and main­tain­able code. Sass con­tains fea­tures that in­clude vari­ables, mix­ins, and nest­ing of se­lec­tors, func­tions and ex­pres­sions. Us­ing Sass, we can make large and com­plex style sheets eas­ier to un­der­stand and main­tain. It is an open source style sheet lan­guage de­signed by Hamp­ton Catlin.

Web­site: Ver­sion: 3.4.22

GitHub repos­i­tory: sass/sass

9. GitLab

GitLab is an open source, Web based Git repos­i­tory man­ager. It pro­vides fea­tures like code re­views, ac­cess con­trols, is­sue track­ing, ac­tiv­ity feeds and wikis. GitLab has con­tin­u­ous in­te­gra­tion and de­ploy­ment built in, to help you test, build and de­ploy code. GitLab was orig­i­nally de­vel­oped by GitLab Inc. It was writ­ten by Dmitry Za­porozhets and Valery Si­zov.

Web­site: Ver­sion: 8.15.2

10. Re­ac­tJS

Re­ac­tJS is an open source, declar­a­tive and ef­fi­cient JavaScript li­brary for de­sign­ing user in­ter­faces. Re­act has a

data bind­ing fea­ture that makes it one of the most pop­u­lar JavaScript li­braries. Re­ac­tJS was de­vel­oped by Face­book and writ­ten by soft­ware en­gi­neer, Jor­dan Walke. It is main­tained by Face­book’s prod­uct in­fra­struc­ture and In­sta­gram’s user in­ter­face teams.

Web­site: https://face­­act/ Ver­sion: 15.4.0

GitHub repos­i­tory: face­book/re­act

Fig­ure 1: Node.js

Fig­ure 4: Brack­ets

Fig­ure 5: Bower

Fig­ure 2: Boot­strap

Fig­ure 3: An­gu­larJS

Fig­ure 6: Gulp

Fig­ure 7: Mon­goDB

Fig­ure 8: Sass

Fig­ure 9: GitLab

Fig­ure 10: Re­ac­tJS

Newspapers in English

Newspapers from India

© PressReader. All rights reserved.