Signup as a Tutor

As a tutor you can connect with more than a million students and grow your network.

Certification course in Angular (3 weeks)

No Reviews Yet

BTM Layout 2nd Stage, Bangalore

Course ID: 33165

BTM Layout 2nd Stage, Bangalore

Students Interested 0 (Seats Left 0)

₹ 12,999

No Reviews Yet

Date and Time

Not decided yet.

Naveen Pete

M.C.A with 17 years of professional experience

About Naveen Pete

He brings 17 years of software development experience in building enterprise-level, distributed and web applications. He has worked with renowned technology MNCs like Honeywell, SunGard and Streamline Healthcare across different domains like Aerospace, Public Sector, Insurance and Healthcare. In addition to being an experienced technical lead, project manager and technical architect, he is also a sought-after speaker in web development conferences.
No reviews currently Be the First to Review

About the Course

About this course


Angular is one of the most popular client-side JavaScript frameworks. It is used to create dynamic, interactive and responsive cross platform applications. It is a full-featured Single Page Application (SPA) framework. This workshop is designed for software professionals who want to learn the basics of Angular 4 and its building blocks in simple and easy steps. It follows a hands-on approach. It is structured around a small sample application. Different concepts will be explained in detail as they are introduced in the application.




Duration



  • 3 weeks certification course.

  • 16 hours of classroom training (also available online via webinar).

  • 15 hours of assignments.

  • 20 hours of final project. 




Schedule


We have monthly batches. Next batch starts Saturday July 8th, 2017. From 10:00 AM to 2:30 PM.




Prerequisites



  • Bring your laptop (Windows, Linux or Mac)

  • Basic Knowledge of HTML & CSS

  • Knowledge of JavaScript language

  • [Optional] Knowledge of TypeScript language




Topics Covered


 


MV* FRAMEWORKS



  • Why do we need a MV* framework?

  • Benefits of a MV* framework


ABOUT ANGULAR



  • What is Angular?

  • Advantages of Angular

  • Where does Angular fit within a modern web app?

  • Traditional web app – Request & response

  • Angular app – Request & response


ARCHITECTURE OVERVIEW



  • Introduction to key building blocks of Angular


TYPESCRIPT



  • What is TypeScript?

  • Why TypeScript?


SETTING UP THE DEVELOPMENT ENVIRONMENT



  • Introduction to Angular CLI

  • Setting up Angular


CREATING AN APP USING ANGULAR CLI



  • Setting up Bootstrap for styling

  • How an Angular app gets loaded and started?


 COMPONENTS & TEMPLATES



  • What is a Component? What are its benefits?

  • The Root component

  • What are Decorators?

  • Understanding the component decorator

  • Creating and using components

  • Component templates

  • Component styles


 DATA BINDING



  • What is Data Binding?

  • Interpolation

  • Property binding

  • Event binding

  • Passing and using event data

  • Two-way data binding

  • Component interaction

  • Parent to child interaction

  • Child to parent interaction


DIRECTIVES



  • Understanding Directives

  • ngIf – Outputting data conditionally

  • ngStyle – Styling elements dynamically

  • ngClass – Applying CSS classes dynamically

  • ngFor – Outputting lists

  • Creating custom directives


 SERVICES & DEPENDENCY INJECTION



  • Need for a Service

  • Creating a service

  • Understanding Dependency Injection (DI) and its benefits

  • Using a service within a component

  • Using a service within another service

  • Cross component interaction using a service


 BUILDING SINGLE PAGE APPS USING ROUTING



  • Need for a Router

  • Setting up and loading routes

  • Navigating with router links

  • Styling active links

  • Navigating programmatically

  • Passing parameters to routes

  • Fetching route parameters

  • Passing query parameters

  • Retrieving query parameters

  • Setting up nested routes


 UNDERSTANDING OBSERVABLES



  • Introduction to Reactive Extensions (RxJS)

  • Observables

  • Creating Observables

  • Using Observable operators

  • Transforming Observables

  • Cancelling Subscriptions


FORMS & VALIDATION



  • Template-driven forms vs Reactive forms

  • Building a form

  • Registering form controls

  • Submitting the form

  • Understanding form state

  • Adding form validation

  • Outputting Validation Error messages

  • Using two-way binding

  • Grouping form controls

  • Resetting forms


 PIPES



  • Introduction to Pipes

  • Using pipes

  • Parameterizing pipes

  • Chaining multiple pipes

  • Creating custom pipes


SERVER COMMUNICATION



  • Introduction to Angular Http service

  • Sending requests to server

  • Getting data from the server

  • Sending data to the server

  • Transform responses with Observable operators

  • Handling Http errors


CAPSTONE PROJECT



  • Implement a product catalog (Angular CRUD Web App).


 

Reviews

No reviews currently Be the First to Review

Discussions

Students Interested 0 (Seats Left 0)

₹ 12,999

Post your requirement and let us connect you with best possible matches for Angular.JS Training Post your requirement now
₹ 12,999 Enquire

Enquire

Submit your enquiry for Certification course in Angular (3 weeks)

Please enter valid question or comment

Please enter your name.

Please enter valid Phone Number

Please enter the Pin Code.

By submitting, you agree to our Terms of use and Privacy Policy

Connect With SkewCode

You have reached a limit!

We only allow 20 Tutor contacts under a category. Please send us an email at support@urbanpro.com for contacting more Tutors.

You Already have an UrbanPro Account

Please Login to continue

Please Enter valid Email or Phone Number

Please Enter your Password

Please Enter valid Password or OTP

Forgot Password? Resend OTP OTP Sent

Sorry, we were not able to find a user with that username and password.

We have sent you an OTP to your register email address and registered number. Please enter OTP as Password to continue

Further Information Received

Thank you for providing more information about your requirement. You will hear back soon from the trainer