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 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
getuikit - A lightweight and modular front-end framework for developing fast and powerful web interfaces.
unsemantic
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.
topcoat - CSS for clean and fast web apps.
inuitcss

Java Script Frameworks

jQuery - jQuery is a fast, small, and feature-rich JavaScript library.
- jQuery UI
- jQuery Mobile - A Touch-Optimized Web Framework.
Angular JS - By Google.
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.
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.

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.

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
express io - A realtime-web framework for nodejs.
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
Locomotive JS - Powerful MVC web framework for Node.js.
Flatiron JS - An adaptable framework for building modern web applications.

Data Base

Mongo DB - The only database that harnesses the innovations of NoSQL.
MySQL
Oracle
PostgreSQL
parse

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.

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.

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.

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

Emulators

Wireframing Tools

IDEs

Online Code Editors

Plugins

AngularJS - Find Modules for AngularJS
ionic
gulpjs
jquery-plugins
noodl.io - By Developers, For Developers.
codecanyon

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

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

Back to top

socialmediamaven / fullstack-webstuff Goto Github PK

fullstack-webstuff's Introduction