Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS. Angular helps build interactive and dynamic single page applications (SPAs) with its compelling features including templating, two-way binding, modularization, RESTful API handling, dependency injection, and AJAX handling. Designers can use HTML as template language and even extend HTML’ syntax to easily convey the components of the application.
What Can We Do With Angular ?
- Mobile apps
You can create Mobile Web Apps with AngularJS and Phonegap; there’s a project that binds the awesome mobile framework LungoJS with AngularJS. It’s called Lungo-Angular-Bridge or just LAB.
- CRUD Web Apps
Probably the most common use of Angular JS. Check out the Angular-App. It includes nice examples for creating a simple CRUD application with Directives, Resources and Services.
- Chrome Extensions
The easiest way to create a Chrome Extension (either packaged or not) is through Yeoman, its Chrome Extension Generator and then just do bower i –save angular (short notation for install and save angularjs). Remember to use the ng-csp directive at the top of the ng-app and whitelist my chrome resources with the compileProvider.
- CSS3 Animations
CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, a style describing the CSS animation and a set of keyframes that indicate the start and end states of the animation’s style, as well as possible intermediate waypoints.
- Firebase Powered Apps
The guys at Firebase created AngularFire, a AngularJS binding for their real-time backend service Firebase; now, your two way binding can be not only client side, but back-end side too. Here’s the video (Realtime Web Apps with AngularJS and Firebase) with Anant Narayanan and the blog post on how to build your own Google Reader with Firebase and AngularJS. Look ma, no back end!
- Testable JS Apps
AngularJS is fully powered with Test Suites. The Testability service provides testing hooks that can be accessed from the browser and by services such as Protractor. Each bootstrapped Angular application on the page will have an instance of Testability.
Use Cases for Angular
- On-demand video streaming apps
It is the best choice for developing such apps. The most prominent examples are YouTube and Netflix.
- User Review Apps
These applications provide critical information to the users about the actions they are interested in taking. With review apps, it is easy to identify the best solutions and save resources in terms of money.
- Travel Apps
Since these apps involve dynamic features, AngularJS helps in developing sophisticated travel apps.
- Weather Apps
AngularJS allows the developers to develop an interactive display and helps in performing real-time activities with optimized quality.
- Content portals apps
AngularJS offers the functionality of handling a huge amount of data, posts, and user information.
- Progressive web apps (PWAs)
PWAs were first developed by Google somewhere in 2015. The team at Angular foresaw the upcoming popularity of PWAs and started working on facilitating the process of creating PWAs. All the Angular versions after Angular 5 comes equipped with built-in PWA support. New CLI commands in Angular enables developers to turn their web apps into progressive web apps easily.
- Static content and lightweight websites
Angular becomes an ideal choice for those websites that have dynamic content, however it becomes insufficient when you build small pages with static content. In this case, Angular only increases the overall size of the project, thereby increasing the load time significantly. Hence, when you want to build a lightweight website that has static content, Angular is the perfect choice.
- Enterprise web apps
With TypeScript, you get all the features that are required in developing large-scale projects. It is heavily equipped with autocompletion, advanced refactoring, and navigation features and thanks to the architecture of this tool ,maintaining and reusing the code becomes seamless.
- Dynamic content apps
When Angular was built, its primary was to create single-page web applications. Due to this, it has a wide range of tools for SPA development. Angular has just the right amount of technology for websites where the content should change dynamically based on user behavior and preferences. It also has dependency injections that make sure that in case one component gets changed, other components that are related to it also get changed automatically.