build supercharged web apps with angularjs

19
@justicefries Building SUPERcharged apps with AngularJS Gerred Dillon

Upload: fitc

Post on 05-Dec-2014

178 views

Category:

Internet


0 download

DESCRIPTION

Build Supercharged Web Apps with AngularJS with Gerred Dillon Presented on September 18 2014 at FITC's Web Unleashed 2014 in Toronto More info at www.fitc.ca The past few years have been a whirlwind of new web and application frameworks, changing the way we build sophisticated client-side applications. Among the fastest growing, and quickly become most widely used, is AngularJS, Google’s take on client side application building. Come to this session prepared to understand just what AngularJS is, how it differs from other frameworks, and walk away understanding the components that go into an AngularJS application. You will not only see your first full AngularJS app, but also know where to go to learn more, and to build upon the skills learned in this session. OBJECTIVE Give developers wanting to learn AngularJS a starting point from which to learn more and create web apps. TARGET AUDIENCE Developers wanting to create web applications and are curious about AngularJS ASSUMED AUDIENCE KNOWLEDGE Strong beginner to intermediate in JavaScript FIVE THINGS AUDIENCE MEMBERS WILL LEARN What AngularJS is and how it differs from other frameworks How to create a basic AngularJS Application Using directives and filters for “enhanced” HTML Separating functionality into controllers and services Adding third party functionality with modules

TRANSCRIPT

Page 1: Build Supercharged Web Apps with AngularJS

@justicefries

BuildingSUPERcharged

apps with AngularJSGerred Dillon

Page 2: Build Supercharged Web Apps with AngularJS

@justicefries

tips to growyour Angular app

Page 3: Build Supercharged Web Apps with AngularJS

@justicefries

Gerred Dillon

Page 4: Build Supercharged Web Apps with AngularJS

@justicefries

Page 5: Build Supercharged Web Apps with AngularJS

@justicefries

1

Page 6: Build Supercharged Web Apps with AngularJS

@justicefries

Componentize with

Directives

Page 7: Build Supercharged Web Apps with AngularJS

@justicefries

2

Page 8: Build Supercharged Web Apps with AngularJS

@justicefries

Centralize Data

Access

Page 9: Build Supercharged Web Apps with AngularJS

@justicefries

3

Page 10: Build Supercharged Web Apps with AngularJS

@justicefries

Resolve Data Dependencies

Page 11: Build Supercharged Web Apps with AngularJS

@justicefries

4

Page 12: Build Supercharged Web Apps with AngularJS

@justicefries

Centralize External Inputs

Page 13: Build Supercharged Web Apps with AngularJS

@justicefries

5

Page 14: Build Supercharged Web Apps with AngularJS

@justicefries

Modularize

Page 15: Build Supercharged Web Apps with AngularJS

@justicefries

RequireJS

Page 16: Build Supercharged Web Apps with AngularJS

@justicefries

Browserify

Page 17: Build Supercharged Web Apps with AngularJS

@justicefries

6** magical bonus round

Page 18: Build Supercharged Web Apps with AngularJS

@justicefries

Add a Build System

Page 19: Build Supercharged Web Apps with AngularJS

@justicefries

Gerred DillonMe: www.gerred.com Code: www.github.com/gerred Toots: @justicefries