1 / 28

Angular Tutorial For Beginners | What is Angular? | What Is Angular And How It Works? | Simplilearn

In this presentation on What is Angular, you will be introduced to Angular and some of the basic concepts to begin your Angular journey. Angular is a front-end JavaScript framework used to develop Web and Single-page applications. In this video we will cover the following topics: <br><br>1. Why Angular<br>2. What is Angular<br>3. Features of Angular<br>4. Angular Architecture<br>5. Advantages of Angular<br>6. Limitations of Angular<br>7. Angular Learning Curve<br>8. Companies using Angular<br><br>About Simplilearn Angular training course:<br>This Angular Certification Training Course will help you master front-end web development with Angular. Gain in-depth knowledge of concepts like facilitating the development of single-page web applications, dependency injection, typescript, components, and directives with this Angular Course.<br><br>Simplilearnu2019s Angular certification course helps you understand the design of single-page applications and how Angular facilities their development. This Angular certification provides knowledge of concepts such as TypeScript, Bootstrap Grid System, dependency injections, SPA, forms, pipes, promises, observables, and Angular class testing.<br><br>Angular Course Key Features<br>1. 100% Money Back Guarantee<br>2. 50 hours of blended learning<br>3. Three industry-based projects and 12 quizzes<br>4. Free introductory JavaScript course<br>5. Flexibility to choose classes<br><br>ud83dudc49Learn more at: https://bit.ly/2Druybm

Simplilearn
Download Presentation

Angular Tutorial For Beginners | What is Angular? | What Is Angular And How It Works? | Simplilearn

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. What’s in for you? Why Angular? What is Angular? Features of Angular Angular Architecture Advantages of Angular Limitations of Angular Angular Learning Curve Companies Using Angular

  2. Why Angular?

  3. Click here to watch the video

  4. Why Angular? Adds interactivity to the webpages

  5. Why Angular? JavaScript developer Is JavaScript ideal for SPAs? NO Adds interactivity to the webpages

  6. Why Angular? JavaScript developer Is JavaScript ideal for SPAs? Angular and JavaScript bring structure and consistency to web application development, and provides scalability and maintainability NO

  7. What Is Angular?

  8. What Is Angular? Angular is an open source, JavaScript framework It is completely written in TypeScript  It uses HTML's syntax to express your application's components clearly Primarily aimed to develop Single Page Applications It is designed for web, desktop and mobile platforms Maintained by Google

  9. Features of Angular

  10. Features of Angular Document Object Model (DOM) TypeScript Data binding Testing

  11. Features of Angular DOM (Document Object Model) treats an XML or HTML document as a tree structure in which each node is an object representing a part of the document Document Object Model (DOM) TypeScript Data binding Testing

  12. Features of Angular Document Object Model (DOM) Angular uses regular DOM. This will update the entire tree structure of HTML tags until it reaches the data to be updated. TypeScript Data binding Consider about 100s of updates on the same HTML page and the HTML block is replaced for each request Testing

  13. Features of Angular Document Object Model (DOM) + TypeScript Angular is written in TypeScript. It is a superset of JavaScript and offers excellent consistency. TypeScript is installed as an NPM package, and thus can be installed with the following command: npm install -g typescript Data binding Testing

  14. Features of Angular Document Object Model (DOM) Data binding allows an Internet user to manipulate Web page elements using a Web browser. It is used for Web pages that contain interactive components such as forms, calculators, tutorials, and games TypeScript Data binding Testing

  15. Features of Angular Document Object Model (DOM) Data binding allows an Internet user to manipulate Web page elements using a Web browser. It is used for Web pages that contain interactive components such as forms, calculators, tutorials, and games TypeScript Angular uses two-way binding Data binding Testing

  16. Features of Angular Document Object Model (DOM) TypeScript Angular uses Jasmine to run various tests The Jasmine framework allows various functionalities to write different kinds of tests cases Karma is the task-runner for the tests Data binding Testing

  17. Angular Architecture

  18. Angular Architecture Angular is a full-fledged MVC framework MVC is an architectural pattern that separates the application layer into Model, View and Controller Controller Model View

  19. Advantages of Angular

  20. Advantages of Angular Angular8: Ivy renderer and Bazel were introduced Angular2: Incorporated the component based approach. Angular5,6: Angular CLI was optimized and the commands ng-update and ng-add were added Custom components Data binding Dependency injection Angular9: Came with better framework and Angular material. Included full switch to the Ivy renderer as a default compiler Angular 1: Built on JavaScript and completely based on controllers Angular4: Included router updation. Angular CLI 1.0 was introduced Angular7: Prompts were introduced which provide tips in CLI about the functions. Browser compatibility Testing Comprehensive

  21. Limitations of Angular

  22. Limitations of Angular Steep learning curve Limited SEO options Migration Verbose and complex

  23. Angular Learning Curve

  24. Angular Learning Curve • Basic topics in Angular to be learnt are • Directives • Modules • Decorators • Components • Services • Dependency injection • Pipes, and Templates • Advanced topics include: • Change detection • Zones • AoT compilation • Rx.js • However, the learning curve is clear-cut with Angular development

  25. Companies Using Angular

  26. Companies Using Angular

More Related