https://github.com/gunh0/angular-lab
🔬 Angular LAB is my personal workspace for hands-on practice and experimentation.
https://github.com/gunh0/angular-lab
angular angularjs
Last synced: about 1 year ago
JSON representation
🔬 Angular LAB is my personal workspace for hands-on practice and experimentation.
- Host: GitHub
- URL: https://github.com/gunh0/angular-lab
- Owner: gunh0
- License: mit
- Created: 2023-01-05T04:27:28.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-30T11:44:37.000Z (over 2 years ago)
- Last Synced: 2025-01-30T14:18:25.462Z (over 1 year ago)
- Topics: angular, angularjs
- Language: HTML
- Homepage:
- Size: 12.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Angular LAB
AngularJS is the first version of Angular, which was released in 2010. AngularJS is a JavaScript framework that allows you to build reusable HTML components and dynamic web applications.
Angular is the updated version of AngularJS, released in 2016. It is a complete rewrite of AngularJS, built with TypeScript and designed to be more efficient, powerful, and easier to use. Angular is a comprehensive JavaScript framework for building single-page applications (SPAs) and mobile applications. It provides a powerful set of features and tools for building modern web and mobile applications, including a command-line interface (CLI), dependency injection, and a powerful component-based architecture.
In general, Angular is a newer and more powerful framework than AngularJS, and it is recommended to use Angular for new projects. However, if you have an existing project built with AngularJS, you can continue to use AngularJS or migrate your project to Angular.
| AngularJS | Angular |
| :------------------------------------------------------------------------------------------------------------------------------------------ | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| AngularJS is common and popular name of the first version of Angular1.0. | Angular is common and popular name of the Angular's version beyond 2+ |
| AngularJS is a JavaScript-based open-source front-end web framework. | Angular is a TypeScript-based open-source full-stack web application framework. |
| AngularJS uses the concept of scope or controller. | Instead of scope and controller, Angular uses hierarchy of components as its primary architectural characteristic. |
| AngularJS has a simple syntax and used on HTML pages along with the source location. | Angular uses the different expression syntax. It uses "[ ]" for property binding, and "( )" for event binding. |
| AngularJS is a simple JavaScript file which is used with HTML pages and doesn't support the features of a server-side programming language. | Angular uses of Microsoft's TypeScript language, which provides Class-based Object Oriented Programming, Static Typing, Generics etc. which are the features of a server-side programming language. |
| AngularJS doesn't support dynamic loading of the page. | Angular supports dynamic loading of the page. |
### Advantages of AngularJS over other JavaScript frameworks:
- **Dependency Injection:** Dependency Injection specifies a design pattern in which components are given their dependencies instead of hard coding them within the component.
- **Two way data binding:** AngularJS creates a two way data-binding between the select element and the orderProp model. orderProp is then used as the input for the orderBy filter.
- **Testing:** Angular JS is designed in a way that we can test right from the start. So, it is very easy to test any of its components through unit testing and end-to-end testing.
- **Model View Controller:** In Angular JS, it is very easy to develop application in a clean MVC way. You just have to split your application code into MVC components i.e. Model, View and the Controller.
- Directives, filters, modules, routes etc.
---
### 01 AngularJS Data Binding
Data binding in AngularJS binds AngularJS expressions with AngularJS data.
### 02 AngularJS Expressions
In AngularJS, expressions are used to bind application data to HTML. AngularJS resolves the expression, and return the result exactly where the expression is written.
Expressions are written inside double braces {{expression}}.
**Difference between AngularJS Expressions and JavaScript expressions:**
- AngularJS expressions can be written inside HTML, while JavaScript expressions cannot.
- AngularJS expressions support filters, while JavaScript expressions do not.
- AngularJS expressions do not support conditionals, loops, and exceptions, while JavaScript expressions do.
**Similarity between AngularJS Expressions and JavaScript expressions:**
- AngularJS expressions and JavaScript expressions both can contain literals, operators and variables.
### 03 AngularJS Directives
AngularJS facilitates you to extend HTML with new attributes. These attributes are called directives.
There is a set of built-in directive in AngularJS which offers functionality to your applications. You can also define your own directives.
Directives are special attributes starting with ng- prefix.