/socr-tutorials

Collection of resources to learn about tech used in SOCR projects

MIT LicenseMIT

socr-tutorials

It is a list of technologies, that we widely use to develop web applications at SOCR, and tutorials to learn how to start using them.

Before starting with web development, it's important to understand the technology behind modern browsers.

List of contents:


Git and GitHub

Git

Modern Version Control With Git

Modern Version Control With Git, Part 2

Modern Version Control With Git, Part 3

Atlassian Git Tutorials

A successful Git branching model

Git commit message format

GitHub

GitHub Guides

GitHub For Beginners: Don't Get Scared, Get Started

GitHub For Beginners: Commit, Push And Go

JavaScript

JavaScript Basics

Mozilla Developer Network JavaScript Tutorial

W3Schools JavaScript Tutorial

Smashing eBook Javascript Essentials

Learning JavaScript: Essentials And Guidelines

Google JavaScript Style Guide

Debugging JavaScript in browser

Chrome Developer Tools Overview

Debugging Asynchronous JavaScript with Chrome DevTools

AJAX

W3Schools AJAX Tutorial

A Beginner’s Guide To jQuery-Based JSON API Clients

jQuery

W3Schools jQuery Tutorial

jQuery Learning Center

Large-scale web applications

Nicholas Zakas: Scalable JavaScript Application Architecture (video)

Nicholas Zakas: Scalable JavaScript Application Architecture (slides)

JavaScript Module Pattern: In-Depth

Patterns For Large-Scale JavaScript Application Architecture

Learning JavaScript Design Patterns

Journey Through The JavaScript MVC Jungle

HTML and CSS

HTML

Mozilla Developer Network HTML Tutorial

W3Schools HTML Tutorial

Smashing Magazine 24 HTML Essentials

Coding An HTML 5 Layout From Scratch

Learning to Love HTML5

CSS

Mozilla Developer Network CSS Tutorial

W3Schools CSS Tutorial

Learning CSS3: A Reference Guide

Mastering CSS Principles: A Comprehensive Guide

Bootstrap

W3Schools Bootstrap Tutorial

Decoupling HTML From CSS

Getting started with Bootstrap

Customizing Bootstrap

Node.js and npm

Node.js

Node.js for Beginners

Felix's Node.js Beginners Guide

Node.js Tutorial – Step-by-Step Guide For Getting Started

npm

Official npm Documentation: Getting Started

A Beginner’s Guide to npm — the Node Package Manager

Creating and publishing a node.js module

D3js

D3js Basics

D3js Official Introduction

Getting started with D3.js

D3.js First Steps

Let’s Make a Bar Chart

Three Little Circles

D3 Tutorials

D3.js is Not a Graphing Library, Let's Design a Line Graph

Advanced D3js

An Introduction to D3 with applications to big data

How Selections Work

General Update Pattern, I

Thinking with Joins

Manipulating data like a boss with d3

Path Transitions

Let’s Make a Map

How to Make Choropleth Maps in D3

Creating Animated Bubble Charts in D3

Multiple Area Charts With D3js

AngularJs

AngularJs Basics

AngularJS Official Introduction

AngularJS Official Tutorial

W3Schoold AngularJs Tutorial

Learn to build an application using Angular.js

AngularJS Official Developer Guide

Angular 1 Style Guide

AngularJS Fundamentals In 60-ish Minutes

Advanced AngularJs

Bite-sized video training with AngularJS

Angular service or factory?

AngularJS Official Developers Guide: Dependency Injection

AngularJS: Advanced Design Patterns and Best Practices

Full-Spectrum Testing with AngularJS and Karma

Design and UX

Basics of web design

10 Principles Of Effective Web Design

Five More Principles Of Effective Web Design

Responsive Web Design Guidelines and Tutorials

Five Simple Steps to designing with colour

UX and UI

What Is User Experience Design? Overview, Tools And Resources

10 Useful Web Application Interface Techniques

10 Useful Techniques To Improve Your User Interface Designs

12 Useful Techniques For Good User Interface Design

10 Useful Usability Findings and Guidelines

The Elements Of The Mobile User Experience

Typography

Typography Guidelines And References

Typographic Design Patterns and Best Practices

25 New High Quality Free Fonts

50 Helpful Typography Tools And Resources

Five simple steps to better typography