Module 01 Angular Overwiew
- Overview of full stack web development.
-
Often use the three-tier architure for web development. This is organize into three diferent layers.
- Presentation: Delivering the information to the user, usually the UI.
- Business Logic: Concerned about the data, data validation, dynamic content processing and generating content to the user.
- Data Persistance or Data Access: Concerned about how to store the data, in the form a database or through and API.
-
In a traditional web development is tipically implemented using technologies like Java, PHP, Python, Ruby, etc. So an Front End specalist would be well-versed in HTML, CSS and JS. An Back End specialist would be well-versed in technologies for implementing business logic and database management systems.
-
In these days there is an increasing trend towards using a single language to implement the entire stack with JS. So for implementing the front end, would be using frameworks like Angular and the server side using NodeJS. For storage the data could be use MongoDB which stores data in JSON. The information exchange between the server and the client is done using JSON through API REST.
-
-
Why use an JS Framework?
- Use JavaScript frameworks for your prior experience with JavaScript and also perhaps experience with web UI based frameworks like Bootstrap and the use of jQuery. But as the complexity of one app grows, the amount of DOM manipulation that needs to be done becomes significantly complicated. The simple approaches like using the jQuery Library may not sufficiently and this is where the availability of well structured frameworks like Angular.
-
Quick overview of JavaScript frameworks and Angular in particular. Some basics of Angular and how to configure an Angular App using the Angular-CLI.
- Understand the architecture of an Angular application
- Scaffold out a starter Angular application using angular-cli
- How construct Angular component and design it views.
- Use Angular-CLI to scaffold an Angular component
- Construct the Angular component code and the template html