Skip to content

List of technologies and frameworks to know, for being a full stack developer.

License

Notifications You must be signed in to change notification settings

rajeshwarpatlolla/fullstack-webstuff

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

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

Java Script 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.
  • Svelte - Build Cybernetically enhanced web apps.
  • Preact - Fast 3kB alternative to React with the same modern API.
  • 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

List of technologies and frameworks to know, for being a full stack developer.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published