UI Development front end

Teklabs delivers you the highest quality of training with hands-on approach and industry recognized curriculum. Training will be provided by our experienced and certified professionals in the respective fields. Training will include exposure to real time work environments and will also prepare you to attend interviews confidently. You do not require prior knowledge for any of the courses listed. We give you an excellent opportunity for enhancing your career in the course of your choice. Each training module in IT consulting and training is specially designed so that by the end of the course you will be ready to face client interviews.

Course Duration:

• 45 Hrs Training
• 8-10 weeks course
• Free - Demo Training available for interested students

Online UI Development (Front end) Training:

• We offer online training through powerful GOTOMeeting
• Prerequisites for Training: Computer with Speaker

AngularJS & React JS Course Content

Web Programming Introduction

HTML:

Introduction HTML Tags Elements Attributes

HTML-Basic Formatting Tags HTML-Grouping Using Div Span HTML-Lists

HTML-Images HTML-tables HTML-hyperlink HTML-iframes

HTML-Form HTML-Layout HTML-video tag

CSS:

CSS Introduction Benefits of CSS Syntax

Selector

How to Add CSS

-inline

-internal

-external

Css Properties CSS Grid

Css animations Css @Media Query

Javascript:

Introduction

Features of Javascript Variables

Local Scope and Global Scope Variables Data Types

Difference between var ,let and Const Functions

Control Statements Events

Regular Expressions Document Object Model(DOM) Page Redirect

Cookies

OOPs Concepts

TypeScript:

Introduction Typescript Compiler Identifiers

Data Types Variables Scopes Operators Functions Strings Arrays

Tuples Interfaces Classes Modules

Angular

Introduction

Single Page Applications Angular Architecture

• Modules
• Components
• Services
• Pipes Angular Project Structure

Angular CLI

Angular Built-In Directives Components

• Dependency Injection
• Template Syntax
• Interpolation {{ }} and these topics :

• interpolation {{...... }}
• Template Expression
• Expression Guidelines
• Template Syntax
• Click event (click)="Expression"
• Introduction to Directives *ngIf
• *ngFor

Two Way Data Binding Built-In Directives:

• Introduction to this Chapter
• NgIf
• NgSwitch
• NgStyle
• NgClass
• NgFor in Details

Introduction to Forms

• Template Driven Forms
• Reactive Forms

HTTP Module Introduction

• HttpModule and HttpClient
• Http Methods

Routing in Angular

@Input decorator @Output Decorator Event Emitters Lazy Loading

Guards In Angular

Auth Guard Role Guard Angular CRUD

Bootstrap in Angular Project

React Js:

Introduction React Features Architecture First Program Components

-Functional Components

-Class Components Modules

JSX CSS

Expressions

Events in Function Components Events in Class components State and Props

React LifeCycle Methods De-structuring

React Hooks Routing

Pure Components

Higher Order Components Code Splitting

Http Methods bootstrap Project

Placement Assistance Provided

• Resume Preparation
• 1-O-1 Feedback Sessions
• Mock Interviews
• Marketing Profile