A Complete Web Workflow from Beginning to End

Posted by:

Alex on September 14, 2014

Welcome to my first web design and development video tutorial series and it’s FREE, this series covers a complete web design build and workflow that I’ve built and adapted over the past few years keeping it up to date with the latest technologies.

The series is aimed at the web designer/developer who already has a solid understanding of the basics of development, and are now looking to gain some extra tips and speed up their whole process.

Some of the skills and points covered:

Web Development Software & Sublime Text setup and settings
HTML5
SASS
BEM-Naming Structure
PHP
jQuery / JavaScript
Minifying Javascript and CSS
Photoshop basics
Crushing and compressing images
Hosting and FTP
Server Control / Git

I will list all the episodes below as I put them online!

Episode #1 – Introduction

In this episode I outline what the video series will achieve, what is to be showcased and some of the tech I use for the process.
Watch now →

Episode #2 – Software Overview and Setup

This episode outlines the software and settings that I use generally, my preferred Sublime Text packages and why I use them.
I skip all the boring installation that most web tutorials go into, as the process changes so often I find it pointless. Just head over to the relevant website and follow the installation instructions there.
Watch now →

Episode #3 – Setting Up the File Structure

I quickly create the necessary basic files and folders required for our web project, using SASS and CodeKit together.
Watch now →

Episode #4 – Building the Home Page Part 1

We start to layout our home page HTML using Sublime Text, setup our SASS variables, and create the basic site header and footer.
Watch now →

Episode #5 – Building the Home Page Part 2

This episode see’s us mostly wrap up the homepage design elements, with thought going into the best process to create the repeating elements in a way that will save us both time and coding (HTML/CSS), knowing that we will be using a PHP logic to handle most of any code repetition.
Watch now →

Episode #6 – Setting Up with Mamp and PHP

This video features getting the project setup on a local host, exporting and modularising our content into includable parts. Using a very nice PHP loop to generate our HTML content and more. Also covers using Sublime Text snippets for quickly writing code we use often.
Watch now →