UI Developer Training

• Html Introduction And Its Use In Websites
• Introduction Of Html 
• Differences Between Html4 & Html5 
• Elements / Tags 
• Attributes And With Practical Examples 
• Forms 
• Tables 
• Audio And Video 
• Html5 New Elements

• Css Introduction And Its Use In Websites
• Css Implementations In Html 
• Animation Properties 
• Background Properties 
• Text Properties 
• Layout Properties 
• Selectors 
• Elements 
• Attributes 
• Psuedo Classes 
• Animation Effects 

• Bootstrap Basic 
• Fixed Layouts 
• Responsive Layouts 
• Tables 
• Images 
• Buttons 
• Forms 
• Glypicons 
• Navigations
• Helper Classes 
• Modal Dialog Boxes 
• Carousels

• Introduction 
• Basic Concepts 
• Conditional Statements 
• Loop Statements 
• Functions 
• Dom And Event Handlers 
• Working With Forms 
• Object Oriented Programming 
• Advanced Concepts – Prototype, Closures, Apply(), Call() Etc., 

• Attributes 
• Content And Css Manipulations 
• Dom 
• Events 
• Effects 
• Animations 
• And More! 

• $.Ajax() Method 
• Jqxhr (Jquery Xmlhttprequest) Vs. Xhr (Xmlhttprequest) 
• Invoking Jquery Ajax Http Methods 
• Synchronous Vs. Asynchronous Communication 
• Jquery Ajax Global Event Handlers 

1. $.Ajaxsend() 
2. $.Ajaxstart() 
3. $.Ajaxstop() 
4. $.Ajaxsuccess() 
5. $.Ajaxerror() 
6. $.Ajaxcomplete() 

• Using $.Ajaxsetup() To Globalize Parameters
• Using $.Ajaxprefilter() To Filter Ajax Requests 
• Other Ajax Powered Functions In Jquery 
• $.Get() And $.Post() Functions 
• $.Load() Function 
• $.Getscript() 

• Introduction 
• Json Vs Xml 
• Json Object 
• Json Array 
• Ajax Json 

• What is a SPA? What is Angular? 

1. o Single Page Apps VS Conventional Web Applications 
2. o Where Angular Fits 
3. o Angular-9 is arrived (what’s new) 

• Preparing for Type Script 

1. o Brief Intro to TypeScript 
2. o The TypeScript Module System 
3. o Getting Setup 
4. o Project Setup 
5. o String Templates 
6. o Const 
7. o Let 
8. o Rest & Spread Operators 
9. o Arrow Functions 
10. o Maps 
11. o Sets 
12. o Interface 
13. o Generics 
14. o New Object Features 
15. o Classes 
16. o Destructing 
17. o Typescript decorators

• Building with Components 

1. o A Trivial Component 
2. o Nested Components 
3. o Deeper Nesting 
4. Bootstrap Scaffolding 
5. o What Is Bootstrap? 
6. o Bootstrap File Structure 
7. o Basic HTML Template 
8. o Global Styles 
9. o Default Grid System 
10. o Fluid Grid System 
11. o Bootstrap CSS 
12. o Typography 
13. o Code 
14. o Tables 
15. o Forms 
16. o Buttons 
17. o Images 
18. o Icons 
     

• Angular Binding and Events 

1. Templates 
2. Bindings 
3. Event Bindings 
4. Two-way Binding 
5. Class and Style Bindings 
6. Built-in Directives 
7. Component Data Binding 
8. Component Events 
9. Ng-model 
10. Introduction to webpack/systemJS Dependency Injection and services 
11. Why Dependency Injection? 
12. Injection API
13. Component Multi Providers 
14. Injection Multi Providers 
15. Services Overview 
16. Creating a Service 
17. Injecting a Service 
18. Directives 
19. Introduction and Examples 
20. Directives Overview 
21. Attribute Directives 
22. Custom Attribute Directive 
23. Structural Directives 
24. Structural Directive: ngIf 
25. Structural Directive: ngFor 
26. Structural Directive: ngSwitch o Custom Structural Directive 

Pipes

1. Using Pipes 
2. Creating Pipes 
3. Built-in Pipes 
4. Chaining Pipes 
5. Custom Pipes 
6. Stateful Pipes 

Forms 

1. Controls 
2. Control groups 
3. Form Builder 
4. Template Driven Approach 
5. Data Driven Approach 

• Routing

1. Introduction and Use 
2. Creating and configuring Routes o Imperative Routing 
3. Routing Parameters 
4. Child Routes
5. Routing Lifecycle Hooks 
6. Setting up Firebase 
7. HTTP POST Request 
8. HTTP GET Request 
9. HTTP, Promises, and Observables 
10. Promises – still available, still useful 
11. Calling an API via HTTP 
12. Introduction to Observables 
13. Observable Bindings 
14. Observables Operator 

• Testing 

1. Unit Testing 
2. End to End Testing 
3. Angular-9 new features (Add-on) 
4. Else Template Conditions 
5. Animation Module 
6. Typescript’s StrictNullChecks 
7. Angular Universal 

• FESM 

1. Angular2 to Angular9 migrartion 
2. Router ParamMap 
3. TypeScript 2.1/2.2