Front-end

Get Started. It's Free
or sign up with your email address
Rocket clouds
Front-end by Mind Map: Front-end

1. Start

1.1. HTML

1.2. CSS

1.3. UI

1.3.1. Web Animations

1.3.2. Web fonts

1.3.3. Graphic editors

1.3.3.1. Adobe Photoshop

1.3.4. UI / UX design

1.4. JavaScript

1.4.1. JS Basics

1.4.1.1. Operators

1.4.1.2. Scope /Closure

1.4.1.3. Data types

1.4.1.3.1. String/Number

1.4.1.3.2. Arrays

1.4.1.3.3. Objects

1.4.1.4. Functions

1.4.1.4.1. arguments

1.4.1.4.2. high-order functions

1.4.1.5. Event Loop

1.4.1.6. Context

1.4.1.6.1. this

1.4.1.6.2. call/apply

1.4.1.6.3. bind

1.4.1.7. Prototypes

1.4.2. DOM / BOM

1.4.2.1. Events

1.4.2.2. XHTTP request

1.4.3. ES6

1.4.3.1. let

1.4.3.2. arrow function

1.4.3.3. Promises

1.4.4. Async Await

1.4.5. JQuery

1.4.6. Architecture

1.4.6.1. Events

1.4.6.2. MVC / MV*

1.4.6.3. Presentation and DOM Manipulation

1.5. Module Management

2. Server-side

2.1. Web Servers

2.1.1. nginx

2.1.2. apache

2.1.3. lighthttpd

2.2. Server JS

2.2.1. Node.js

2.2.1.1. Express

2.2.1.2. Sails - REST API

2.2.2. V8

3. Perfomance

3.1. Perfomance testing

3.1.1. WebPagetest

3.1.2. PerfBudget

3.2. Image Optimisations

3.2.1. Sprites techniq

3.2.2. imgo

3.2.3. svgo

3.2.4. Picturefill

3.3. Browser rendering optimisations

3.4. Server optimisations

3.4.1. mod_pagespeed

3.5. Code optimisations

3.5.1. csso

3.5.2. minification

3.5.3. uglify

3.5.4. CriticalCSS

4. Advanced

4.1. CSS

4.1.1. Frameworks

4.1.1.1. Twitter Bootstrap

4.1.1.2. Responsive Grid System

4.1.1.3. Skeleton

4.1.1.4. Ionic

4.1.1.5. Foundation

4.1.2. Preprocessors

4.1.2.1. LESS

4.1.2.2. SASS

4.1.2.3. Stylus

4.1.3. Architecture

4.1.3.1. BEM

4.1.3.2. SMACSS

4.1.3.3. MVCSS

4.2. Design strategies

4.2.1. Responsive design

4.2.2. Progressive Enhancement

4.2.3. Accessibility

4.3. Web-Dev

4.3.1. FTP

4.3.2. SSH

4.3.3. Command Line

4.3.4. API design

4.3.4.1. REST

4.3.4.2. RPC

4.3.4.3. GraphQL

4.3.5. Configuration Management

4.3.5.1. Docker

4.3.5.2. Ansible

4.3.5.3. Puppet

4.3.5.4. Chef

4.3.6. Continuous Integration

4.3.6.1. TeamCity

4.3.6.2. Jenkins

4.3.6.3. GitLab CI

4.3.7. PaaS

4.3.7.1. Heroku

4.3.7.2. Openshift

4.3.7.3. Digital Ocean

4.4. Tools

4.4.1. Task Runners

4.4.1.1. Gulp

4.4.1.2. Grunt

4.4.1.3. Broccoli

4.4.1.4. webpack

4.4.2. Code Style

4.4.2.1. csscomb

4.4.2.2. JSLint

4.4.2.3. esLint

4.4.2.4. JSCS

4.4.3. Module loaders

4.4.3.1. RequireJS

4.4.3.2. Browserify

4.4.3.3. Webpack

4.4.3.4. Parcel

4.4.3.5. SystemJS

4.4.4. Package Mangers

4.4.4.1. npm

4.4.4.2. Bower

4.4.4.3. Yarn

4.5. Templating

4.5.1. Handlebars

4.5.2. Haml

4.5.3. Jade

4.5.4. eJS

4.5.5. BH / bemhtml

4.6. Testing

4.6.1. Jasmine

4.6.2. Mocha

4.6.3. Protractor

4.6.4. Karma

4.6.5. hermiona

4.6.6. gemini

4.7. JS Frameworks

4.7.1. Angular

4.7.1.1. 1.*

4.7.1.2. 2-5

4.7.1.2.1. TypeScript

4.7.1.2.2. Rx.js

4.7.2. React

4.7.2.1. Redux

4.7.3. Vue

4.7.4. Backbone

4.7.5. Ember

4.7.6. Polymer

4.7.7. Meteor

4.8. Data Visualisations

4.8.1. D3

4.8.2. sigmajs

4.8.3. Highcharts

5. Version Control

5.1. Git

5.1.1. Git Strategies

5.1.2. Platforms

5.1.2.1. GitHub

5.1.2.2. GitLab

5.1.2.3. Bitbucket

5.2. SVN

5.3. Mercurial