Home /Frontend Development/Web Designing Training Program

Master key concepts of web designing. Enroll today to learn from a skilled web designer.

Master the fundamentals of data analytics and learn how to use it for retrieval of business insights.

our top hiring companies

Deloitte
Flipkart
Amazon
Accenture
IBM
Deloitte
Deloitte
Flipkart
Amazon
Accenture
IBM
Deloitte

Book A Free Counselling Session

we train you to get hired.

bag-box-form
Request more information_
Flag ✕ ▾

CURRICULUM & PROJECTS

Web Designing Training Program

    HTML

    • What is HTML
    • What is a Web Browser
    • What are Versions of HTML
    • What can you Do with HTML
    • HTML Development Environments
    • Writing Code with a Text Editor

    Review of HTML Elements

    • Rules of Syntax
    • Making your Code Readable
    • Making your Code XHTML Compliant
    • Building a Document
    • Using Colors
    • Adding Color to your Page
    • Using Headings
    • Using Paragraphs
    • Aligning Block-Level Elements

    Inserting Spaces and Line Breaks

    • Displaying Preformatted Text
    • Formatting with Inline Elements
    • Controlling Fonts
    • Introducing List Elements
    • Creating Unordered Lists
    • Creating Ordered Lists

    What is an HTML Table

    • Building a Table
    • Cell Padding and Cell Spacing
    • Controlling Table and Cell Width
    • Aligning a Table on the Page
    • Aligning Tables and Text
    • Aligning Table Data
    • Spanning Columns and Rows

    Creating a Hyperlink

    • Understanding and Using URLs
    • Linking to a Web Document
    • Linking to a Local Document
    • Linking to Anchors
    • Opening a New Browser Window

    Image Formats

    • Inserting Inline Images, Image Map, Sprite Image
    • Aligning and Formatting Images
    • Using Images to Anchor Links
    • Creating a Look-and-Feel
    • Sizing Images
    • Using Transparent Images
    • Using GIF Animation

    Forms and Controls

    • Forms and Form Elements
    • Form Actions, Form Methods, Form Design
Get full course syllabus in your inbox

    Introduction

    • Laying out a page with HTML5
    • Page Structure
    • New HTML5 Structural Tags
    • Page Simplification

    Html 5 - How we got here

    • New Features of HTML5
    • The HTML5 Spec(s)
    • Current State of Browser Support

    Sections and Articles

    • The section Tag
    • The article Tag
    • Outlining
    • Accessibility

    Html5 Audio and Video

    • Supported Media Types
    • The audio Element
    • The video Element

    Html5 Forms

    • New Input Types

    Html5 New Form Attributes

    • autocomplete
    • novalidate

    Html5 New Form Field Attributes

    • required
    • placeholder
    • autofocus
    • autocomplete
    • form
    • pattern

    HTML 5 - How we got here

    • New Features of HTML5
    • The HTML5 Semantic Element
    • Current State of Browser Support

    SECTIONS AND ARTICLES

    • The section Tag
    • The article Tag
    • The header Tag
    • The Footer Tag
Get full course syllabus in your inbox

    Introduction of CSS

    CSS Syntax

    CSS Comments

    CSS Types

    • Inline
    • Internal
    • External

    CSS Selector

    • ID
    • Class
    • Attribute
    • Grouping
    • Universal

    CSS Color

    • RGB Value
    • Hex Value
    • Color Name

    Background

    • background-color
    • background-repeat
    • background-attachement
    • background position
    • background-size
    • background-image

    CSS Margin

    • Margin-top
    • Margin-bottom
    • Margin-left
    • Margin-Right

    CSS Padding

    • Padding -top
    • Padding -bottom
    • Padding -left
    • Padding Right

    Outline

    • Outline-style
    • Outline-color
    • Outline Width
    • Outline-Offset
    • Outline Shorthand Property

    CSS Height and Width

    CSS Display properties

    CSS Position Properties

    CSS Overflow

    CSS Float and Clear

    Pseudo Class and Element

Get full course syllabus in your inbox

    Introduction to CSS 3

    • Border
    • border-radius

    CSS Shadows

    • Text-shadow
    • Box-shadow

    Transitions

    • transition
    • transition-delay
    • transition-duration
    • transition-property

    2D Transforms

    • transform
    • matrix ()
    • translate (x, y)
    • scale (x, y)
    • rotate(angle)
    • skew (x-angle, y-angle)

    Animations

    • @keyframes
    • animation
    • animation-direction
    • animation-duration
    • animation-name

    Selectors

    • CSS combinations
    • Pseudo Elements

    Gradients

    • Linear Gradients
    • Radial Gradients

    User Interface

    • resize
    • box-sizing
    • outline-offset

    CSS Filters

    • Blur
    • Opacity

    Media Query

    • What is Responsive Web Design
    • Intro to the Viewport
    • The Viewport Tag
    • Media Queries
    • Tablet Styles
    • Mobile Styles
    • Making a Mobile Drop-down Menu

    Web Fonts

    • @font-face
    • font-family
    • src
    • font-stretch
    • font-style
    • font-weight

    Flexbox

    • flex-grow
    • flex-shrink
    • flex-basis
    • flex
    • flex-wrap
    • flex-direction
    • flex-flow
    • justify-content
    • align-items
    • order
Get full course syllabus in your inbox

    Introduction to JavaScript

    • Syntax
    • Statements
    • Comments

    Enabling in various browsers Popup Boxes

    • Alert
    • Confirm
    • Prompt

    Variables

    Operators

    • Arithmetic
    • Assignment
    • Comparison
    • Logical
    • Relational
    • Ternary

    Conditional Statements

    • If else
    • if...else if...else
    • nested if
    • Switch
    • Loops
    • While
    • do...while
    • for
    • for...in Statement
    • Break
    • Continue

    Functions

    • User-defined Functions
    • Function Syntax
    • Function with Arguments
    • Returning Values from Functions
    • Built-in Functions

    Events

    • Introduction
    • Mouse
    • Events
    • Keyboard Events
    • Form Events
    • Document/Window Events

    Built-in Objects

    • Number
    • Strings
    • Math
    • Array
    • Date
    • Boolean
    • Reg exp use in form validation
Get full course syllabus in your inbox

    Getting Started with jQuery

    Selecting Elements

    Manipulating the Page

    Traversing the DOM and Chaining

    Handling Events

    Enhancing with Animation Effects

    JQuery Hide/show

    jQuery toggle()

    jQuery Slide method

    jQuery Fade method

    jQuery stop()

    jQuery Callback and Chaining

    jQuery text(),html() and val()

    jQuery css()

    jQuery addClass(),removeClass(),toggleClass()

    jQuery Best Practices

Get full course syllabus in your inbox

    Introduction

    • Introduction of Bootstrap
    • What needs for Bootstrap
    • Our First Web Page
    • What's Inside
    • Scripts and Styles
    • Bootstrap CDN Link
    • Summary

    Layout with Bootstrap

    • Introduction
    • Grid Layouts
    • Simple Layout
    • Fixed Grids
    • Responsive Design
    • Responsive Utilities
    • Summary

    Everyday Bootstrap

    • Introduction
    • Typography
    • Tables
    • Forms
    • Buttons
    • Images and Icons
    • Summary

    Bootstrap Component

    • Introductions
    • Drop down Menu
    • Buttons with Menus
    • Tabs and Pill
    • The Navbars
    • Badges
    • Summary

    Bootstrap and JavaScript

    • Introduction
    • More Buttons
    • Modals
    • Tooltips and Popovers
    • Carousel
    • Summary
Get full course syllabus in your inbox

Get full course syllabus in your inbox

Not Just Studying

We’re Doing Much More!

Empowering Learning Through Real Experiences and Innovation

chartCareer Transition stairsCareer Gap offersPlacement Activities play-btnPlacement Drives box-fileLatest Hiring whatsapp-iconWhats App Reviews
job-post.webp
job-post.webp
job-post.webp
job-post.webp
job-post.webp
job-post.webp
placement-drive
placement-drive
placement-drive
placement-drive
placement-drive
placement-drive
Get exclusive
access to career resources
upon completion
quote
Mock Session

You will get certificate after
completion of program

laptop.webp
LMS Learning

You will get certificate after
completion of program

star
Career Support

You will get certificate after
completion of program

Download Curriculum

Get a peek through the entire curriculum designed that ensures Placement Guidance