Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
How to Build Web Applications with AngularJs framework
Rating: 3.1 out of 5(3 ratings)
15 students

How to Build Web Applications with AngularJs framework

Get started to learn angular with real world practical examples and become web development industry expert
Last updated 12/2020
English

What you'll learn

  • In the end of my course you will know how to build angular application with all best features and preactices
  • You will find for yourself best practises to build applications
  • You will understand what is directives, services and controllers
  • You can use promises and helpers

Course content

1 section34 lectures3h 58m total length
  • introduction0:49

    Explore basics of building a single application with the AngularJS framework, including controllers, filterless directives, and dependency injection through a provider. Learn the key concepts presented in this practice session.

  • data binding8:39

    Learn to set up an AngularJS app using Bower, wire dependencies, and create a simple to-do app that demonstrates data binding between input and model via a controller.

  • controllers7:26

    Create a new AngularJS controller file, define the model and its scope, and bind input data to the controller to manage view state without overrelying on templates.

  • method in controller4:51

    Explore how to create controllable assets and text in a window, manage elements with functions, and call a controller method in AngularJS to handle dynamic content.

  • filters2:42

    Explore using a filter in an AngularJS controller by creating a filter field, applying a filter function to data, and integrating sorting logic to manage displayed results.

  • services and ng-repeat9:21

    Learn how to fetch and manage data from a service in AngularJS, connect it to controllers, and render the data in views using ng-repeat.

  • ng-filter7:22

    Explore how ng-filter handles fields, numbers, and filters in forms and searches, including names and phone numbers, and how upgrades and filters affect data presentation.

  • orderBy and limitTo5:46

    Use orderBy and limitTo in angularjs to sort lists by a field and limit results. Practice combining filters to display a defined number of items.

  • first directive4:23

    Apply the first directive in AngularJS to use patterns and templates to manage actions in building web applications.

  • restrictions6:22

    This lecture explores restrictions in building web applications with AngularJS, highlighting how controllers manage data, how imports are handled, and how cloning and image handling influence user interfaces.

  • base bihaviour of directive5:22

    Master the base behavior of directives within AngularJS web applications, revealing how directive basics shape component interaction and user interface behavior.

  • highlight directive8:25

    Learn how to implement a highlight directive in AngularJS, understand its default behavior, and customize highlighting with attributes to reuse code across data tables.

  • directive and controller7:55

    Explore how AngularJS directives and controllers manage scope, apply changes, and connect messages across an application.

  • connection of directives10:29

    Discover how directives connect with controllers in AngularJS, manage scope, and handle function parameters to control application behavior.

  • separate scope11:43

    Learn how to implement separate scope in AngularJS by wiring buttons to controller functions, managing tasks, and ensuring actions are correctly called from the controller.

  • separate scope @8:23

    Explore how the AngularJS framework uses separate scope and controllers to manage data and user interactions, with color coding and function call patterns for building interactive web applications.

  • separate scope =2:54

    Explore the scope concept in AngularJS, examine how scope changes affect the whole body, and connect these ideas to tools from the previous lesson.

  • separate scope &7:22

    Explore separating scope in AngularJS by handling input, click interactions, and message passing through scope and watch expressions to understand scope isolation.

  • real directive19:02

    Explore how to implement a real directive in angularjs to toggle content visibility with click events, leveraging scope-driven triggers and built-in directive patterns.

  • transclusion4:52

    Explore transclusion in AngularJS by examining templates, loading template content, and using template tools to compose reusable components with parameters.

  • dependency injection9:52

    Explore how dependency injection works in AngularJS, showing how scope and named elements are resolved and called within templates.

  • directive templates7:21

    Explore how directive templates in AngularJS power collapsible content, customize templates across separate files, and reuse template patterns for dynamic user interfaces.

  • template cache6:05

    Learn how the template cache in AngularJS works to cache templates, reduce memory usage, and speed up rendering in web applications.

  • ng-view8:20

    Explore ng-view in angularjs to load each page with its own local components, manage page-level controls, and handle dependencies for a multi-page web application.

  • config app5:59

    Configure the app by defining functions and templates, address provider considerations, and implement loading and updating steps within a combined AngularJS project.

  • $routeProvider4:00
  • URI templates and $routeParams8:10

    Explore AngularJS fundamentals by using controllers, URI templates, and $routeParams to manage messages and data flow, with practical testing and view binding.

  • redirectTo6:56

    Explore redirectTo in AngularJS by learning how to navigate between pages, configure routes, and debug routing logic using the console.

  • promises6:00

    Explore promises in AngularJS for handling asynchronous data requests from remote servers. Learn how to initiate data fetches without blocking, and manage success and failure with the promise system.

  • $routeProvider and resolve4:06

    Explore how $routeProvider and resolve work in code, handling parameter data, promise, and timeout to update pages in AngularJs framework.

  • $routeChangeError6:14

    Handle route change errors in AngularJS by catching $routeChangeError and updating the scope to manage navigation and page state.

  • $index, $event, $log8:20

    Learn how to use AngularJS directives $index, $event, and $log to handle user interactions, events, and debugging in web applications built with the AngularJS framework.

  • directives data7:00

    Learn how directives and data work in AngularJS to control functions and the console in building interactive web applications.

  • ng-repeat-start5:43

    Learn how to use ng-repeat-start to work with items and count numbers from 1 to 6 in AngularJS web applications.

Requirements

  • You should have basic level of angular framework and basic level.

Description

Course Description HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.


AngularJS is a complete JavaScript framework for creating dynamic and interactive applications in HTML.

This course is designed to cover the core features of the framework using practical, easy to follow examples using 1.x version of angular and latest stable version is 1.6.0.

We will see how two-way data binding makes it easy to build pages and forms while maintaining simplicity in the JavaScript code, and come to understand the essential abstractions of AngularJS, including modules, controllers, directives, services and animations.

By the end of the course, you'll be able to start building your own single page application using AngularJS.

What are the requirements?                 

  • If you have basic knowledge of html, javascript and css this best suits to you

    What am I going to get from this course?                 

  • Become an professional angular developer

  • You will find for yourself best practices to build applications

  • You will understand what is directives, services and controllers

  • You can use promises and helper

    Who is the target audience?                 

  • Who likes to learn angular with practical sessions, this is for you. No hard theories, all are just simple practical

Who this course is for:

  • It can be helpful from high school level