Skip to content

vaibhavpacharya/Full-Stack-Web-Development-Technologies

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits

LICENSE

LICENSE

 
 

README.md

README.md

 
 

Repository files navigation

WebDev Logo

Description

A full-stack web developer should have skills in both front-end design/development and back-end/server coding. We can expect a full-stack developer to design, code, implement and maintain a fully functional modern interactive website on his/her own. Here i want to give you some information about the technologies, frameworks and some other useful stuff, one has to know for being a Full stack developer.

Front End

  • HTML - A markup language for describing web documents.
  • CSS - A style sheet language used for describing the look and formatting of a document written in a markup language.
  • Java Script - A programming language of the Web.

CSS Frameworks

  • Bootstrap - HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
  • Semantic UI
  • Foundation - The most advanced responsive front-end framework in the world.
  • ElastiCSS - A simple css framework to layout web-based interfaces.
  • Less - A CSS pre-processor, meaning that it extends the CSS language.
  • Sass - Most mature, stable, and powerful professional grade CSS extension language in the world.
  • Grid System - The grid system is an aid, not a guarantee.
  • material-ui
  • Angular Material Design - An implementation of Material Design in Angular.js.
  • Materialize CSS - A modern responsive front-end framework based on Material Design.
  • Polymer - Polymer brings an implementation of material design to the web.
  • Quantum UI - The most powerful NATIVE AngularJS and Bootstrap CSS based UI components make developer life easy.
  • Stylus - Expressive, dynamic, robust CSS
  • Sizzle JS - A pure JS CSS selector engine designed to be easily dropped in to a host library.
  • Gumby
  • Kube - Kube is one of the world's most advanced and flexible frameworks.
  • Skeleton - A dead simple, responsive boilerplate.
  • tuktuk - A new smart kid on the Responsive block.
  • lessframework - An adaptive CSS grid system.
  • getuikit - A lightweight and modular front-end framework for developing fast and powerful web interfaces.
  • yaml - A modular CSS framework for truly flexible, accessible and responsive websites
  • responsivebp - A powerful, accessible, developer friendly framework for building responsive websites
  • schema - A modular, front end framework to easily and quickly help you jumpstart your process in building complex interfaces for the web right out the box.
  • tacit
  • unsemantic
  • basegui - A lightweight and robust CSS framework for prototyping and production code.
  • groundworkcss
  • weepower - Blueprint for modern web development
  • fluidable - Fluidable is a mobile first, responsive grid system.
  • ink - Create responsive web interfaces quick and efficiently.
  • cascade - Putting back the C in CSS
  • kickoff - A lightweight front-end framework for creating scalable, responsive sites.
  • metroui - The front-end framework for developing projects on the web in Windows Metro Style.
  • bulma - A modern CSS framework based on Flexbox
  • leaf - A CSS framework based on Google's material design
  • getessence - Build it on one, use it on all
  • Baseguide - A lightweight and robust CSS framework for prototyping and production code.
  • siimple - Minimal CSS framework for flat and clean designs.
  • Responsive cat - CSS Micro framework
  • topcoat - CSS for clean and fast web apps.
  • inuitcss
  • muellergridsystem
  • golden-grid-system - A folding grid system for responsive design (2011).
  • gridiculo
  • toast - Insane, no-nonsense CSS grid
  • getskeleton- A dead simple, responsive boilerplate.
  • bootflat - BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework.
  • jeet - A grid system for human
  • Simple-Grid
  • getleaf - A CSS framework based on Google's material design
  • responsivecat - CSS Micro framework
  • sculpt
  • turretcss - A styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.
  • concisecss - A framework written in SASS that’s lightweight and easy-to-use.
  • modestgrid - An easy to customise grid framework that allows for the rapid development of responsive websites.
  • responsivegridsystem - It's a quick, easy & flexible way to create a responsive web site.
  • Clarity - Clarity Design System

JavaScript Frameworks

  • jQuery - jQuery is a fast, small, and feature-rich JavaScript library.
  • AngularJS v1 - HTML enhanced for web apps.
  • AngularJS v2 - One framework. Mobile & desktop.
  • Ember JS - A framework for creating ambitious web applications.
  • Ext JS - An immense step forward in the evolution of an amazing framework.
  • Backbone JS - An open-source component of DocumentCloud.
  • Knockout JS - Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern
  • React JS - A declarative, efficient, and flexible JavaScript library for building user interfaces.
  • react-native - Learn once, write anywhere: build mobile apps with React.
  • electrode - UNIVERSAL REACT/NODE APPLICATION PLATFORM
  • coffeescript - CoffeeScript is a little language that compiles into JavaScript
  • Prototype - It takes the complexity out of client-side web programming.
  • GWT - GWT is used by many products at Google, including Google AdWords and Google Wallet.
  • MooTools - A collection of JS utilities designed for the intermediate to advanced JS developer.
  • Famo - The ultimate web platform for developers and designers.
  • Ample SDK
  • Dojo Toolkit - Dojo saves you time and scales with your development process, using web standards as its platform.
  • Echo - An open-source framework for developing rich web applications.
  • Vanilla JS - A fast, lightweight, cross-platform framework for building incredible, powerful JS applications.
  • Cappuccino - A framework which makes it easy to create advanced web apps.
  • sailsjs - The web framework of your dreams.
  • cocoon JS
  • vuejs - A library for building modern web interfaces.
  • threejs - A JavaScript 3D Library which makes WebGL simpler.
  • webrxjs
  • mithril - A Javascript Framework for Building Brilliant Applications
  • aurelia - A JavaScript client framework for mobile, desktop and web leveraging simple conventions and empowering creativity.
  • keystonejs - The open source framework for developing database-driven websites, applications and APIs in Node.js. Built on Express and MongoDB.
  • stapes - Meet the little Javascript framework that does just enough
  • sanestack - A Javascript Fullstack and CLI that lets you rapidly create production-ready web apps using Sails and Ember. Get Docker support, generators and more.
  • montagejs - A modern frontend HTML5 framework that supports creating single-page applications—fast.
  • ractivejs - The diamond age of web development
  • Omniscient - Do fast top-down rendering of views while thinking functional programming.

Hybrid Mobile App Frameworks

  • apache cordova - Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript
  • Ionic Framework - Open source front-end SDK for developing hybrid mobile apps with HTML5.
  • onsen ui - The Answer to Cordova UI Development.
  • Mobile Angular UI - Build HTML5 Mobile Apps with Bootstrap and Angular JS.
  • Meteor - A complete open source platform for building web and mobile apps in pure JavaScript.
  • intel-xdk - Easy Path to HTML5 App Development, Fast Path to Multi-OS App Stores
  • appcelerator - Native apps. Mobile APIs. Real-time analytics. One Platform.
  • sencha touch - The leading cross-platform mobile web application framework based on HTML5 and JavaScript for creating universal mobile apps
  • kendo-ui - Everything for building web and mobile apps with HTML5 and JavaScript.
  • phonegap - Easily create apps using the web technologies you know and love: HTML, CSS, and JavaScript.
  • xamarin
  • Appgyver
    • Supersonic - Build beautiful data-driven apps with real native performance.
    • Steroids - The missing tooling for hybrid apps.
    • Composer - The insanely fast way to bootstrap your HTML5 hybrid apps.
  • framework7 - Full Featured HTML Framework For Building iOS & Android Apps
  • monaca - Mobile App Development Fast, Easy and Flexible.

Design Tools

Back End

  • Java
  • Node JS - A platform built on Chrome's JS runtime for easily building fast, scalable network apps.
  • php - A popular general-purpose scripting language that is especially suited to web development.
  • python - Lets you work quickly and integrate systems more effectively.
  • ruby - A dynamic, open source programming language with a focus on simplicity and productivity.

Node.js Frameworks

  • Express JS - Fast, unopinionated, minimalist web framework for Node.js
  • hapijs - A rich framework for building applications and services
  • Socket Stream - A framework for Real time Web Apps.
  • Sails JS - It makes it easy to build custom, enterprise-grade Node.js apps.
  • Total JS - Free web application framework for Node.js
  • koa JS - Next generation web framework for node.js
  • LoopBack - Powerful framework for creating APIs and easily connecting to backend data sources.
  • Geddy JS - A simple, structured web framework for Node.
  • Partial JS - Web application framework for node.js
  • node-restify - A node.js module built specifically to enable you to build correct REST web services.
  • getraddish - Raddish is a NodeJS Framework incorporating the power of MVC and DCI in a single framework.
  • restberry - Framework for setting up RESTful APIs with NodeJS. Define your models then setup your CRUD API without needing to write any code.
  • gugamarket - Gugamarket REST API framework
  • facet - Extensible, framework agnostic JSON API platform for Node.js
  • Locomotive JS - Powerful MVC web framework for Node.js.
  • Flatiron JS - An adaptable framework for building modern web applications.
  • trails - Modern Web Application Framework for Node.js
  • dietjs - A tiny, fast and modular node.js web framework. Good for making fast & scalable apps and apis.
  • compoundjs
  • adonisjs - Practical. Reliable. Productive
  • rhapsodyjs - A NodeJS HMVC framework for epic apps!
  • strapi - Build powerful back-end with no effort.
  • derbyjs - A full-stack framework for writing modern web applications.
  • actionherojs - The Reusable, Scalable, and Quick node.js API Server!
  • frisbyjs - A REST API testing framework built on node.js and Jasmine that makes testing API endpoints easy, fast, and fun. Read below for a quick overview, or check out the API documentation.
  • senecajs - Design, develop and organize your code

Data Base

  • Mongo DB - The only database that harnesses the innovations of NoSQL.
  • MySQL
  • Oracle
  • PostgreSQL
  • IndexedDB
  • webdatabase
  • parse
  • mlab
  • couchbase
  • aerospike - High performance NoSQL database delivering speed at scale
  • flickerjs - Super fast and simple web framework for node.js
  • IBM DB2 - No-boundaries database software for the digital, cloud and cognitive era
  • sqlite - SQLite is a self-contained, high-reliability, embedded, full-featured, public-domain, SQL database engine.
  • couchdb - Seamless multi-master sync, that scales from Big Data to Mobile, with an Intuitive HTTP/JSON API and designed for Reliability.
  • cassandra - Manage massive amounts of data, fast, without losing sleep
  • orientdb - The World's First Distributed Multi-Model NoSQL Database with a Graph Database Engine
  • Amazon SimpleDB
  • Amazon DynamoDB
  • CLOUD SQL - A fully-managed MySQL database service.
  • sql database
  • Database.com - Welcome to the world’s most trusted and secure cloud database.
  • cleardb
  • pouchdb - PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser.
  • taffydb - The JavaScript Database

Hosting

Charts and Graphs

  • highcharts - Make your data come alive
  • d3js - A JavaScript library for manipulating documents based on data.
  • nvd3 - A reusable charting library written in d3.js
  • angular-nvd3 - An AngularJS directive for NVD3 re-usable charting library (based on D3).
  • chartjs - Simple, clean and engaging charts for designers and developers
  • angular-chart - Reactive, responsive, beautiful charts for AngularJS based on Chart.js
  • angular-google-chart - Angular Google Chart
  • google chart - Interactive charts for browsers and mobile devices.
  • chartist-js - SIMPLE RESPONSIVE CHARTS
  • n3-charts - Awesome charts for Angular
  • Chartkick - Create beautiful Javascript charts with one line of Ruby
  • zingchart - All your dataviz needs in one library
  • fusioncharts - JavaScript charts for web & mobile
  • flotcharts - Attractive JavaScript plotting for jQuery
  • amcharts - JavaScript Charts & Maps
  • ejschart - EJSCharts is the open source solution for home and business data representation and customization.
  • uvCharts - Just one API function to learn and master, for all your charting needs.
  • plotly - The open source JavaScript graphing library that powers plotly

Useful Libraries / Plugins

  • Moment JS - Parse, validate, manipulate, and display dates in JavaScript.
  • Moment JS Timezone - Parse and display dates in any timezone.
  • is.js - Check types, regexps, presence, time and more.
  • underscorejs - JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects.
  • lodash - A modern JavaScript utility library delivering modularity, performance, & extras.
  • redux - Predictable state container for JavaScript apps
  • vuex - Centralized State Management for Vue.js.
  • riotjs
  • wintersmith - Flexible, minimalistic, multi-platform static site generator built on top of node.js.
  • feathersjs - A minimalist real-time framework for tomorrow's apps.
  • seedsjs - Full-stack ember framework
  • horizon - A realtime, open-source backend for JavaScript apps.
  • krakenjs - Give your node.js express apps some extra arms
  • tower - Small components for building apps, manipulating data, and automating a distributed infrastructure.
  • Impress - Impress Application Server for node.js
  • rendr - Render your Backbone.js apps on the client and the server, using Node.js.
  • sequelizejs - Sequelize is a promise-based ORM for Node.js and io.js.
  • virgilio - Bunyan is the logging framework we use.
  • shps - SHPS is a homepage management system which assists you with making a homepage or web application in general! SHPS comes as a core system (no Admin GUI or additional features) which can be extended with many useful plugins.
  • cylonjs - Next generation robotics framework with support for 43 different platforms Get Started
  • falcor - A JavaScript library for efficient data fetching
  • restful.js - A pure JS client for interacting with server-side RESTful resources. Think Restangular without Angular.
  • fetch - A window.fetch JavaScript polyfill.
  • postcss - A tool for transforming CSS with JavaScript

API Docs

  • api blueprint - API Documentation with powerful tooling.
  • apidocjs - Inline Documentation for RESTful web APIs
  • swagger - The World's Most Popular Framework for APIs.
  • apiary - Collaborative design, instant API mock, generated documentation, integrated code samples, debugging and automated testing.
  • django-rest-framework
  • miredot - The most advanced REST API documentation generator for Java.

Module bundlers

  • webpack - MODULE BUNDLER
  • lasso - Advanced JavaScript module bundler, asset pipeline and optimizer
  • jspm - Frictionless browser package management
  • browserify - Browserify lets you require('modules') in the browser by bundling up all of your dependencies.
  • systemjs - SystemJS build tool
  • rollupjs - the next-generation JavaScript module bundler

Other Programming Languages

  • golang - An open source programming language that makes it easy to build simple, reliable, and efficient software.
  • Objective-C - Objective-C is the primary programming language you use when writing software for OS X and iOS
  • swift - The powerful programming language that is also easy to learn.

Icons

Testing

  • Karma - A test runner that fits all our needs.
  • Jasmine - A behavior-driven development framework for testing JavaScript code.
  • Protractor - An end-to-end test framework for AngularJS applications.
  • Selenium - A portable software testing framework for web applications.
  • QUnit JS - A JavaScript Unit Testing framework.

No Backend Solutions

JavaScript game engines

Emulators

Wireframing Tools

IDEs

Online Code Editors

Plugins List

Repository hosting service

Showcase & Inspiration

  • Materialup - Daily showcase of the best Material Design concepts, apps and tools!
  • Behance - A place to show and tell, promote, discover, and explore design.
  • beta.pttrns - The finest collection of mobile design patterns, resources and inspiration.
  • ui8 - Carefully crafted ui design assets.
  • One Page Love - The ultimate showcase of beautiful One Page Websites, Templates and Resources.
  • Awwwards - The awards for design, creativity and innovation on the Internet.
  • Dribbble - What are you working on? Dribbble is show and tell for designers.
  • abduzeedo - A collection of visual inspiration and useful tutorials.
  • Appgyver - Built with Appgyver.
  • siteinspire - A showcase of the finest web and interactive design.
  • thedesigninspiration
  • designspiration
  • thebestdesigns - Featuring the best of web design.

Market Places & Themes

Other Stuff

  • nvm - Node Version Manager
  • Web RTC - A free, open project that provides browsers and mobile applications with Real-Time Communications (RTC) capabilities via simple APIs
  • Grunt JS - The JavaScript Task Runner.
  • Bower - A package manager for the web.
  • Yeoman - The web's scaffolding tool for modern web apps.
  • Gulp JS - Automate and enhance your workflow.
  • Slush JS - The streaming scaffolding system.
  • Nuget - NuGet is the package manager for the Microsoft development platform including .NET.
  • Web APIs
  • Testling - Run your browser tests on every push.
  • Ionicons
  • Font Awesome
  • babeljs - Babel is a JavaScript compiler.
  • leafletjs - An open-source JavaScript library for mobile-friendly interactive maps.

License

Contribute

I understand, there are so many other technologies and frameworks other than what i mentioned here. Please suggest any other, you feel missing and useful. Please make a pull request or raise an issue regarding the modifications or suggestions.

Contact Me

Back to top

About

This repository is created to list the technologies and frameworks to know, for being a full stack developer.

Topics

web-development web-application frontend-webdevelopment backend-webdevelopment fullstack-development

Resources

Readme

License

MIT license
Activity

Stars

36 stars

Watchers

2 watching

Forks

15 forks
Report repository

Releases

No releases published

Packages

No packages published