Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Frontend Workflows with Grunt and Angular JS

David Mosher
5.87K subscribers
35K views 11 years ago #frontend
A screencast that shows front-end developers how they can craft workflows with Grunt JS, along with some specific workflow improvements when working with Angular JS. This is part 4 of a screencast series: Part 1: "Intro to Angular JS"    • Introduction to Angular JS   Part 2: "End to End with Angular JS"    • End to End with Angular JS   Part 3: "Security with Angular JS"    • Security with Angular JS   Part 5: "Testing Strategies for Angular JS"    • Testing Strategies for Angular JS   Resources: Github Source: https://github.com/davemo/frontend-wo... Resource Bundle: blog.davemo.com/posts/2007-01-01-bundle-links.html#frontend-workflows-grunt-and-angular ...more
...more
These chapters are auto-generated

Introduction

0:00

Agenda

0:47

Grunt

2:20

Getting Started

4:02

Installing Grunt

6:19

Configuring Grunt

7:01

Why use Grunt

8:37

Creating the workflow

9:23

Concatenation

10:36

Output

11:51

Star glob

12:53

Load NPM tasks

13:17

Run Grunt

14:05

Config Block

16:08

Custom Task

17:34

Homepage Tasks

18:11

Task Hints

20:01

Config File

21:18

Quality of Life

21:42

Adding Tasks

22:08

Adding Files

23:09

Testing

24:20

Automation

25:01

Targets

26:02

CSS

26:45

NPM

27:17

Watch

27:44

Live Reload

28:17

Automating

29:49

Lineman

30:41

Lineman Crunch

32:53

Directory Structure

33:38

Config Folder

34:18

Default Tasks Overview

36:14

Scaffolding the Workflow

37:10

Splitting the Code

37:52

Reviewing the Code

38:21

Configuring Load Order

39:38

Bootstrap Phase

40:24

CSRF

42:04

Laravel Routes

42:48

Manual Bootstrap

43:35

Request

44:15

Bootstrap

44:52

Server

45:21

stub out endpoints

46:44

stub out requests

47:21

end with angularjs

48:38

run the workflow

49:48

bug in PHP

50:28

nginx

51:48

laravel

52:08

rails

53:17

runngmin

55:23

minified

55:52

pack templates

57:39

template cache

57:58

summary

58:30

Lyman

58:59
Frontend Workflows with Grunt and Angular JS
245Likes
35,308Views
2013Jun 18
A screencast that shows front-end developers how they can craft workflows with Grunt JS, along with some specific workflow improvements when working with Angular JS. This is part 4 of a screencast series: Part 1: "Intro to Angular JS"    • Introduction to Angular JS   Part 2: "End to End with Angular JS"    • End to End with Angular JS   Part 3: "Security with Angular JS"    • Security with Angular JS   Part 5: "Testing Strategies for Angular JS"    • Testing Strategies for Angular JS   Resources: Github Source: https://github.com/davemo/frontend-wo... Resource Bundle: blog.davemo.com/posts/2007-01-01-bundle-links.html#frontend-workflows-grunt-and-angular

Follow along using the transcript.

David Mosher

5.87K subscribers