Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
23 Videos (2h 8m)
    • The Course Overview

      2:57
    • "Angularizing" Your Existing Web Page

      2:30
    • Bootstrapping an Angular Application

      3:36
    • Defining a Controller

      4:10
    • Displaying Data Dynamically

      3:16
    • Repeating Content for All Items in a List

      3:19
    • Area of Influence of a Controller

      5:32
    • Adding Interactions to the Template

      5:58
    • Creating Corresponding Controller Logic

      6:50
    • Reading Data from the Template

      6:43
    • Conditionally Showing/Hiding Elements

      7:06
    • Route Declaration and the ng-view Directive

      7:03
    • Creating New Routes

      5:14
    • Routing with Parameter

      5:16
    • Creating Links

      7:02
    • Making AJAX Calls via $http

      5:59
    • Handling Responses via Success and Error Callbacks

      4:52
    • Building GET and POST Requests

      7:51
    • Making Cross-domain Requests Using JSONP

      8:52
    • Separating the Loading of Data from the Controller

      6:21
    • Introducing the "factory" Type of Service

      5:44
    • Injecting Your Own Services

      3:57
    • Implementing Persistence

      7:55

About This Class

A step-by-step guide to build a well-structured single-page Angular application with a focus on a faster and more enjoyable development experience


About This Video
Build a full featured single-page web application with clean structure up to the standards of a real-life project
A faster, more pleasant coding experience for developers, focusing on actual logic and avoiding repetitive tasks such as code scaffolding
Ensure that the application will be easy to maintain, extend, modify, debug, and test using AngularJS
Learn about every aspect of Angular applications: views, logic, data layers, and configuration to build a dazzling app

In Detail
AngularJS is a Google-backed JavaScript framework that simplifies the development of single-page applications and other web page JavaScript widgets. It is one of several modern frameworks that are revolutionizing web development by bringing a fresh, more professional orientation to application building. Developers will love working with the framework, which allows them to focus their time on actual logic, instead of having to deal with repetitive tasks such as rendering and event binding.
Introducing AngularJS will show you how to build a complete application in a very short time, yet without cutting corners that would be detrimental to code quality. We will take you through a concrete application, a movie library app, one step at a time, in order to introduce the concepts behind all the moving parts of an AngularJS application.
We will start by quickly scaffolding an entire application’s structure using Yeoman. This will lay the foundations of our application in a well-structured manner. Then we'll focus on displaying data and allowing the user to interact with the application, and how can Angular help us handle rendering and events binding, so we can focus more on the app logic itself. We'll peek into templates and controllers, and will see how Angular’s declarative nature makes it obvious which element is in charge of which functionality.
We will then introduce a second view to the application, and show how to handle routing between the two views, including reading parameters from the URL and how we can very quickly create new routes with the companion tool Yeoman.
You will also learn how to load data from an API using AJAX, both from the same server as the app, as well as from an external source. Finally, we will close by introducing services that are Angular data-layer singleton objects as well as building a client-side data persistence using LocalStorage.
Introducing AngularJS will guide you through all the aspects of an Angular application, start-to-finish, view logic to data layer and persistence. You will learn how Angular makes developers lives easier by taking care of rendering and event handling, giving you more time to focus on what you love: the actual logic of the app. With Yeoman, you will also guarantee the quick creation of new views, routes, and controllers, without ever having to create a file manually.

1

Student

--

Projects

0

Reviews (0)

Packt Publishing

Packt is the leading UK provider of Tech

Hello, we are Packt.

Packt is the leading UK provider of Technology eBooks, Coding eBooks, Videos and Blogs; helping IT professionals to put software to work.

Founded in 2004 in Birmingham, UK, Packt's mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals.

Working towards that vision, we have published over 5000 books and videos so far, providing IT professionals with the act...

See full profile

Technology Web Development