top of page
Laptop Keyboard

Front End Development

Syllabus for Front End Development 

Module 1:HTML Topics

  • Html Introduction

  • HTML Element

  • Heading Tag

  • Paragraph Tag

  • Text Formatting

  • HR Tag

  • BR Tag

  • PRE Tag

  • Blockquote

  • Comments

  • Background

  • HTML Entites

  • Image

  • Marquee

  • Anchor

  • List

  • list

  • Table

  • Frame

  • iFrame

  • Form

  • Block and Inline Tag

Module 2: CSS Topics

  • CSS Introduction

  • Type of CSS

  • CSS Unite and Color Value 

  • CSS Comments

  • CSS Selector

  • Background Property

  • Font-Property

  • text-Property

  • Border-Property

  • Margin ,Padding ,Outline

  • Pseudo-Property

  • List-Property

  • Font-Property

  • Table-Property

  • Cursor-Property​

  • Float ,Clear ,Dimension

  • Display-Property,Position-Property

  • Layer,Opacity ,Overflow

  • Layout Structure

  • How To Desine Navigation Bar

  • How To Desine Image Gallery

  • How To Apply CSS on Form

  • Layout

Module 3: HTML 5 Topics

  • HTML5 Introduction

  • Diffrence Between HTML5 And HTMl

  • Semntic Element

  • Media element

  • Form -Input

  • Form -Element

  • Introduction To SVG

  • SVG-Reactangle

  • SVG-Circle ,Ellipse,Polyline,Polygon

  • SVG-Path ,Text ,Gradient

  • SVG-Fill Pattern

  • SVG-Clip Path

  • SVG-Mask ,Stroke

  • SVG-Animation

  • SVG-Transformation

  • SVG-View Port

  • Inroducton To Canvas

  • Canvas Rectangle ,Arc ,Circle

  • Canvas Bezier curve

  • Canvas Quadratic curve

  • Canvas Path .Image ,Text

  • Canvas Gradient

  • Canvas Shadow

  • Drag And Drop

  • Geolocation

  • Web Storage

Module 4: CSS3 Topics

  • CSS3 Introduction   

  • CSS3 Unite and Color Value

  • CSS3 Background Property

  • CSS3 Font-Property

  • Border-Property

  • CSS3 Box-Sizing

  • CSS3 Shadow

  • Multiple Coloum Layout

  • CSS3 User Interface

  • CSS3 Gradient

  • CSS3 Transion

  • CSS3 2D & 3D Transformation

  • CSS3 Text Effect

  • CSS3 Button

  • CSS3 Media Queries

  • CSS3 Media Queries Lyout

  • CSS3 FlexBox

  • CSS3 FlexBox layout

  • CSS3 grid

  • CSS3 Grid layout

Module 5: Javascript Topics

  • Introduction JavaScript

  • Output Statement

  • Variable

  • Hoisting

  • Operater

  • Conditional Statement

  • Looping statement

  • Keyword

  • Function

  • Array​

  • Event

  • Diaglog Box

  • Print Function

  • Object

  • Date,Math,Num

  • DOM

  • BOM

  • Image Object

  • Form Validation

  • Exception Handling

Module 6: Jquery Topics

  • Introduction JQuerry   

  • Basic Selector

  • Positional Selector

  • Relational Selector

  • Attribute Selector

  • Form Selectort

  • Custom Selector

  • Event

  • Effect

  • Manipultion

  • Plugin & Traversing

  • Vertical Menu

  • Drop Down Menu

  • Autocomplete

  • Add And Remove Class

  • Scroll Top

  • Popup Form

  • Accordion

  • JQuerry Dialog

  • Form Validation

Module 7: Bootstrap Topics

  • Introduction Bootstrap

  • Bootstrap Grid System

  • Bootstrap Container

  • Bootstrap Row

  • Bootstrap Basic tag

  • Bootstrap Text Style

  • Background Style

  • Bootstrap Text Aline

  • Text transform

  • Bootstrap Text nowrap

  • Bootstrap Image

  • Bootstrap Table

  • Bootstrap List

  • Bootstrap Icon

  • Bootstrap Form

  • Bootstrap Button

  • Button Group

  • Plugin & Traversing

  • Vertical Menu

  • Drop Down Menu

  • Autocomplete

  • Add And Remove Class

  • Scroll Top

  • Popup Form

  • Accordion

  • JQuerry Dialog

  • Form Validation

  • Bootstrap Spinner

  • Bootstrap Helper Class

  • Bootstrap Card

  • Media object & Tables

  • Modals

  • Project1 -Flexbox

  • Bootstrap -Assignment 1

  • Bootstrap -Assignment 2

  • Bootstrap Project 1

  • Bootstrap Project 2

  • Bootstrap Project 3

bottom of page