Course description

  • What’s the focus of this course?

    Angular has changed the entire picture of developing a web-based application and has been dominating the entire web market by offering a simplified and sophisticated way to manage the code. It aims to fulfill the expectations of modern developers who demand fast performance and responsiveness in their web applications.

    This Angular training course will help you comprehend and master concepts on Angular like facilitating the development of single-page web applications, dependency injection, typescript, components, directives, model-view-controller, etc. This Angular training course is easy to grasp and enables one to develop robust applications for projects of any scale.

  • What are the course objectives?

    By the end of this Angular online training course, you will comprehend the following:

    • Understand the design of single-page applications and how Angular facilitates their development
    • Understand the Angular architecture
    • Work with TypeScript
    • Develop components, use directives, and work with data binding
    • Work with Service and Dependency Injection
    • Create and validate model-driven forms
    • Work with the Model-View-Controller (MVC)
    • Use HTTP with Observables, routing, and pipes
    • Use custom pipes and directives
    • Perform unit testing
    • Use Angular CLI
    • Develop attractive UI using Bootstrap

  • Why learn Angular?

    • Part of its popularity is its ability to make static Web pages more dynamic, thus allowing web designers to add more tools. Organizations are seeing the benefits of adopting Angular, thus increasing the demand for Angular experts
    • It is a part of MEAN stack. MEAN stack is made up of MongoDB, Express.js, Angular, and Node.js. Since all the components that make up MEAN stack use Javascript for programming, MEAN applications can be written in one language for both client-side & server-side execution
    • Angular training makes use of TypeScript and is much faster and more mobile-oriented than it's predecessor - AngularJS.
    • Angular is maintained by Google and a community of experts acting as a solution for rapid front-end development

  • What project will you be working on?

    Projects for Submission to unlock Certification
     

    • Online Web Test Application - This project will help a developer to create and design an Online Test application in Angular with just a few lines of code.  
    • Online Employee Management Application - Develop CRUD(Create, Read, Update & Display) application using Angular & Bootstrap to design & maintain an Employee Management System. It will deal with few features like create, read, update, display, searching, sorting & filtering employees.
    • User Authentication System - The User Authentication System is created using Angular with NodeJS CRUD and Bootstrap. It provides users with a secure access login and registration to an Angular application. 

  • Who should take this course?

    This Angular training course is ideal for :

    • Aspirants and students who wish to learn UI development
    • UI Developers
    • Technical Project Managers and Technical Leads
    • Full Stack Web Developers
    • QAs, Architects
    • Entrepreneurs or aspiring entrepreneurs who want to learn a state-of-the-art front-end JavaScript framework

  • How will you execute the hands-on?

    You will need to download the following softwares:

    Visual Studio Code editor - IDE
    Node.js 6.x or below

    The detailed installation process will be covered in class by the instructor.

  • What are the prerequisites of this course?

    • Basic understanding of Programming
    • Basic concepts related to JavaScript. We provide a Fundamentals of Javascript as a learning aid on the purchase of this Angular Training course

Course preview

    • Lesson 01 - What is Angular 16:11
      • 1.001 Overview00:52
      • 1.002 Introduction04:35
      • 1.003 Angular Technology Stack05:43
      • 1.004 Advantages of Angular02:31
      • 1.005 Angular Library Components02:17
      • 1.006 Key Takeaways00:13
      • Quiz
    • Lesson 02 - Introduction to TypeScript 55:33
      • 2.001 Overview00:33
      • 2.002 The need for Typescript03:51
      • 2.003 Installation Guide16:25
      • 2.004 Nodemon02:02
      • 2.005 String Template02:43
      • 2.006 var let and const Keyword14:05
      • 2.007 Class Interfaces07:27
      • 2.008 Object Destructuring04:59
      • 2.009 Maps and Sets02:47
      • 2.010 Key Takeaways00:41
      • Quiz
    • Lesson 03 - Angular Features 15:13
      • 3.001 Overview00:09
      • 3.002 Introduction to Angular Features14:27
      • 3.003 Key Takeaways00:37
      • Quiz
    • Lesson 04 - Building with Angular Components 11:23
      • 4.001 Overview00:15
      • 4.002 Angular CLI02:17
      • 4.003 Components01:51
      • 4.004 Nested Components01:48
      • 4.005 Deeper Nesting03:18
      • 4.006 Angular Components Lifecycle01:36
      • 4.007 Key Takeaways00:18
      • Quiz
    • Lesson 05 - Introduction to Bootstrap 10:19
      • 5.001 Overview00:37
      • 5.002 What is Responsive Web Design01:35
      • 5.003 Bootstrap 300:59
      • 5.004 Creating a Responsive Web Application06:51
      • 5.005 Key Takeaways00:17
      • Quiz
    • Lesson 06 - Binding and Events 26:30
      • 6.001 Overview00:17
      • 6.002 Template Model04:51
      • 6.003 Binding16:24
      • 6.004 Builtin Directives03:45
      • 6.005 Basics of Webpack and SystemJS00:51
      • 6.006 Key Takeaways00:22
      • Quiz
    • Lesson 07 - Dependency Injection and Service 10:00
      • 7.001 Overview00:14
      • 7.002 Dependency Injection01:13
      • 7.003 Dependency Injection API01:16
      • 7.004 Service Overview00:36
      • 7.005 Creating a Service06:21
      • 7.006 Key Takeaways00:20
      • Quiz
    • Lesson 08 - Directives 12:55
      • 8.001 Overview00:14
      • 8.002 Angular Directives00:25
      • 8.003 Types of Directives03:14
      • 8.004 Built-in Angular Directives02:03
      • 8.005 Custom Attribute Directives05:29
      • 8.006 Custom Structural Directives01:08
      • 8.007 Key Takeaways00:22
      • Quiz
    • Lesson 09 - Pipes 05:30
      • 9.001 Overview00:14
      • 9.002 What are Pipes00:53
      • 9.003 Built-in Pipes02:17
      • 9.004 Custom Pipes01:51
      • 9.005 Key Takeaways00:15
      • Quiz
    • Lesson 10 - Forms 14:33
      • 10.001 Overview00:15
      • 10.002 Angular Form Benefits02:55
      • 10.003 Template driven Approach04:02
      • 10.004 Angular Validation01:43
      • 10.005 Model driven Approach05:13
      • 10.006 Key Takeaways00:25
      • Quiz
    • Lesson 11 - Routing 12:10
      • 11.001 Overview00:15
      • 11.002 Routers00:30
      • 11.003 Single Page Application01:07
      • 11.004 NgModule00:21
      • 11.005 Router Basics02:50
      • 11.006 Parameter Routing02:05
      • 11.007 Child Routes02:12
      • 11.008 Router Lifecycle Hooks02:32
      • 11.009 Key Takeaways00:18
      • Quiz
    • Lesson 12 - HTTP Promises and Observables 22:59
      • 12.001 Overview00:21
      • 12.002 Working with RxJS06:57
      • 12.003 Angular Interaction with HTTP Get08:04
      • 12.004 HTTP Post01:54
      • 12.005 Difference between Observables vs Promises05:12
      • 12.006 Key Takeaways00:31
      • Quiz
    • Lesson 13 - Testing 18:16
      • 13.001 Overview00:22
      • 13.002 Tools and Setup00:16
      • 13.003 Testing Angular Class01:45
      • 13.004 Angular Unit Testing with TestBed06:35
      • 13.005 Testing Service02:20
      • 13.006 Testing DOM05:04
      • 13.007 E2E Testing01:36
      • 13.008 Key Takeaways00:18
      • Quiz
    • Fundamentals Of JavaScript 2:43:31
      • 1.1 Course Materials00:25
      • 1.2 What Is Javascript02:12
      • 1.3 Internal Vs. External04:13
      • 1.4 Comments03:06
      • 1.5 document.write()04:46
      • 1.6 Alert And Confirm04:25
      • 1.7 Prompting For Info04:08
      • 1.8 Variables04:42
      • 1.9 Conjugation04:06
      • 1.10 Arithmetic06:23
      • 1.11 Redirecting And New Windows07:28
      • 1.12 Empty Links02:57
      • 1.13 String Manipulation07:18
      • 1.14 Comparisons10:57
      • 1.15 If Else Statements10:09
      • 1.16 Else If Statements06:07
      • 1.17 Switch Statements06:34
      • 1.18 Functions17:16
      • 1.19 Events10:21
      • 1.20 getElementById()13:56
      • 1.21 Escaping05:01
      • 1.22 Arrays09:56
      • 1.23 For Loops06:51
      • 1.24 While Loops04:38
      • 1.25 Breaking Out Of Loops04:20
      • 1.26 Skipping A Loop Cycle01:16
    • Module 01 - Welcome to Starting With Angular 4 05:56
      • 1.1 Course Introduction01:29
      • 1.2 What is Angular01:26
      • 1.3 How this course works01:56
      • 1.4 The Course Outline01:05
    • Module 02 - Let's Get Started 25:27
      • 2.1 Introduction06:28
      • 2.2 What Do We Have Here08:39
      • 2.3 Angular Architecture07:53
      • 2.4 From Scaffold to Application01:22
      • 2.5 Summary01:05
    • Module 03 - Angular Components 14:10
      • 3.1 Introduction04:06
      • 3.2 Create a Components Project01:39
      • 3.3 Working with Components05:28
      • 3.4 Summary02:57
    • Module 04 - Angular Routing 16:16
      • 4.1 Introduction01:30
      • 4.2 Create a Routing Project05:20
      • 4.3 Lets Do Some Routing08:06
      • 4.4 Summary01:20
    • Module 05 - Angular Services 39:26
      • 5.1 Introduction02:10
      • 5.2 Create a Services Project06:05
      • 5.3 Start Building Services07:01
      • 5.4 Wiring Services Up04:02
      • 5.5 Accessing Services08:46
      • 5.6 Service-Enabled Components03:01
      • 5.7 Finalizing our Services Implementation06:40
      • 5.8 Summary01:41
    • Module 06 - Angular Modules 26:46
      • 6.1 Introduction03:47
      • 6.2 Modules Defined04:34
      • 6.3 Refactoring for Modules04:54
      • 6.4 Finish our Modules Refactor09:27
      • 6.5 Summary04:04
    • Module 07 - Styling Angular 18:34
      • 7.1 Introduction02:15
      • 7.2 Integrate the Module04:05
      • 7.3 Style our Components11:08
      • 7.4 Summary01:06
    • Module 08 - Directives and Pipes 12:57
      • 8.1 Introduction02:23
      • 8.2 Directives06:05
      • 8.3 Pipes02:45
      • 8.4 Summary01:44
    • Module 09 - Course Conclusion 04:22
      • 9.1 Course Conclusion01:45
      • 9.2 What Now01:44
      • 9.3 Final Comments00:53
    • {{childObj.title}}
      • {{childObj.childSection.chapter_name}}
        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less

Exam & certification

  • What do I need to do to unlock my Simplilearn certificate?

    Online Classroom:

    • Attend one complete batch
    • Successful completion and evaluation of any one of the given projects

    Online Self-learning:

    • Complete 85% of the course
    • Successful completion and evaluation of any one of the given projects

    Reviews

    Bikash Thapa Magar
    Bikash Thapa Magar Student at Rungta College of Engineering and Technology

    I have enrolled for Full Stack Development from Simplilearn. I found Simplilearn to be the best online training institute with best training courses and full help and support. I am very happy to do my course from here and also planning to join other courses also from Simplilearn. Thank you Simplilearn.

    Read more Read less

    FAQs

    • Who delivers the training?

      All our trainers are certified and are highly qualified, with multiple years of experience in working with front-end development technology.

    • Is this live training, or will I watch pre-recorded videos?

      All the classes are live. They are interactive sessions that enable you to ask questions and participate in discussions during the class time. We do, however, provide recordings of each session you attend for your future reference.

    • Can I cancel my enrolment? Do I get a refund?

      Yes, you can cancel your enrolment if necessary. We will refund the course price after deducting an administration fee. To learn more, you can view our Refund Policy.

    • Are there any group discounts for classroom training programs?

      Yes, we have group discount options for our training programs. Contact us using the form on the right of any page on the Simplilearn website, or select the Live Chat link. Our customer service representatives will give you more details.

    • What payment options are available?

      Payments can be made using any of the following options. You will be emailed a receipt after the payment is made.

      • Visa Credit or Debit card
      • MasterCard
      • American Express
      • Diner’s Club
      • PayPal

    • I’d like to learn more about this training program. Who should I contact?

      Contact us using the form on the right of any page on the Simplilearn website, or select the Live Chat link. Our customer service representatives will give you more details.

    • What is Global Teaching Assistance?

      Our teaching assistants are here to help you get certified in your first attempt.
      They are a dedicated team of subject matter experts to help you at every step and enrich your learning experience from class onboarding to project mentoring and job assistance.
      They engage with the students proactively to ensure the course path is followed.
      Teaching Assistance is available during business hours.

    • What is covered under the 24/7 Support promise?

      We offer 24/7 support through email, chat, and calls.  
      We also have a dedicated team that provides on-demand assistance through our community forum. What’s more, you will have lifetime access to the community forum, even after completion of your course with us.

    • Disclaimer
    • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.