UX / UI

• Basic

Typography: Open Sans, Roboto is the most popular webfont.

Line height: 1.3em - 1.5em for body

Picking color: pick up a dominant color (blue or green cannot be bad choice), use it in the place to hightlight, and use netrual color as background.

• Atomic Design

• Responsive vs Adaptive

• Wireframe (sambolic)

• UI (Sketch and Axshare)

• Userbility

• A/B test (VWO)

• Personas

Some websites about UX / UI

Behance

Dibbble

Inspirationui

Language Understanding

• PHP

• javascript and jQuery

• css box model and SASS

• Python

• Java

Framework / CMS / Library

• Drupal 7 and Drupal 7 Hook

• Drupal 8

• Laravel

• Symfony

• React.js

• Foundation (media query in JS, throttle)

This coding could avoid loading the Foundation default styling

$include-html-type-classes: false;

$include-html-classes: false;

$include-js-meta-styles: false;

$include-html-global-classes: $include-html-classes;

• Bootstrap

Workflow / Tooling / IDE

• Gulp

• Chrome Dev Tool

• Storm

• Sublime

• Vim

• Linting (scss-lint, jshint, eslint)

• postman

Testing

• BDD Terminology

• phpUnit

API

• Restful API and OAuth

• two factor Auth

Architect / Solution

• component / re-use

• across project

• abstract and detail

Analytics

• Google Analytics

• Google Tag Manager

Data Structure and Algorithm

• Array

Design Pattern

• Observer

• MVC

DevOps

• Docker

• Microservices

• Cloud Foundry

• Concourse CI

• Kubernetes

• Openshift

• Shell script / command / Crontab

• User account setup

• Deployment: Forge

• Performance: webpageTest website and API

• vagrant