AngularJS, Netcast

AngularJS End to End testing with Protractor Episode 001

This is the first episode in a revised series of videos about using Protractor to perform end to end test for AngularJS applications.

Since my original video back in August of 2013, the Protractor end to end testing framework has changed significantly. It has become easier to use, simpler to write tests and its functionality has increased.

This series of videos are a deep dive into using the Protractor testing framework to write end to end tests for your AngularJS applications.

This episode covers what Protractor is and how to install it into your application. It also provides a simple hello world style demo showing how to configure a project to use protractor and phantomjs to write end to end tests.

Standard
AngularJS, Coding

Using Page Objects in AngularJS Protractor

This is one of the presentations from the February 2014 DFW Area AngularJS Meetup.

Introduction on how to use the Page Object pattern to simplify your Protractor End to End scenarios.

Topics covered:

• Common redundancy in end to end scenarios

• The Page Object pattern

• Implementing Page Objects in Protractor

Slides can be found at

https://docs.google.com/presentation/d/1B6manhG0zEXkC-H-tPo2vwU06JhL8w9-XCF9oehXzAQ/edit?usp=sharing

Code can be found at

https://github.com/lavinjj/breweverywhere

Standard
AngularJS, Coding

Responsive Web Design using AngularJS

This is one of the presentations from the February 2014 DFW Area AngularJS Meetup.

Introduction on how to use AngularJS Services and Directives to handle some of the finer points of Responsive Web Design to improve your page speed and reduce the reduce download times.

Topics covered:

• What is Responsive Web Design

• The various strategies used to implement Responsive Web Design

• Implementing the strategies in AngularJS with angular-responsive

Slides can be found at

https://docs.google.com/presentation/d/10qoU_mIhRLDmq-ej5xd9-DXR09DUeIPMtUp0-Il6c_o/edit?usp=sharing

Code can be found at

https://github.com/lavinjj/angular-responsive

Standard
AngularJS, Coding, Netcast

Introduction to AngularJS Unit Testing

The November 2013 DFW Area AngularJS Meetup Presentation. This month we take a Test Driven Development approach to show how to write unit tests for your AngularJS components.

Jim Lavin covers creating a project from scratch using Yeoman and then adds functionality to a controller, service and directive using a Test Driven Development approach by writing unit tests which describe the functionality and then adding the actual code to make the tests pass.

Code for the demonstration is available at https://github.com/lavinjj/diy-brew-controller

Standard
AngularJS, Coding, Netcast

Introduction to the MEAN Stack

The DFW Area AngularJS Meetup for October 2013.

This month We’ll be covering how to use the MEAN Stack, (Mongo, Express, AngularJS and Node.js), to develop AngularJS applications.

We will be covering the following:

1. Installing the required tools; Node.js, MongoDB, Grunt, Bower, Yeoman, and various Yeoman Generators

2. Application workflow using the Yeoman Generators to create AngularJS and Express Components

3. Connecting to MongoDB via Express

4. Setting up APIs using Express Routing

5. Consuming APIs via AngularJS

Slides for this presentation can be found at : https://docs.google.com/presentation/d/1ZMoWLEK14L48cyWcmI7DFc338t6a3OgV5LaIzGURYK8/edit?usp=sharing

Source Code for the app can be found at https://github.com/lavinjj/angular-scrum-mean

Standard