
Explore Angular, a popular web application framework built on Typekit, and learn its component-based architecture, including modules, components, services, directives, pipes, guards, and interceptors for a single page application.
Define what a single page application is and how it differs from traditional pages. Contrast it with traditional pages and show Angular using Ajax to update views without full reloads.
Explore how Angular component-based development organizes an app into reusable components, such as cards, sidebars, tables, and buttons, to reduce complexity and enable independent, plug-and-play pieces.
Set up Angular development by installing Node.js, Angular CLI, and TypeScript, then configure npm and a code editor to scaffold components, services, and modules.
Install and configure VS Code and WebStorm for angular development by downloading from official sites, choosing 64-bit installers, enabling desktop shortcuts, adjusting fonts, and adding a material icons plugin.
Create a workspace on your desktop, set up a folder, and use Angular CLI to run ng new for your first app, choose routing and scss styles, then install packages.
Understand how the root Angular module bootstraps the app with the root component via a custom selector in index.html, and how the folder structure, assets, and main.ts support it.
Learn to create an app component in Angular, define its metadata, selector, template, and styles, and apply both component-specific and global styles with data binding via interpolation.
Create a custom Angular card component, generate its files with the Angular CLI, and declare it in the app module; then style the component with global CSS.
Learn to configure bootstrap in an Angular application by backing up your project, installing bootstrap via npm, and updating angular.json with the proper styles and bootstrap bundle references.
Configure Google fonts in your Angular app by linking and importing fonts, then apply a global font-family; install and configure Font Awesome icons via npm.
This course will explain the Angular latest version with full of practical examples on each topic. This course will help the beginners and professionals to gain practical knowledge to clear interviews and also to survive in the software development as an angular developer.
Myself NAVEEN SAGGAM , I am the owner of UiBrains Technologies YouTube channel. This course is designed to help you in learning the complete JavaScript programming language. This course suits to both the beginners & professionals. This course is unique and it contains each concept with a practical example to make understand in a better manner and this will also provides you a hands on experience. All the concepts explained here are by me are the best of my knowledge and experience in the subject.
This course is a quick jumpstart on the most popular JavaScript framework called Angular. This course will boost your interest in learning Angular with fun and interesting examples on each topic which will improve your confidence in Angular application development. This will also provides a hands on experience on Angular.
In this course you will learn from the basics of angular to advanced concepts of Angular.
This Course will cover the following concepts of Angular.
01. Introduction to Angular
02. what is Single Page Application
03 component based development
04 Software Installation
05 VS code Webstrom Installtion
06 first application in angular
07 the folder structure walk through
08 how to apply styles to app component
09 first component with css styles
10 Bootstrap Configuration to Angular App
11 font awesome icons configuration
12 Bootstrap cards example
13 Angular Data Bindings
14 events Handling Counter example
15 Events Handling Wish Message
16 Events Handling Product Item
17 Events Handling Shopping Cart
18 angular forms binding manual
19 Angular Forms Binding Auto
20 angular forms binding sms app
21 Angular Forms Binding Show Password
22 Angular Foms Binding amount range
23 angular forms binding theme selector
24 Angular Forms binding registration form
25 Angular structural directives
26 Angular Structural Directives Ngfor
27 Angular Nested Components Interaction
28 Angular with Pipes
29 Angular Services
30 Angular with Observables
31 Angular with Server Connection
32 Angular Http with Error Handling
33 Angular Contact Application 1
34 Angular Contact Application 2
35 Angular Router Configuration
36 Angular Router Page Design
37 Angular router REST API Configuration
38 Angular Routing Service Configuration
39 Angular routing Dynamic Router
40 Angular routing Redirection