Web Designing & Development Course in Chennai

trainer

Meet Prasanna, working at CTS with 5+ years of experience as Web Developer & has worked in more than 20 development projects. He will be conducting either a part of or the entire web development course for you at Web D School.

Web Design & Development Course (Web D Pro)


Getting started - Why should you learn Web design & development?

Web is the future! Websites have now become an important tool for a business in increasing its sales & revenue, as most of the customers today make their purchase decision based on the company’s website. The web designing & development industry is growing rapidly, & if you are looking to become an all-round web professional by mastering both the ‘Front-end Designing’ & ‘Back-end Development’ of a website, this course Web D Pro would be ideal for you.

What is website design?

In simpler terms, website design means planning, constructing and updating of websites. In technical terms, web designing is the process of creating a site, where the process involves information architecture, web graphic design, website structure, user interface, navigation ergonomics, website layout, colors, contrasts, fonts, images & icons, authoring using standardized codes, user experience design & Search engine optimization.

What is web development?

Once the website is designed, you may want to make it more purposeful & interactive by adding few functions like Lead generation form, Chat option, Discussion board, Auto-calculations, Data storage etc. The task of coding or programming that enables website functionality is termed as Web development & it mainly deals with the non-design aspect of building websites. Web development ranges from creating plain text pages to complex Web-based applications, client-side/server-side scripting, social network applications, electronic business applications, network security configuration etc.

Web D Pro course @ Web D School

Our Web designing & development training program (Web D Pro) has been designed in such a holistic manner that it makes those students taking the course a thorough professional by the end of it. This web design & development course is totally job-oriented with more prominence being given to practical sessions.

By the end of the web design & development course, the student would have worked on few real-time projects as part of his/her training program, & they would receive regular assessment of their works from the industry professionals. We assist the students in designing & developing an advanced website as their final project, which would serve as their showreel & help them secure a good job.

There are many institutes that offer web design & development courses in Chennai, but Web D School has marched ahead of all of them to become the No.1 institute, by offering the best quality training coupled with numerous value additions.


Advanced Web D Pro Training Modules

  • Introdution to Photoshop
  • Photoshop Tools & Layout Design
  • Understanding Grid System
  • Understanding Various Design Layout
  • Creating Layouts using Grid System
  • Understanding Color Palette
  • Working with Styles
  • Automation
  • Animation using Photoshop
  • Slicing Layouts & Preparing for HTML Conversion

  • 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 Dreamweaver
  • 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
  • Adding Box Shadows / Text Shadows
  • Positioning Div Blocks & HTML Elements
  • 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 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 / Vimeo 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

  • Bootstrap Forms & Modals
  • Bootstrap Scrollspy
  • Bootstrap Navigation
  • Bootstrap Carousel

  • JavaScript Introduction & Role as Client Scripting Language
  • Variables, Loops & Control Statements
  • rrays / 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

  • Accessing XML Data using JavaScript
  • Accessing JSON Data using JavaScript

  • 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

  • Filtering
  • Tree Traversal

  • jQuery Ajax Methods
  • GET
  • POST
  • LOAD

  • Introduction to CMS and Word Press
  • Download and install Word Press
  • Download themes and customization
  • Categories and Tags
  • Multimedia in WP
  • Page vs. Post and its content type
  • Download and working with plugins

  • cPanel controls and options
  • Creating Database online using cPanel
  • Web Hosting
  • FTP Upload Options

  • Difference between Web Design and Web Development
  • What is Angular JS
  • Migrating to Angular 2+

  • Introduction to Angular
  • What is Angular 6?
  • Why Angular?

  • Getting Started with TypeScript
  • Working with tsc
  • TypeScript Features
  • TypeScript Classess
  • Function: Inferring the types
  • Interfaces
  • Generic Types
  • Generic Classes
  • Generic Constraints
  • Decorators
  • Property, Class, Parameter Decorators
  • Exports
  • External Modules
  • Namespace & Mixins

  • Setting up Environment
  • Setting up an Angular Application

  • Basics of component
  • Component Decorator
  • Component Decorator details
  • Creating Components
  • Passing data to a Component
  • Responding to Component Events
  • Component Lifecycle
  • Advantage and limitations of component

  • One Way & Two Way Data Binding
  • Understanding Modules
  • Angular Bootstrap Process

  • Two way data binding with ngModel
  • User Input
  • Form Controls in Angular
  • Controls and Control Groups
  • Form & NgForm
  • Validation & Error Handling
  • CSS-Forms

  • Dependency Injection
  • Why dependency injection?
  • Dependency Injection Usage
  • Configuring the injector
  • Injectable Decorators
  • Dependency Injection Tokens

  • Attribute Directives
  • Difference between Directives and Component
  • Create new Attribute Directives
  • Structural Directives
  • Creating Structural Directives
  • Directive Metadata
  • Directive Types

  • Chaining pipes
  • Parameters in Pipe
  • Custom Pipe
  • Async Pipes
  • Built In Pipes

  • Basic introduction to Router
  • Route configuration
  • RouteConfig,RouterLink,RouterOutlet
  • Child Routes

  • Services in Angular 2
  • Injecting the HeroService
  • An Overview on Providers
  • Example on Services

  • Event Emitter Class
  • Emit Method & Next Method
  • Subscribe Method

  • Observables
  • The RxJS Library
  • Observables in Angular
  • Practical Usage

  • What is PHP?
  • The History of PHP
  • Setting up your Local Host
  • Installing PHP, Apache, MySQL using WAMP Server

  • PHP Statements
  • Inserting Code Comments
  • Variables & Literals
  • Data Types
  • Declaring and using Constants
  • Understanding Variable Scope
  • Operators

  • Indexed Array
  • Associative Array
  • Multidimensional Array
  • Array Functions

  • If Statements
  • Else & Elseif Statements
  • For, While & Do-While
  • Switch Statement

  • Defining Functions
  • Function Arguments
  • Returning Values from a Function
  • Multiple Return Values
  • Scope and Global Variables
  • Setting Default Argument Values

  • Building Forms
  • Detecting Form Submissions
  • Single
  • Page Form Processing
  • Validating Form Values
  • Problems with Validation Logic
  • Displaying Validation Errors
  • Custom Validation Functions

  • Understanding File & Directory
  • Opening & Closing a File
  • Coping, Renaming & Deleting a File
  • Working with Directories
  • File Uploading & Downloading

  • Require()
  • Include()

  • Concepts & Basics of OOP
  • Classes
  • Class Methods
  • Instances of Classes
  • Class Properties
  • Instances of Classes
  • Class Properties
  • Inheritance
  • Access Modifiers
  • Static Modifiers
  • Constructors & Destructors

  • Understanding
  • Exception & Error
  • Try, Catch & Throw

  • Working with Cookies
  • Setting Cookie Values
  • Reading Coolie Values
  • Unsetting Cookie Values
  • Working with Sessions

  • Configuring PHP for Uploads
  • Sending File as Form Data
  • Inspecting Uploaded Files
  • Error Checking
  • Moving Uploads

  • Concepts of Pagination
  • Limit, Offset & Count
  • Pagination Variables
  • Pagination Class
  • Paginating Photograph
  • Paginating Links

  • Configuration of PHP for Email
  • Sending Email
  • Headers
  • Reviewing SMTP
  • PHP Mailer
  • Building Notifications

  • Basics Directory Structure
  • Creating Database
  • Creating Tables
  • Fields & Indexes
  • Writing SQL Queries
  • Creating Views
  • Subqueries, Joins & Unions
  • Backup & Disaster Recovery

  • Data Manipulation Language
  • Data Definition Language
  • Sub-Queries

  • Inserting Records
  • Updating Records
  • Deleting Records
  • Using Built-In Functions

  • mysql_connect
  • mysql_error
  • mysql_select _db

Not many institutes have such an extensive assessment plan, as it’s time consuming & needs a lot of well-coordinated effort to conduct them. But Web D School is not like other institutes & we understand how important such assessment of learning outcomes are, for the students. We conduct periodical assessments & the results will be evaluated to identify ways to enhance the training environment and improve student skills.

Web Designing Course Assessment

Adobe Photoshop
Practical Assessment - 1 Web Template Designing
Online Test Q & A Type / 50 Marks / 2 Hrs

HTML / CSS
Practical Assessment - 1 PSD to HTML Conversion - Creating a Non Responsive site
Practical Assessment - 2 PSD to HTML Conversion - Creating a Responsive site using Media Query
Online Test Q & A Type / 50 Marks / 2 Hrs

Bootstrap
Practical Assessment - 1 Creating a Responsive Site

JavaScript / jQuery
Practical Assessment - 1 Form Validation
Online Test Q & A Type / 50 Marks / 2 Hrs

Web Development Course Assessment

PHP / MySQL
Practical Assessment - 1 Creating a basic login page
Practical Assessment - 2 Creating a form to add and validate data
Practical Assessment - 3 Creating a complete frontend to add / edit / update / delete data a database with validation
Online Test Q & A Type / 50 Marks / 2 Hrs

Wordpress
Practical Assessment - 1 Installing & implementing a wordpress theme
Online Test Q & A Type / 50 Marks / 2 Hrs


Final Assessment
Full Course Online Test - 50 Marks / 2 Hrs
Final Portfolio Development - Student Showreel Correction
Mockup Job Interview

Skill Enhancement Sessions - Web Design & Development Module

  • HTML eMail Creation
  • SEO Basics
  • Working with Various Animation Frameworks in CSS ( Animate.CSS / Bounce.CSS / Hover.CSS / CSShake.CSS )
  • Ajax Principles
  • Introduction to AngularJS
  • Creating a Color-Scheme-Switcher Web Template
  • Payment Gateway Integration - WooCommerce
  • Magento - Basics
  • Overview of Joomla & Drupal
  • Various PHP Frameworks - Outline
  • MVC Architecture
Kindly Note these skill enhancement topics are not part of the curriculum & they are subject to change from time to time. Web D School covers these topics as Seminars / Workshop & the students can attend them to gain the additional knowledge, if they are interested.

Software

Career Opportunities

Course Duration

Requirements

  • Passion for the designing field & basic knowledge in computers.

This Web D Pro, at Web D School, will make you a professional designer & it shall open a lot of doors for you, in terms of career options, in the web designing & development field.

Please call us at 9791333350 to get more details about our web design & development course in Chennai or kindly contact us through our enquiry form.


The WEB D ADVANTAGE

Unlimited Lab Hours - No restrictions on lab hours as we allow you to practice for long hours on all 7 days in a week.

eBooks / Library Videos - Exclusive reference material for our students (only for select courses).

Student Assessment - We conduct regular assessment of Students works to understand their progress. Check our student works here to know our training standards.

Dedicated Placement Cell - It takes care of everything related to placement like Creating a good resume, Sharing interview tips, Conducting mock-up interviews, Scheduling interviews etc. Check our placement record here.

Saturday events - We conduct a seminar / contest / workshop every Saturday to increase the all-round knowledge of our students. Check our recent events here.

Portfolio Development - An excellent final project helps in securing a good job, & we provide our fullest support to the students in developing a fine portfolio.

Excellent Experience - We strive for excellence in everything we do & want all our students to have a delightful experience studying with us. Check their experience at Web D School here.

Click here to check out all our Students Works

Back to Top