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.
- jQuery UI
- jQuery Mobile - A Touch-Optimized Web Framework.
- 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
- fontawesome - The iconic font and CSS toolkit
- Material icons - Material icons
- material-design-iconic-font
- bootstrap icons
- glyphicons
- bootstrapicons
- flaticon
- iconfinder
- thenounproject
- freepik
- modernuiicons
- metrize-icons
- social-media-icons-pack
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
- cocos 3D - Create amazing 3D apps & games for mobile.
- impactjs - The awesomest way to create even more awesome html5 games!
- threejs
- createjs
- phaser
- craftyjs - A flexible framework for Javascript games
- pandajs - Free HTML5 game engine for mobile and desktop games.
- pixijs - Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback.
- BabylonJS - A complete JavaScript framework for building 3D games with HTML 5 and WebGL
- melonJS - A fresh & lightweight javascript game engine
- turbulenz
- compilgames
- PhysicsJS
- stage.js
- goojs - MAKE GAMES AND VR FOR THE BROWSER
- whitestormjs - A framework for 3D web apps built with Three.js technology.
- qiciengine
- lychee
Emulators
Wireframing Tools
- mockflow
- moqups
- justinmind
- balsamiq
- wireframe
- gomockingbird
- cacoo
- axure - DESIGN THE RIGHT SOLUTION
- uxpin
- pidoco
- iplotz
- pidoco
- visio
- penultimate
- indesign
- pencil
- omnigroup
- framebox
- iphonemockup
- lumzy
- omnigroup
- gliffy - Make Diagramming a Team Sport
- protoshare
- OmniGraffle
- flairbuilder
- fluidui
- Adobe InDesign CC
- hotgloo - NEXT LEVEL WIREFRAMING & PROTOTYPING TOOL
- mockplus - PROTOTYPE FASTER. SMARTER. EASIER.
- lovelycharts
- simplediagrams
- flinto - App Prototyping Tools for Designers
- wireframesketcher
- talltree
IDEs
- JetBrains webstorm
- Microsoft Visual Studio
- Microsoft Visual Studio Code
- NetBeans
- Sublime Text
- Brackets
- Eclips
- Xamarin
- Aptana
- Light Table
- Zend
- icecoder
- superpowers
Online Code Editors
Plugins List
- AngularJS Modules - Find Modules for AngularJS
- ionic Market
- gulpjs
- jquery-plugins
- noodl.io - By Developers, For Developers.
- codecanyon
Repository hosting service
- github
- bitbucket
- gitlab
- codebasehq
- beanstalk
- assembla
- fogcreek
- cloudforge
- fogcreek
- planio
- perforce
- rhodecode
- unfuddle
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
- ionic market
- ionicthemes
- bootswatch
- themeforest
- templatemonster
- nimbusthemes
- themetrust
- themeshift
- thethemefoundry
- organicthemes
- elegantthemes
- graphpaperpress
- prothemedesign
- obox-design
- woothemes
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
- Gmail : [email protected]
- Facebook : https://www.facebook.com/rajeshwarpatlolla
- Twitter : https://twitter.com/rajeshwar_9032
- Github : https://github.com/rajeshwarpatlolla