Course Details

WEB

DESIGNING

Course Overview

So, when a web designer is given an end goal like “create a webpage that has this header, this font, these colors, these pictures, and an animated unicorn walking across the screen when users click on this button,” the web designer’s job is to take that big idea and break it apart into tiny pieces, and then translate these pieces into instructions that the computer can understand — including putting all these instructions in the correct order or syntax

Course lessons

HTML introduction
HTML structure
HTML elements
HTML attributes
HTML Comments
HTML tags

head body 
heading 
paragraph,blockquote,quotes 
bold, italic, underline
big, small, strong ins,del,strike,sub,sup

mark tag,marquee

HTML Lists

  • order list
  • unorder list
  • Nested list
  • Nested list example

HTML Media
HTML audio, video,iframe

Table

  • tr th td thead tbody Tags
  • Row colums tags
  • Rowspan
  • colspan

Image

Link

form

CSS Introduction

1. CSS Types

  • inline css with example
  • internal css with example
  • External Css with example

Color,Background

Box-Model

  • margin
  • padding
  • border
  • outline

Class
Id

Text-fonts-icons

Div tag
Hover
header navigation bar

Dropdown 

Image gallery

Gradients

2D-3D transform,transition

Animations


website Layout

template

website

  • Responsive Web Design – Introduction
  • The Viewport
  • Grid-View
  • Media Queries
  • Images
  • Videos
  • Frameworks
  • Templates
  • Grid View
  • Offset
  • Reordering
  • Nesting
  • Margin & Padding
  • Flex 
  • Dipslay Utitiles
  • color & background-color
  • Pagination & Breadcrumbs
  • Tables
  • Image
  • Buttons
  • List
  • Border and Shadow
  • Card
  • Media Object
  • Badges
  • Spinners
  • Progress Bar
  • Jumbotron
  • Dropdowns
  • Tootip
  • Popover
  • Alert
  • Collapse & Accordion
  • Carousel
  • Toast
  • Navbar
  • Forms
  • Modal
  • ScrollSpy

javascript introduction

how to apply

variable

data type
Operator

  • Arithmetic
  • Assignment
  • Comparison
  • Logical
  • Increment/Decrement

conditional statement

  • if
  • if else
  • if else if else
  • ladder if else
  • nested if else

loops

  • while
  • do while
  • for

Switch Statement
Function
Arrays method

Object

Events

  • Onclick
  • ondoubleclick
  • onContextmenu
  • onkeyup
  • onkeydown
  • onkeypress
  • onmouseover
  • onmouseout
  • onblur
  • onfocus
  • onchange
  • onsubmit
  • onload
  • onresize

Dom

Bom

Navigator

GoBack,Forward

Alert box

Confirm box

promt box

calculator
Error-handling
validation

  • name
  • mobile
  • email
  • password
  • jQuery Tutorial
    • Intro
    • Syntax
    • Selector
    • Events
  • jQuery Effects
    • Hide/Show
    • Fade
    • Slide
    • Animate
    • Stop()
    • Callback
    • Chaining
  • jQuery HTML
    • Get
    • Set
    • Add
    • Remove
    • CSS Classes
    • CSS()
    • Dimensions
  • jQuery Traversing
    • Traversing
    • Ancestors
    • Descendants
    • siblings
    • Filtering

Our Newsletter

© 2022 H&B Computer Education