Web Development Field Guide
Outline
Environment
Local Development Environment
Xampp & Mamp
Vagrant
Tools and Software
Development
Frontend Development
Setting up your project
The Project Ecosystem
Setup Dependency Managers
Node Package Manager
Install NPM
Initialize NPM on a new project
Initialize NPM on an existing project
Bower
Install Bower
Initialize Bower on a new Project
Initialize Bower on an existing Project
Add dependencies with Bower
Composer
Install Composer
Initialize Composer on a new Project
Initialize Composer on an existing Project
Setup Build System
Setup Gulp
A simple Gulp build script
A complex Gulp build script
Writing CSS
Use preprocessors
Write Object Oriented CSS
Follow a Naming Convention
Structure your CSS
Go mobile first
Use feature detection
Use 3rd Party Code and Frameworks
Writing Javascript
Write Object Oriented Javascript
Write jQuery Plugins
Structure your Javascript
Optimize your Javascript
Use 3rd Party Code and Frameworks
Writing HTML
Provide static templates
Structure your HTML
Provide Styleguides
Collaboration
Working with Git
Git Workflow
The Concept of Gitflow
Working with Gitflow
Gitflow with Sourctree
FAQ
Git Conflict Sloving
Database Versioning
The Concept of Database Versioning
Working with Database Versioning
Initialize Database Versioning on a new project
Initialize Database Versioning on an existing project
Working with migrations
Create a Migration File
Status of your database
Upgrade your database
Downgrade your database
Testing
Frontend Testing
Testing Strategy
Cross-Browser Testing
Cross-Device Testing
Styleguide-Driven Testing
Automated Testing
Deployment
Documentation
Documentation with README
Documentation with Styleguides
Share Project Credentials
Optimization
Follow @weaintplastic
Automated Testing
Thursday, June 25, 2015
5:15 AM
https://garris.github.io/BackstopJS/