Introduction to Modern Front-End Development

Table of Contents

Introduction

Introduction 00:01:29

About The Author 00:01:00

Your Text Editor, Terminal, And Browser 00:01:27

Installing Node 00:01:00

Using The Working Files 00:01:15

The Terminal And Git

Command Line Introduction And Navigating The File System 00:04:09

Creating Directories And Files 00:02:32

Git Introduction And Installation 00:02:52

Git Basics 00:07:25

Working With GitHub 00:07:16

Project Scaffolding And Working With Dependencies

Generating A Project With Yeoman 00:05:09

Managing Front-End Dependencies 00:07:28

Using A Front-End Build Tool

Introduction To Build Tools And Gulp 00:05:51

Using Gulp For Repetetive Tasks 00:04:15

Using Gulp To Minify Assets - Part 1 00:06:42

Using Gulp To Minify Assets - Part 2 00:07:11

HTML Templating

Introduction To HTML Templates And Handelbars 00:02:36

Our First Handlebars Template 00:06:35

Handelbars Template Partials 00:06:25

Handelbars Template Data 00:04:39

CSS Pre- And Post- Processing

Introduction To CSS Pre-Processing And Post-Processing 00:02:22

Writing A Less Gulp Task 00:03:31

Modular CSS With Less 00:06:33

Less Variables 00:06:28

Less Mixins 00:04:58

Less Nesting And Link Styles 00:06:43

Layout With Flexbox 00:05:21

CSS Post-Processing And Auto-Prefix With Gulp 00:02:27

Modular Javascript Code

Javascript Code Organization 00:03:11

Model-View-Helper Code Structure 00:02:58

Introduction To Browserify And Setting Up Our Browserify Gulp Task 00:05:28

Javascript Code Structure And npm Modules 00:06:06

Modularizing Our Javascript 00:04:02

More Models And Views - Part 1 00:03:54

More Models And Views - Part 2 00:08:58

Front-End Testing

Introduction To Front-End Testing 00:03:16

Linting Our Javascript 00:05:28

Unit Testing Javascript 00:07:52

Automated Accessibility Testing 00:03:50

Automating Our Tests 00:01:54

Conclusion

Resources And Where To Go From Here 00:04:25

Wrap Up 00:00:49