In this article, we will see what are JavaScript & AngularJS and its features along with the understanding of their basic implementation. Finally, will discuss the differences between them.
JavaScript is a lightweight and object-oriented scripting language used to create dynamic HTML pages with interactive effects within a webpage. It is an interpreted scripting language and its code is run in a web browser only, in order to execute and run the code outside the browser we can use Node.js. It is also called a browser’s language and can be used for client-side developments as well as server-side developments.
History of JavaScript: It was developed by Brendan Eich at Netscape and was first released in 1995. It was originally going to be named LiveScript but was renamed. Unlike most programming languages, JavaScript language has no concept of input or output. It is designed to run as a scripting language in a host environment, and it is up to the host environment to provide mechanisms for communicating with the outside world. The most common host environment is the browser.
Features of Javascript:
- JavaScript was created in the first place for DOM manipulation. Earlier websites were mostly static after JS was created dynamic Web sites were made.
- Functions in JavaScript are objects. They may have properties and methods just like other objects. They can be passed as arguments in other functions.
- JavaScript can handle dates and time.
- It performs form validation although the forms are created using HTML.
- No compiler is needed.
JavaScript Example: This example describes the basic usage of Javascript.
HTML
<body bgcolor="white" style="text-align:center"> <h1 style="color:green"> neveropen </h1> <h3>Javascript Example</h3> <p>Paragraph 1</p> <script type="text/javascript"> document.bgColor = "lightblue"; </script> </body> |
Output:
Javascript Example
AngularJS is an open-source front-end web development framework for creating web applications and has great functionality and support. It was released in the year 2010 by the angular team of Google. It is a constantly developing and expanding framework which provides improved methods for developing web applications. It mainly works on the model view controller (MVC) concept for building apps and supports both dependency injection and data binding features.
History of AngularJS: AngularJS was originally developed in 2008-2009 by Miško Hevery and Adam abrons at Brat Tech LLC, as software for the online JSON storage service, in order to ease to development of the applications for the enterprise, that has been valued by the megabyte. It is now maintained by Google. AngularJS was released with version 1.6, which contains the component-based application architecture concept. This release version removed the Sandbox, which facilitates security, despite having the various vulnerabilities that have evolved, which bypassed the sandbox.
Features of AngularJS:
- Easy to work with: All you need to know to work with AngularJS is the basics of HTML, CSS, and JavaScript, not necessarily to be an expert in these technologies.
- Time-saving: AngularJS allows us to work with components and hence we can use them again which saves time and unnecessary code.
- Ready to use the template: AngularJS is mainly plain HTML, and it mainly makes use of the plain HTML template and passes it to the DOM and then the AngularJS compiler. It traverses the templates and then they are ready to use.
AngularJS (version 1.5) was replaced by Angular (Typescript) in 2016. They are completely different frameworks. Angular is currently at version 10.
AngularJS Example: This example describes the basic usage of Angular JS.
HTML
<script src= </script> <center> <h1 style="color:green"> neveropen </h1> <h3>Angular JS Example</h3> <div ng-app=""> <h1>{{txt}}</h1> <p> <input type="text" ng-model="txt" /> </p> </div> </center> |
Output:
Angular JS Example
Difference between JavaScript and AngularJS:
JavaScript |
AngularJS |
|---|---|
|
It was developed by Netscape. |
It was developed by Google. |
|
It is a lightweight and object-oriented scripting language |
It is an open-source framework. |
|
It works on the concept of dynamic typing. |
It works on the model view controller (MVC) concept for building apps. |
|
JavaScript is fast in comparison to AngularJS. |
It is slow in comparison to JavaScript. |
|
It does not support dependency injection. |
While it supports both dependency injection and data binding. |
|
It is complicated for beginners to learn JavaScript. |
It is easy to learn AngularJS for beginners who know JavaScript. |
|
It does not provide support for filters. |
It provides support for filters. |
|
It is used for dynamic web applications. |
It is generally suited for building large single-page applications. |
