/frontend-resources

Web-Development-Resources

A curated list of resources and tutorials for web developers. It entails the frontend and Backend engineering development. This will serve as a guide to everyone who is interested in web be it the design or the development details.

##Table of Contents

frontend-resources

Backend-resource

Others(Optional)

content

Please pay attention to the details of each section.

##HTML

##CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language.

###Preprocessors

##Javascript JavaScript (JS) is a dynamic computer programming language.[5] It is most commonly used as part of web browsers, whose implementations allow client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed.

###Tutorials

###Reading Material

###Libraries

  • jQuery - Javascript library that makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

  • YUI - open-source JavaScript library for building richly interactive web applications using techniques such as Ajax, DHTML, and DOM scripting.

  • D3.js - D3.js (or just D3 for Data-Driven Documents) is a JavaScript library that uses digital data to drive the creation and control of dynamic and interactive graphical forms which run in web browsers.

  • Three.js - JavaScript 3D Library which makes WebGL simpler.

  • Chart.js - Simple, clean and engaging charts for designers and developers

###Frameworks

####Angular AngularJS is an open-source web application framework, maintained by Google and community, that assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side. Its goal is to augment web applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.

Motivation

Getting Started

Style

Design patterns/best practice

Scopes

Data modeling

Controllers

Directives

Services/Factories

Routing

Authentication

Deployment

Angular 2.0

Testing

Misc

####React React is a JavaScript library for building user interfaces. It's declarative, efficient, and extremely flexible. What's more, it works with the libraries and frameworks that you already know.

Tutorials

Reading Material

Architecture

####Polymer Library that uses the latest web technologies to create custom HTML elements.

Tutorials

Reading Materials

##UI/UX Design

###Inspiration

Data visualization

###Reading Material

###Resources

####Stock Images

##Workflow

####Sublime Sublime Text is a sophisticated text editor for code, markup and prose.

####Deployment

####Yeoman Generator Yeoman helps you kickstart new projects, prescribing best practices and tools to help you stay productive.

####JS Hint JSHint is a program that flags suspicious usage in programs written in JavaScript. The core project consists of a library itself as well as a CLI program distributed as a Node module.

####Grunt Automation, performing repetitive tasks like minification, compilation, unit testing and linting.

####Postman Postman helps you be more efficient while working with APIs

####Bower A package manager for the web

####Passport Simple, unobtrusive authentication for Node.js

####LESS Less extends CSS with dynamic behavior such as variables, mixins, operations and functions.

####SASS Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

##Extra Resources

###Reading Material

##Node Node.js is a runtime environment and a library for running applications written in JavaScript outside the browser (for example, on the server). Node.js applications are designed to maximize throughput and efficiency, using non-blocking I/O and asynchronous events. Node.js applications run single-threaded, although Node.js uses multiple threads for file and network events. Node.js is commonly used for real time applications due to its asynchronous nature, allowing applications to display information faster for users without the need for refreshing.

###Tutorials

Reading Material

###Frameworks

###MEAN Stack

###Architecture

###Templating

Ruby

A dynamic, open source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.

###Tutorials

###Frameworks

####Rails

Tutorials

##PHP PHP is a server-side scripting language designed for web development but also used as a general-purpose programming language.

###Tutorials

###Frameworks

Databases

####MySQL MySQL is the most popular database system used with PHP. MySQL has a Javascript driver.

####MongoDB MongoDB (from "humongous") is an open-source document database, and the leading NoSQL database.

####CouchDB CouchDB is a database that completely embraces the web. Store your data with JSON documents. Access your documents and query your indexes with your web browser, via HTTP. Index, combine, and transform your documents with JavaScript. Tutorials

---------------- Everything below this point is optional ----------------

####Version-control A component of software configuration management, version control, also known as revision control or source control, is the management of changes to documents, computer programs, large web sites, and other collections of information.

Use the following git command line to ope the tutorial on the web.

$ git help -g

$ git help tutorial

####Github

####Markdown-Cheatsheet

It is useful in commmunication or collaboration.

####frontend-guidelines