Web Designing Training

Course Overview

Web Designing is evergreen Technology which will be present our information to the whole web world. Our Web Designing training in Anna nagar provides End to End support. It’s really an art while creating a full-fledged Website of a client or for a product. If a website’s design is not up-to the standard it will get very minimum impact to the specific audience.

Our Trainers for Web Designing is famous freelancers and corporate experts. They are working for many multi-billion dollar companies and they know the international standards in web designing. By using the experience of them anyone can learn the basic to complex level website designing in short time period.

Web Design is not just creating web pages to display some image and content. We have to analyse the purpose of that website first. After reviewing the purpose we can have an idea about what we are going to do with that website. Then we have to mix the perfect composition of ideas and creativity into that to build a solid new website for clients. Each a every project should be unique. It will add some more advantage to your portfolio. We are the Best Web Designing Training Institute in Anna nagar with complete structured syllabus. It will match each and every Web Design Companies or Digital Interactive Agencies in Chennai.

Course Features

  • 100 % Placement Assistance
  • Resume Preparation
  • Interview Preparation
  • Missed Sessions Covered
  • Multiple Batches
  • Flexible Timings
  • Practice Course Material
  • Assistance will be provided for web designing certification.


Course Syllabus

FRONTEND DESIGNING
  1. HTML Basic
    • What is Markup Language
    • Basic Structure of HTML
    • Head Section and Elements of Head Section
    • Meta Tags
    • External Link Tags

  2. HTML Elements
    • Basics, Elements , Attributes
    • Paragraphs and Formatting
    • HTML Skeleton, Links
    • The < html > , < body > , < head > , and < title > Elements
    • Creating an HTML Document
    • Basic Content Structure
    • Headings
    • Horizontal Rules
    • Line Breaks
  3. Images
    • Optimizing web graphics-JPEG, GIF & PNG
    • Getting images from Photoshop
    • Embedding Images in a Web Page
    • Using Graphics as Links
    • Using Background Images
    • Setting image properties via HTML
  4. Hyperlinks
    • Href
    • Name
    • Title
    • Rev
    • Methods
    • Target
  5. Lists
    • Creating Unordered (Bulleted) Lists
    • Creating Ordered (Numbered) Lists
    • Nesting Lists
    • Creating Definition List
  6. Div & Tables
    • Creating of Div Tag
    • Creating and Modifying Tables
    • Table Coding Guidelines
    • Formatting Tables
    • Table Headers and Captions
  7. Forms:
    • Name, Action, Method
    • Text, Hidden, Password
    • Radio Button, Checkbox
    • Select, Textarea
    • Submit, Reset, Button
  8. HTML5
    • HTML5 Structural Elements
    • Section, Article, Aside
    • Header, Hgroup
    • Footer, Nav
    • HTML5 Content Elements
    • Figure, Figcaption, Video
    • Audio, Embed, Canvas
    • HTML5 New Application Focused Elements
    • Meter, Details, Summary
    • Progress, Time
    • HTML5 Input Types
    • Color, date, datetime
    • email, month, number
    • range, search, tel
    • time, url, week
    • HTML5 Form Attributes
    • autocomplete
    • novalidate
    • form/formaction
    • autofocus
    • multiple
    • pattern(regexp)
    • placeholder
    • required
  1. Understanding CSS:
    • Versions of CSS
    • Types of CSS Rules
    • CSS and Markup Languages
  2. CSS Basics
    • Adding Styles to an HTML Tag
    • Adding Styles to a Web Page and Web Site
    • Redefining an HTML Tag
    • Defining Classes to Create Your Own Tags
    • Defining IDs to Identify an Object
    • Defining Styles with the Same Rules
    • Adding Comments to CSS
    • Style Sheet Strategies
  3. Font Properties
    • Understanding Typography on the Web
    • Setting the Font Size
    • Making Text Italic and Setting Bold,Bolder, Boldest
    • Creating Small Caps
    • Setting Multiple Font Values
  4. Text Properties
    • Adjusting Text Spacing
    • Setting Text Case
    • Aligning Text Horizontally and Vertically
    • Indenting Paragraphs
    • Setting Text and Foreground Color
    • Decorating Text
    • Setting Text Direction
    • Setting Page Breaks for Printing
  5. Color and Background Properties
    • Choosing Color Palettes
    • Setting Text and Foreground Color
    • Setting a Background Color
    • Setting a Background Image
    • Setting Multiple Background Values
  6. Box Properties
    • Setting an Element’s Margins
    • Setting an Element’s Border
    • Setting an Element’s Outline
    • Setting an Element’s Padding
    • Setting the Width and Height of an Element
  7. CSS Border
    • Border
    • border-width
    • border-color
    • border-style
  8. Positioning
    • static, relative, absolute
    • fixed, z-index
  9. Floating
    • None, left, right
    • Initial,inherits
  10. Pseudo-elements and CSS classes
  11. CSS List
    • list-style
    • list-style-image
    • list-style-position
    • list-style-type
  12. CSS3
    • Border
    • CSS3 Backgrounds
    • CSS3 Gradients
    • CSS3 Shadows
    • CSS3 Text Effects
    • CSS3 Fonts
    • CSS3 2D/3D Transforms
    • CSS3 Transitions
    • CSS3 Animations
    • CSS3 Multiple Columns
  13. Create a Layout Using CSS Property
  1. Statements & Comments
  2. Variables
  3. Data types
  4. Operators
  5. Conditional Statements and Loops
  6. User Defined Functions
  7. HTML Events
    • Window Event Attributes
    • onload
    • onunload
    • Form Events
    • onblur
    • onchange
    • onfocus
    • oninput
    • onselect
    • onsubmit
    • Keyboard Events
    • onkeydown
    • onkeypress
    • onkeyup
    • Mouse Events
    • onclick
    • ondblclick
    • onmouseover
    • onmouseout
    • onmousedown
    • onmouseup
  8. JS Validations
  1. JavaScript Basics
    • Refreshing Basic JavaScript Concepts
    • Defining Functions
    • Arrays & Objects in JS
    • Date & Math Object
    • String Methods
    • Set timeout & Set Interval Function
  2. The DOM Objects
    • Introduction to DOM object
    • DOM Methods
    • Access & Modify HTML through DOM
    • Event Listners
    • DOM Navigation
    • Dynamic Content Handling
    • Session Storage
    • Local Storage
  3. Advance JavaScript Overview
    • Arrays & Objects redefined
    • JS Hoisting for variables & Functions
    • Functions in depth
    • JS Prototype
    • This Keyword in JS
  4. Getting Into Advance JS
    • OOJS concept
    • Classes & Instances
    • Exception Handling in JS
    • Constructors & Inheritance
  1. Introduction
  2. JQuery Syntax
  3. jQuery Selectors
  4. jQuery Events
  5. jQuery Effects
    • jQuery Hide/Show
    • jQuery Fade
    • jQuery Slide
    • jQuery Animate
    • jQuery Stop()
    • jQuery callback
    • jQuery chaining
  6. JQuery HTML
    • jQuery Get
    • jQuery Set
    • jQuery Add
    • jQuery Remove
    • jQuery CSS Classes
    • jQuery CSS
  7. jQuery Misc
    • jQuery noConflict()
  1. AJAX with JavaScript
    • Why AJAX & How it works
    • Syntax (XMLHTTPRequest Object)
    • Sending Requests to server
    • Processing Response
    • AJAX Events
    • Example with PHP Server
  2. JQuery AJAX
    • jQuery load
    • jQuery Get/Post
  1. How to Create a Layout in Bootstrap
    • Grid Classes
  2. Basic Tags in Bootstrap
    • Contextual colors and backgrounds
  3. Table in Bootstrap
    • Bootstrap Basic Tables
    • Striped Rows
    • Bordered Table
    • Hover Rows
    • Condensed Table
    • Contextual Classes
    • Responsive Tables
  4. Navigation bar in Bootstrap
    • Inverted Navigation Bar
    • Fixed Navigation Bar
    • Navigation Bar with Dropdown
    • Right-aligned Navigation Bar
    • Collapsing the Navigation Bar
  5. Form bar in Bootstrap
    • Vertical Form
    • Horizontal Form
    • Inline Form
  6. Buttons in Bootstrap
    • Button Styles
    • Button Sizes
    • Block Level Buttons
    • Active/Disabled Buttons
  7. Images in Bootstrap
    • Rounded Corners Image
    • Circle Image
    • Thumbnail Image

Angular JS
  1. Getting Started
    • Introduction
    • What is Angular 2?
    • How Angular Works ?
    • Difference between Angular and Other Framework
    • Advantages of AngularJS
  2. Typescript
    • What is typescript?
    • Compare typescript with Javascript
    • Data Types & Variables
    • Variable & Operators
    • Control Structure and Decision making & loops
    • Typescript Functions & Strings
    • Typescript Object
    • Class , Abstract Class
    • Constructor Method
    • Type of Assertion
    • Interfaces
  3. Application setup
    • Installing Angular JS
    • Configuration of Angular JS
    • Creating an Angular 2 project
    • Creating an Angular 2 project using CLI
  4. NodeJS
    • Setup
    • Commands
    • What is NPMM
    • Install Nom for Angular.
  5. Architecture
    • Module
    • Component
    • Template
    • Metadata
    • Data binding
    • Directive
      • Attribute Directive
      • Structural Directive
    • Services
    • Dependency Injection
  6. Directives
    • Understanding Directives
    • Directives Overview
    • Different kinds of directives
    • Build attribute directive
    • Apply the attribute directive to an element in a template
    • Respond to user-initiated events
    • Pass value into the directive with an @Input data binding
    • Custom Attribute Directive
  7. Structural And Attribute Directive
    • What is structural directive?
      • NgIf case study
      • NgFor,NgSwitch
    • What is attribute Directives
      • Using the NgStyle Directive
      • Using the NgClass Directive
      • The <'template'> element
  8. Service
    • What is service?
    • Create a service
    • Understanding Services Injecting Concepts
    • Async service and promise
    • Introduction to Observable
    • What is web service
    • how to create web service
    • how to consume rest service
    • posting data to client server architecture
    • Introduction to Material Design
    • Introduction to card Material Design .
    • What is Json Server .
    • Install json server and run and up into your local machine
    • crud operation using son server.
  9. Dependency Injection
    • Why dependency injection?
    • Angular dependency injection
    • Injector provider
  10. Data Binding
    • Interpolation
    • Property binding
    • Event binding
    • Attribute binding
    • Class binding
    • Style binding
    • Multiple components & passing data
  11. Display data
    • Class Binding
    • Style Binding
    • Event Binding
    • Two-way Binding
    • Component Data Binding
    • Component Events
    • Ng-Model
  12. User input
    • Binding to user input events
    • Get user input from the $event object
    • Get user input from a template reference variable
    • Key event filtering (with key.enter)
  13. Form
    • Types of Forms in Angular4
    • Introduction to Template Driven Forms.
    • Validation of Template Driven Forms.
    • Introduction Model Driven Forms.
    • Validation of Model Driven Forms.
    • Two way data binding using ngModel.
    • Model Driven Forms With Form Builder
    • How to post data via a angular forms with rest service.
  14. Pipes
    • Introduction to Pipes
    • Why pipes are useful.
    • Type of pipes
    • Built-in pipes
    • parametrised pipes
    • how to create custom pipes
  15. Router
    • Setting Up Router
    • Imperative Routing
    • Route Parameter
    • Child Routing
ANGULAR 4 & 5
  1. Angular4
    • Features of angular 4
    • Animation package
    • Angular Universal
    • Typescript 2.1 and 2.2 compatibility
    • Flat ES Modules (Flat ESM/FSEM)
    • Upgrading from angular 2 to 4
  2. Angular 5:
    • What is new in Angular 5?
    • Introduction to Build optimizer.
    • New Router Lifecycle Events in Angular 5
    • Service Workers in Angular 5
    • Deprecations and Other Updates
Ionic 3 (Building mobile apps for IOS+Android+Windows ) using Angular
    • Installing the Ionic 3 CLI
    • Creating a New Project with the Ionic 3 CLI
    • Listing Project Templates
    • Running our Project in the Browser and on a Device
    • Using Live Reload on a Device
    • Generating Project Components with the Ionic CLI
    • Getting Environment Information with Io
    • Accessing the Ionic Documentation
    • Creating an Ionic.io Account
    • Authenticating to Ionic.io Within the CLI
    • Creating an Application on the Ionic.io Platform
    • Using Ionic View to Run Your Application on a Device
    • Generating Splash Screen and Icon With the CLI–
    • Getting Started with Ionic 3
    • Creating an Ionic Application
    • Serving the Application
    • Folder Structure
    • Your First Application
    • Ionic Document Flow
    • Challenge - Create an Ionic Application
    • Run Your Application in a Browser

Inquire Now



Student's Reviews about Greens