Front End Development Training
Front End Development Training in Chennai
Description
Skifter education provides front end development training with practical sessions and real-time projects. Our front end development course concentrates on a basic level to advanced level training with in-depth concepts. It assists you in becoming an expert front end developer.
- Introduction to Web Technology & Web Editors
- HTML5 / CSS3 / JavaScript - Introduction to the Core Concepts
- Bootstrap / jQuery - Introduction to Frameworks
- Whats New in HTML5?
- HTML5 Doctype / HTML5 Document Structure
- UTF-8 Character Encoding
- HTML Character Entities
- Head Tag and Elements inside the Head Tag
- Meta Tags & What are they used for?
- Creating a Website Project in HTML Editor
- Understanding Basic Tags / Elements and Attributes
- Working with Basic Tags and Font Formatting Tags
- Understanding Block Level Tags, Inline Tags & Empty Tags
- Introduction to CSS3 / Types of CSS and Significance
- Heading Tags
- Paragraph Tags & Multiple Columns
- Adding Basic Styles using HTML Attributes and CSS Styles
- Importing External Fonts
- Inserting Images & Image Attributes
- Working with Image Sprites
- Working with Links & Link Attributes / Link States using Pseudo Classes
- Working with Lists & List Attributes
- Understanding CSS Selector
- Creating Navigation Bars using Lists
- Working with Tables & Table Attributes
- HTML5 Table Elements
- Styling Tables using CSS & CSS Selectors
- Understanding Blocks - Div Block
- Styling Div Blocks
- Understanding Box Model - Margins / Paddings / Borders / Border-Radius / Outlines
- Positioning Div Blocks & HTML Elements
- Adding Box Shadows / Text Shadows
- Adding Background Colors / Gradients / Background Images
- CSS Overflow Property
- Understanding Document Outline in HTML5
- HTML5 Semantic Tags
- Semantic Elements for Document Outlining
- Keypoints about Document Outlining
- Media Queries Common Device Breakpoints
- Meta Viewport Tag
- Better Understanding the Grid System to Design Responsive Websites
- Apply Media Queries Based on Viewport Sizes
- Adjusting Layout Based on Orientation
- Flex Display Type
- Order
- Flex Direction
- Flex Grow
- Flex Wrap
- Flex Shrink
- Align Flex Content
- Keyframes & Animation Property
- Animation Timing Functions
- Animation Delay
- Multi Step Transitions
- Animation Iteration Count
- Animation Direction
- Cross Browser Animation Support
- 2D Transforms
- 3D Transforms
- Perspective
- 3D Transform Functions
- Filp Cards
- Backface Visibility
- HTML5 Form Elements
- HTML5 Form Attributes
- HTML5 Form Validation Attributes
- Patterns for Form Validation in HTML5
- Embedding Google Maps
- Audio / Video Elements
- Audio & Video Attributes
- Introduction to Bootstrap
- Working with CDN Links & Advantages
- Bootstrap Grid Systems & Terminologies
- Glyphicons & Font Awesome
- Bootstrap Classes
- Bootstrap Image Classes
- Introduction to Bootstrap
- Working with CDN Links & Advantages
- Bootstrap Grid Systems & Terminologies
- Glyphicons & Font Awesome
- Bootstrap Classes
- Bootstrap Image Classes
- Bootstrap Forms & Modals
- Bootstrap Scrollspy
- Bootstrap Navigation
- Bootstrap Carousel
- JavaScript Introduction & Role as Client Scripting Language
- Variables, Loops & Control Statements
- Arrays / Array Sorting Methods
- Creating Functions / Working with JavaScript Inbuilt Functions
- Scope
- Closures
- Regular Expression
- Form Validation
- Events
- DOM Methods
- Manipulating HTML Elements using DOM
- DOM Styling
- Creating HTML Elements using DOM
- Google Maps
- Geolocation
- Drag & Drop
- jQuery Introduction
- jQuery Effects
- jQuery Animate Function
- jQuery Chaining
- jQuery Callback Functions
- Add Elements
- Insert Elements
- Remove Elements
- Append Elements
- Add Class
- Toggle Class
- Events Types & Event Handlers
- Window Events
- Form Events
- Mouse Events
- Keyboard Events
- Accordion
- Datepicker
- Tabs
- Slider
- Progressbar
- Autocomplete
- Introduction
- What is in Angular2
- Creating an Angular 2 Project
- Editing our First App
- Understanding the Project Structure
- Why TypeScript. What is TypeScript
- Getting Started with Components
- How an Angular 2 App gets started
- Understanding AppModules
- Using Templates & Styles
- First Summary
- Creating a new Component
- What are Directives
- Attribute Directives
- Building a Custom Attribute Directive
- Element Interaction with HostListener & HostBinding
- Directive Property Binding
- ngIf
- ngFor
- ngSwitch
- What are Services
- Example - Logging Service
- What is Dependency Injection
- Example - Injecting the Logging Service
- Services & AppModules
- Introduction to the Angular 2 Router
- Setting up Routes
- Loading Routes
- Navigation with Links
- Understanding Navigation Paths
- Redirecting Request
- Styling Active Route Links
- Introduction to Forms in Angular 2
- Template-Driven Approach Basics
- Registering Controls (Template-Driven)
- Submitting a Form and Using the Output (Template-Driven)
- Form Properties
- Input Validation (Template-Driven)
- What are Pipes
- Using Pipes
- Parametrizing Pipes
- Pipe Documentation
- Chaining Pipes
- Http & Observables
- Required Adjustments in this Module
- Demo Data Source - Firebase Setup
- Sending a GET Request
- Using NgModules
- VIEW FIRST - About this Section
- About the New Project Structure
- Intro & What to Deploy
- Setting up an App for Deployment
- Deploying to Github Pages with the Angular 2 CLI
- Intro
- Installation
- New Project - ng new and ng init
- Building your Project - ng build & ng serve
- Understanding the Project Structure
- Linting your Code - ng lint
- Unit Tests - ng test
- Managing Project Content - ng generate & ng destroy
- Putting it into Production - ng build and ng github-pages
- Learning More - ng --help and Wrap Up
- Uploading local application to live server
- Handling Cpanel
- Handling Filezilla