Mastering AngularJS UI Development

Back to Basics – Learning the Best Practices 4 lectures 14:44 The Course Overview This video will offer an overview of the course. The Project Structure and Scaffolding Learn how to scaffold an AngularJS application using best practices.

• Get an overview of the TvTracker application project structure
• Explore the different sections of the application and see how the routing is configured for each page
• Discuss how to integrate AngularUI into the application

Creating Controllers Using AngularJS Best Practices Prevent scope bleed and undescriptive code by implementing controllers using the ControllerAs syntax.

• Create a controller for each section of the TvTracker app
• Learn how to use the ControllerAs syntax and understand its benefits and other controller best practices
• Specify the controllers in order to use them within the app routing

Implementing Services Using Best Practice Methods Interact with APIs and share data throughout the application using well-structured services.

• Understand the different AngularJS service types
• Create our first service
• Use the value service type to keep the navigation state across pages

Back to Basics – Learning the Best Practices 4 lectures 14:44 The Course Overview This video will offer an overview of the course. The Project Structure and Scaffolding Learn how to scaffold an AngularJS application using best practices.

• Get an overview of the TvTracker application project structure
• Explore the different sections of the application and see how the routing is configured for each page
• Discuss how to integrate AngularUI into the application

Creating Controllers Using AngularJS Best Practices Prevent scope bleed and undescriptive code by implementing controllers using the ControllerAs syntax.

• Create a controller for each section of the TvTracker app
• Learn how to use the ControllerAs syntax and understand its benefits and other controller best practices
• Specify the controllers in order to use them within the app routing

Implementing Services Using Best Practice Methods Interact with APIs and share data throughout the application using well-structured services.

• Understand the different AngularJS service types
• Create our first service
• Use the value service type to keep the navigation state across pages

The Course Overview This video will offer an overview of the course. The Course Overview This video will offer an overview of the course. The Course Overview This video will offer an overview of the course. The Course Overview This video will offer an overview of the course. This video will offer an overview of the course. This video will offer an overview of the course. The Project Structure and Scaffolding Learn how to scaffold an AngularJS application using best practices.

• Get an overview of the TvTracker application project structure
• Explore the different sections of the application and see how the routing is configured for each page
• Discuss how to integrate AngularUI into the application

The Project Structure and Scaffolding Learn how to scaffold an AngularJS application using best practices.

• Get an overview of the TvTracker application project structure
• Explore the different sections of the application and see how the routing is configured for each page
• Discuss how to integrate AngularUI into the application

The Project Structure and Scaffolding Learn how to scaffold an AngularJS application using best practices.

• Get an overview of the TvTracker application project structure
• Explore the different sections of the application and see how the routing is configured for each page
• Discuss how to integrate AngularUI into the application

The Project Structure and Scaffolding Learn how to scaffold an AngularJS application using best practices.

• Get an overview of the TvTracker application project structure
• Explore the different sections of the application and see how the routing is configured for each page
• Discuss how to integrate AngularUI into the application

Learn how to scaffold an AngularJS application using best practices.

• Get an overview of the TvTracker application project structure
• Explore the different sections of the application and see how the routing is configured for each page
• Discuss how to integrate AngularUI into the application

Learn how to scaffold an AngularJS application using best practices.

• Get an overview of the TvTracker application project structure
• Explore the different sections of the application and see how the routing is configured for each page
• Discuss how to integrate AngularUI into the application

Creating Controllers Using AngularJS Best Practices Prevent scope bleed and undescriptive code by implementing controllers using the ControllerAs syntax.

• Create a controller for each section of the TvTracker app
• Learn how to use the ControllerAs syntax and understand its benefits and other controller best practices
• Specify the controllers in order to use them within the app routing

Creating Controllers Using AngularJS Best Practices Prevent scope bleed and undescriptive code by implementing controllers using the ControllerAs syntax.

• Create a controller for each section of the TvTracker app
• Learn how to use the ControllerAs syntax and understand its benefits and other controller best practices
• Specify the controllers in order to use them within the app routing

Creating Controllers Using AngularJS Best Practices Prevent scope bleed and undescriptive code by implementing controllers using the ControllerAs syntax.

• Create a controller for each section of the TvTracker app
• Learn how to use the ControllerAs syntax and understand its benefits and other controller best practices
• Specify the controllers in order to use them within the app routing

Creating Controllers Using AngularJS Best Practices Prevent scope bleed and undescriptive code by implementing controllers using the ControllerAs syntax.

• Create a controller for each section of the TvTracker app
• Learn how to use the ControllerAs syntax and understand its benefits and other controller best practices
• Specify the controllers in order to use them within the app routing

Prevent scope bleed and undescriptive code by implementing controllers using the ControllerAs syntax.

• Create a controller for each section of the TvTracker app
• Learn how to use the ControllerAs syntax and understand its benefits and other controller best practices
• Specify the controllers in order to use them within the app routing

Prevent scope bleed and undescriptive code by implementing controllers using the ControllerAs syntax.

• Create a controller for each section of the TvTracker app
• Learn how to use the ControllerAs syntax and understand its benefits and other controller best practices
• Specify the controllers in order to use them within the app routing

Implementing Services Using Best Practice Methods Interact with APIs and share data throughout the application using well-structured services.

• Understand the different AngularJS service types
• Create our first service
• Use the value service type to keep the navigation state across pages

Implementing Services Using Best Practice Methods Interact with APIs and share data throughout the application using well-structured services.

• Understand the different AngularJS service types
• Create our first service
• Use the value service type to keep the navigation state across pages

Implementing Services Using Best Practice Methods Interact with APIs and share data throughout the application using well-structured services.

• Understand the different AngularJS service types
• Create our first service
• Use the value service type to keep the navigation state across pages

Implementing Services Using Best Practice Methods Interact with APIs and share data throughout the application using well-structured services.

• Understand the different AngularJS service types
• Create our first service
• Use the value service type to keep the navigation state across pages

Interact with APIs and share data throughout the application using well-structured services.

• Understand the different AngularJS service types
• Create our first service
• Use the value service type to keep the navigation state across pages

Interact with APIs and share data throughout the application using well-structured services.

• Understand the different AngularJS service types
• Create our first service
• Use the value service type to keep the navigation state across pages

Building a TV Show Tracker App 4 lectures 17:44 Providing TV Show Search Functionality This video will explore how to interact with an API and deal with the response.

• Interface with the TMDB API using the $http service
• Provide a method to retrieve the user query and submit the request
• Store the response ready to be displayed within a UI

Building a Search Feature UI This video teaches the viewer how to allow users to search for their favorite shows.

• Make the show service functions available to the search controller
• Create a simple search form to allow the user to enter their search query, and pass this query to the search method within the show factory
• Deal with the search results and present the show information on the screen in an attractive user interface

Adding the Tracking Functionality Now the user can search for shows. Give them the option to select from all shows and track their selection, which will then be added to a My Shows page.

• Create a store factory service. It will hold the user's selected shows
• Update the search UI to provide tracking and untracking functionality
• List the tracked shows in the My Shows page

Persisting User Data Using Local Storage In this video, the user will learn how to cause the application data to persist, using Local Storage to save the data.

• Create a save method within the store factory to add the tracked shows to the Local Storage
• Use this method every time a show is added or removed
• Load any saved data from the local storage back to the store factory on Bootstrap

Building a TV Show Tracker App. 4 lectures 17:44 Providing TV Show Search Functionality This video will explore how to interact with an API and deal with the response.

• Interface with the TMDB API using the $http service
• Provide a method to retrieve the user query and submit the request
• Store the response ready to be displayed within a UI

Building a Search Feature UI This video teaches the viewer how to allow users to search for their favorite shows.

• Make the show service functions available to the search controller
• Create a simple search form to allow the user to enter their search query, and pass this query to the search method within the show factory
• Deal with the search results and present the show information on the screen in an attractive user interface

Adding the Tracking Functionality Now the user can search for shows. Give them the option to select from all shows and track their selection, which will then be added to a My Shows page.

• Create a store factory service. It will hold the user's selected shows
• Update the search UI to provide tracking and untracking functionality
• List the tracked shows in the My Shows page

Persisting User Data Using Local Storage In this video, the user will learn how to cause the application data to persist, using Local Storage to save the data.

• Create a save method within the store factory to add the tracked shows to the Local Storage
• Use this method every time a show is added or removed
• Load any saved data from the local storage back to the store factory on Bootstrap

Providing TV Show Search Functionality This video will explore how to interact with an API and deal with the response.

• Interface with the TMDB API using the $http service
• Provide a method to retrieve the user query and submit the request
• Store the response ready to be displayed within a UI

Providing TV Show Search Functionality This video will explore how to interact with an API and deal with the response.

• Interface with the TMDB API using the $http service
• Provide a method to retrieve the user query and submit the request
• Store the response ready to be displayed within a UI

Providing TV Show Search Functionality This video will explore how to interact with an API and deal with the response.

• Interface with the TMDB API using the $http service
• Provide a method to retrieve the user query and submit the request
• Store the response ready to be displayed within a UI

Providing TV Show Search Functionality This video will explore how to interact with an API and deal with the response.

• Interface with the TMDB API using the $http service
• Provide a method to retrieve the user query and submit the request
• Store the response ready to be displayed within a UI

This video will explore how to interact with an API and deal with the response.

• Interface with the TMDB API using the $http service
• Provide a method to retrieve the user query and submit the request
• Store the response ready to be displayed within a UI

This video will explore how to interact with an API and deal with the response.

• Interface with the TMDB API using the $http service
• Provide a method to retrieve the user query and submit the request
• Store the response ready to be displayed within a UI

Building a Search Feature UI This video teaches the viewer how to allow users to search for their favorite shows ng Encapsulate the show overview functionality so that it can easily be reused throughout the application.

• Create a simple showOverview directive
• Move the showOverview HTML and JavaScript from the My Shows and Search pages into the directive
• Include the showOverview directive where needed

Creating a showOverview Component Encapsulate the...