Introduction to Modern Front-End Development

Chapter: Introduction

Introduction

About The Author

Your Text Editor, Terminal, And Browser

Installing Node

Using The Working Files

Chapter: The Terminal And Git

Command Line Introduction And Navigating The File System

Creating Directories And Files

Git Introduction And Installation

Git Basics

Working With GitHub

Chapter: Project Scaffolding And Working With Dependencies

Generating A Project With Yeoman

Managing Front-End Dependencies

Chapter: Using A Front-End Build Tool

Introduction To Build Tools And Gulp

Using Gulp For Repetetive Tasks

Using Gulp To Minify Assets - Part 1

Using Gulp To Minify Assets - Part 2

Chapter: HTML Templating

Introduction To HTML Templates And Handelbars

Our First Handlebars Template

Handelbars Template Partials

Handelbars Template Data

Chapter: CSS Pre- And Post- Processing

Introduction To CSS Pre-Processing And Post-Processing

Writing A Less Gulp Task

Modular CSS With Less

Less Variables

Less Mixins

Less Nesting And Link Styles

Layout With Flexbox

CSS Post-Processing And Auto-Prefix With Gulp

Chapter: Modular Javascript Code

Javascript Code Organization

Model-View-Helper Code Structure

Introduction To Browserify And Setting Up Our Browserify Gulp Task

Javascript Code Structure And npm Modules

Modularizing Our Javascript

More Models And Views - Part 1

More Models And Views - Part 2

Chapter: Front-End Testing

Introduction To Front-End Testing

Linting Our Javascript

Unit Testing Javascript

Automated Accessibility Testing

Automating Our Tests

Chapter: Conclusion

Resources And Where To Go From Here

Wrap Up