Building Single Page Web Apps with AngularJS
3.6 (7 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
79 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Building Single Page Web Apps with AngularJS to your Wishlist.

Add to Wishlist

Building Single Page Web Apps with AngularJS

Deep dive into the key aspects of building SPAs using AngularJS
3.6 (7 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
79 students enrolled
Created by Packt Publishing
Last updated 2/2015
English
Learn Fest Sale
Current price: $10 Original price: $85 Discount: 88% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Understand how SPA’s work with the advantages and limitations of frameworks such as AngularJS
  • Integrate AngularJS applications with any server-side technology of your choice using meaningful APIs
  • Skillfully write and debug AngularJS apps by mastering the directives, filters, and services available in the framework
  • Implement the best practices of Angular’s MVC architecture into your SPA
  • Delve into the advanced features of the framework, such as routing, server communication, and module injection/management very quickly
  • Effectively use npm and Bower to deal with dependencies, and manage the common tasks of your SPA
  • Discover how to write custom components, including custom directives, filters, and all types of services
  • Practice proper test-driven development using the testing tools available within the framework
View Curriculum
Requirements
  • For this course, you're expected to know at least the basics of HTML, CSS, and JavaScript programming. Previous experience using MVC frameworks is not a requirement, but will certainly help you.
Description

Building web applications that can manage huge chunks of data consistently is becoming increasingly difficult and this affects the efficiency of your app. Single Page Applications (SPA) solve this issue as its design principles make life easy for data-intensive applications by updating the constant stream of data in the same page, making the application more intuitive for the user.

Doing this with pure JavaScript is hard. To help with the implementation of single-page applications, Google developed a framework called AngularJS that allows you to build well-structured, easily testable, and maintainable frontend Single Page Applications.

This course will take you from the very basics of developing rich client-side Single Page Applications (SPA) through a series of practical examples of incremental complexity, including a full review of AngularJS’ built-in features and testability features.

At the beginning of the course, you will be introduced to the advantages and limitations of AngularJS and its compatibility with SPAs. As we move on, we'll dive head-first into the application coding, starting from your first application and going all the way from building a to-do list app to a fully featured movie database, understanding every key aspect of the framework in the process. Later on, we'll focus on reviewing AngularJS' built-in components (directives, filters, and services) including every detail of how to write your own custom components of every kind. And finally, we'll wrap up with automated testing clearly guiding you on how to write and execute automated tests on AngularJS and introducing best practices on both unit and end-to-end testing.

Building Single Page Web Apps with AngularJS will take you from zero to hero, covering all important aspects of the framework and preparing you to hit the ground running on any single page application.

About the Author

Raoni Boaventura is a frontend engineer who has been working with JavaScript and JavaScript frameworks from the very beginning of his career, about 8 years ago. He has a strong academic background, a Computer Science degree, and has worked for several companies and clients around the world, completing a large number of front¬end and full-stack projects. Raoni started working with AngularJS about two years ago, and immediately fell in love with it. Since that time, he not only has been involved with multiple Angular projects with multi-national clients, but has also been an active peer in the AngularJS community, having published key articles and tutorials about the framework.

Who is the target audience?
  • If you're a web professional who wants to stay up to date with web development technologies, or you want to have your first contact with SPAs but don't have time to read through extensive documentation, and you are someone who wants to jump straight into action and learn AngularJS, then this video course is for you.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 22 Lectures Collapse All 22 Lectures 02:23:17
+
Introduction to AngularJS
3 Lectures 14:23

Introducing the course and its prerequisites.

Preview 03:41

Understanding the prerequisites for taking the course.

Prerequisites
02:14

A review of the basic terms and concepts of AngularJS as well as an overview of the MVC architecture.

Understanding the Basics of AngularJS and the MVC Architecture
08:28
+
Your First AngularJS App
5 Lectures 29:26

Introducing the Angular-seed boilerplate and starting up the project.

Preview 05:26

Start coding the first application: a to-do list.

Building a “To-do App” - Part 1
06:04

Continue coding the To-do application.

Building a “To-do App” - Part 2
05:25

Take care of the To-do application's templating and CSS.

Building a “To-do App” - Part 3
05:09

Polishing the To-do application.

Building a “To-do App” - Part 4
07:22
+
Building a Complex Single Page Application
6 Lectures 43:09

Start coding a movie gallery application.

Preview 05:48

Working on the movie gallery app - dealing with controllers and models.

Building a Complex Single Page Application - Part 2
07:31

Working on the movie gallery app - dealing with CSS and pagination.

Building a Complex Single Page Application - Part 3
08:20

Working on the movie gallery app - dealing with routes and multiple views.

Building a Complex Single Page Application - Part 4
06:29

Working on the movie gallery app - making the movie details page.

Building a Complex Single Page Application - Part 5
04:20

Working on the movie gallery app - dealing with custom services and final touches.

Building a Complex Single Page Application - Part 6
10:41
+
Directives and Filters
3 Lectures 21:26

A review of all the important AngularJS built-in directives.

Preview 08:09

Understanding the basics of how to write custom directives.

Writing Custom Directives
06:54

A review of AngularJS' built-in and custom filters.

AngularJS Filters
06:23
+
Services and Factories
2 Lectures 13:05

Learn the basics about the four kinds of services available in AngularJS and how to write custom services.

Preview 05:01

A review of AngularJS' built-in services.

AngularJS Services
08:04
+
Testing in AngularJS
3 Lectures 21:48

Learn the basics of automated testing in AngularJS.

Preview 05:16

Practical examples of how to code unit tests using Karma.

Unit Testing with Karma
09:33

Practical examples of how to code E2E tests using protractor.

E2E Testing with Protractor
06:59
About the Instructor
Packt Publishing
3.9 Average rating
5,009 Reviews
39,141 Students
393 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.