Build awesome web apps using Angular 7
Offered By: Skillshare
Course Description
Overview
Learn Angular 7 from scratch. Your confidence level rises from 0 to 80% just in 5 hours.
The Angular framework is used to create scalable, enterprise, and performant client-side web applications. It provides an ecosystem for development of client-side web applications. The ecosystem for development may include external tools or libraries as well. The ecosystem process includes project bootstrapping, development operations/tools, testing, and build support.
One of the best features of Angular framework is that it is quite flexible when it comes to usage of external libraries apart from the scalability it provides. With Angular framework adoption being high, performance management of the application is community driven indirectly driving better job opportunities. The Angular Certification Training aims at covering all these new concepts around Enterprise Application Development.
Syllabus
- Welcome to this course
- What you are expected to know?
- Required software setup
- How to use examples?
- What is angular?
- Creating our first app using Angular CLI
- Creating an angular app from scratch
- Overview of an Angular compnent
- Using Angular CLI to generate new components
- Demo - Click counter app
- Overview of Directives
- Demo ngForOf, ngIf, ngStyle and ngClass
- Demo ngSwitch
- Demo - custom directive
- Creating the basic structure of our phonebook app
- Creating the ContactDetailsComponent
- Introduction to pipes and creating a custom pipe
- Creating a custom pipe to display the age from birth date
- Assignment - Create custom pipes for padding a string with some characters
- Creating the ContactsService injectable class
- Setting up the /contacts REST endpoint
- Consuming the REST endpoint in our service
- Writing CRUD operations in the ContactsService injectable
- Displaying the list of all contacts using NgForOf directive
- Route configuration and changing views
- Accessing the route parameters in ContactListComponent
- Deleting a contact
- Template-driven vs Model-driven (Reactive) forms
- Working with a template-driven form for adding new contacts
- Validating user inputs in a template-driven form
- Editing a contact using reactive form
- Validating user inputs in a reactive form
- Integrating jQuery (for pagination on scroll)
- Using SweetAlert for beautiful dialog boxes
- Building and deploying
- JIT and AOT compilation
- Conclusion
Taught by
Vinod Kumar
Related Courses
Learn Angular Routing by building a Cocktails ApplicationCoursera Project Network via Coursera Build ATM User Interface using Routing in Angular
Coursera Project Network via Coursera Cloud Networking
University of Illinois at Urbana-Champaign via Coursera Learn AngularJS 1.X
Codecademy Computer Networks
University of Washington via Coursera