Front End Development Course in Chennai

1. Introduction To HTML5
2. Limitations of HTML4
3. Introduction and Advantages of HTML5
4. First HTML5 Document
5. Overview of New Features of HTML5
6. Page Layout Semantic Elements
7. Header
8. Navigation
9. Section & Articles
10. Footer
11. Aside and more
12. Form Elements And Attributes
13. New Input Types
14. New Elements in Form
15. New Attributes in Form Tag
16. New Attributes in <input> Tag
17. Working With Canvas
18. Coordinates
19. Path and Curves
20. Drawing Lines, Rectangles, and Circles
21. Text and Font
22. Color Gradations
23. Drawing Images
24. Scalable Vector Graphics (SVG)
25. Understanding SVG
26. Benefits of SVG
27. Using SVG Tag
28. Comparing with Canvas
29. Media – Audio And Video
30. Audio and Source tags
31. Video and Source tags
32. Track tag
33. Mime types supported
34. Browser Compatibility
35. Programming using Javascript
36. Drag And Drop
37. Drag and Drop Events
38. Programming using JavaScript
39. Web Storage
40. Overview
41. Local Storage
42. Session Storage
43. Browser Compatibility
44. HTML APIs
45. HTML Geolocation
46. HTML Drag/Drop
47. HTML Web Storage
48. HTML Web Workers

1. Working With CSS3
2. Introduction to CSS3
3. Selectors
4. Box Model
5. CSS3 Borders
6. Working with border-radius
7. Working with box-shadow
8. Working with border-image
9. CSS3 Backgrounds
10. Background-size
11. Background-origin
12. CSS3 Gradients
13. Linear Gradients
14. Radial Gradients
15. CSS3 Text Effects
16. Text
17. -shadow
18. Word
19. -wrap
20. CSS3 Web Fonts
21. Creating custom fonts
22. Font Descriptors
23. CSS3 2D Transforms
24. Working with translate
25. Working with rotate
26. Working with scale
27. Working with skew
28. Working with matrix
29. CSS3 3D Transforms
30. Working with rotateX
31. Working with rotateY
32. CSS3 Transitions And Animations
33. Working with Animations
34. Working with Transitions

1. JS Introduction
2. JS Where To
3. JS Output
4. JS Statements
5. JS Syntax
6. JS Comments
7. JS Variables
8. JS Operators
9. JS Arithmetic
10. JS Assignment
11. JS Data Types
12. JS Functions
13. JS Objects
14. JS Scope
15. JS Events
16. JS Strings
17. JS String Methods
18. JS Numbers
19. JS Number Methods
20. JS Math
21. JS Random
22. JS Dates
23. JS Date Formats
24. JS Date Methods
25. JS Arrays
26. JS Array Methods
27. JS Array Sort
28. JS Booleans
29. JS Comparisons
30. JS Conditions
31. JS Switch
32. JS Loop For
33. JS Loop While
34. JS Break
35. JS Type Conversion
36. JS Bitwise
37. JS RegExp
38. JS Errors
39. JS Debugging
40. JS Hoisting
41. JS Strict Mode
42. JS Style Guide
43. JS Best Practices
44. JS Mistakes
45. JS Performance
46. JS Reserved Words
47. JS Versions
48. JS JSON
49. JS Forms
50. JS Forms
51. Forms API
52. JS Objects
53. Object Definitions
54. Object Properties
55. Object Methods
56. Object Constructors
57. Object Prototypes
58. JS Functions
59. Function Definitions
60. Function Parameters
61. Function Invocation
62. Function Call
63. Function Apply
64. Function Closures
65. JS HTML DOM
66. DOM Intro
67. DOM Methods
68. DOM Document
69. DOM Elements
70. DOM HTML
71. DOM CSS
72. DOM Animations
73. DOM Events
74. DOM Event Listener
75. DOM Navigation
76. DOM Nodes
77. DOM Collections
78. DOM Node Lists
79. JS Browser BOM
80. JS Window
81. JS Screen
82. JS Location
83. JS History
84. JS Navigator
85. JS Popup Alert
86. JS Timing
87. JS Cookies
88. JS AJAX
89. AJAX Intro
90. AJAX XMLHttp
91. AJAX Request
92. AJAX Response
93. AJAX XML File
94. AJAX PHP AJAX ASP
95. AJAX Database
96. AJAX Applications
97. AJAX Examples
98. JS JSON
99. JSON Intro
100. JSON Syntax
101. JSON vs XML
102. JSON Data Types
103. JSON Objects
104. JSON Arrays
105. JSON Parse
106. JSON Stringify
107. JSON PHP
108. JSON HTML
109. JSON
110. JSONP
111. JS
112. Examples
113. JS Examples
114. JS HTML DOM
115. JS HTML Input
116. JS HTML Objects
117. JS HTML Events
118. JS Browser

Introduction

• Javascript Resource
• ECMAScript Language Specification
• Course Plan

Scope

• Scope and the JavaScript Compiler
• Compiling Function Scope
• Execution of Function Code
• Scope and Execution Example
• Function Declarations, Function Expressions, and Block Scope
• Lexical Scope
• Cheating Lexical Scope: eval
• IIFE Pattern
• IIFE Pattern Questions
• Block Scope in ES6
• Problems with the Let Keyword
• Dynamic Scope
• Quiz: Scope
• Hoisting
• Exercise 1: Solution
• This Keyword
• Binding Confusion
• Explicit Binding
• The New Keyword
• Quiz: this

Closure

• Closures
• Closure Examples
• More Closure Examples
• Module Patterns
• Quiz: Closure
• Exercise 2
• Exercise 2 Solution

Object Orienting

• Prototype
• Prototypes Explained, Part 1
• Prototypes Explained, Part 2
• Prototype Linkages
• Prototype: Objects Linked
• Linked Prototype Diagram
• Quiz: Prototype Behavior
• Exercise 3
• Exercise 3: Solution

Inheritance

• OLOO
• OLOO Questions
• Quiz: Prototype Unit
• Exercise 4
• Exercise 4 Solution

Async Patterns

• Callbacks
• Solving Callback Problems
• Generators
• Promises
• sequence
• Quiz: Async Patterns
• Exercise 5
• Exercise 5 Solution

1. Introduction
2. What is Angular
3. The Architecture of Angular Apps
4. Setting Up the Development Environment
5. Your First Angular App
6. Structure of Angular Projects
7. Webpack
8. Angular Version History
9. Quiz 1: Angular Basics

1. Introduction
2. What is TypeScript?
3. Your First TypeScript Program
4. Declaring Variables
5. Types
6. Type Assertions
7. Arrow Functions
8. Interfaces
9. Classes
10. Objects
11. Constructors
12. Access Modifiers
13. Access Modifiers in Constructor Parameters
14. Properties
15. Modules
16. Exercise

• Introduction
• Building Blocks of Angular Apps
• Components
• Generating Components Using Angular CLI
• Templates
• Directives
• Services
• Dependency Injection
• Generating Services Using Angular CLI
• Assignment 1: List of Authors

1. Introduction
2. Property Binding
3. Attribute Binding
4. Adding Bootstrap
5. Class Binding
6. Style Binding
7. Event Binding
8. Event Filtering
9. Template Variables
10. Two-way Binding
11. Pipes
12. Custom Pipes
13. Assignment 2: Favorite Component
14. Assignment 3: Title Casing

1. Introduction
2. Component API
3. Input Properties
4. Aliasing Input Properties
5. Output Properties
6. Passing Event Data
7. Aliasing Output Properties
8. Templates
9. Styles
10. View Encapsulation
11. ngContent
12. ngContainer
13. Assignment 4: Like Component

• Introduction
• ngIf
• Hidden Property
• ngSwitchCase
• ngFor
• ngFor and Change Detection
• ngFor and Trackby
• The Leading Asterisk
• ngClass
• ngStyle
• Safe Traversal Operator
• Creating Custom Directives
• Assignment 5: Exercise: ZippyComponent

1. Introduction
2. Building a Bootstrap Form
3. Types of Forms
4. ngModel
5. Adding Validation
6. Specific Validation Errors
7. Styling Invalid Input Fields
8. Cleaner Templates
9. ngForm
10. ngModelGroup
11. Control Classes and Directives
12. Disabling the Submit Button
13. Working with Checkboxes
14. Working with Drop-down Lists
15. Working with Radio Buttons
16. Assignment 6: Course Form

1. Introduction
2. Building a Bootstrap Form
3. Creating Controls Programmatically
4. Adding Validation
5. Specific Validation Errors
6. Implementing Custom Validation
7. Asynchronous Operations
8. Asynchronous Validators
9. Showing a Loader Image
10. Validating the Form Input Upon Submit
11. Nested FormGroups
12. FormArray
13. FormBuilder
14. Quick Recap
15. Assignment 7: Change Password Form

1. Introduction
2. JSONPlaceHolder
3. Getting Data
4. Creating Data
5. Updating Data
6. Deleting Data
7. OnInit Interface
8. Separation of Concerns
9. Extracting a Service
10. Handling Errors
11. Handling Unexpected Errors
12. Handling Expected Errors
13. Throwing Application-specific Errors
14. Handling Bad Request Errors
15. Importing Observable Operators and Factory Methods
16. Global Error Handling
17. Extracting a Reusable Error Handling Method
18. Extracting a Reusable Data Service
19. The Map Operator
20. Optimistic vs Pessimistic Updates
21. Observables vs Promises
22. Assignment 8: GitHub Followers Page

1. Introduction
2. Routing in a Nutshell
3. Configuring Routes
4. RouterOutlet
5. RouterLink
6. RouterLinkActive
7. Getting the Route Parameters
8. Why Route Parameters Are Observables
9. Routes with Multiple Parameters
10. Query Parameters
11. Subscribing to Multiple Observables
12. The SwitchMap Operator
13. Programmatic Navigation
14. Assignment 9: Blog Archives

1. Introduction
2. Application Overview
3. Architecture
4. JSON Web Tokens
5. Starter Code
6. Implementing Login
7. Implementing Logout
8. Showing or Hiding Elements
9. Showing or Hiding Elements based on the User's Role
10. Getting the Current User
11. CanActivate Interface
12. Redirecting Users After Logging In
13. Protecting Routes Based on the User's Role
14. Accessing Protected API Resources Quick Recap

1. Introduction
2. Preparing for Deployment
3. JIT vs AOT Compilation
4. Angular Compiler in Action
5. Building Applications with Angular CLI
6. Environments
7. Adding Custom Environments
8. Linting with Angular CLI
9. Linting in VSCode
10. Other Deployment Options
11. Deploying to GitHub Pages
12. Deploying to Firebase
13. Heroku
14. Deploying to Heroku
15. Engines