Web Design & Development (Short)

Web Design & Development (Short)


Course packages:

Technology

 

Description

C-Shard Based

:

HTML, CSS, JavaScript, Basic C# & ASP.NET & SQL with a project completion.

PHP Based

:

HTML, CSS, JavaScript, Basic PHP & MySQL with a project completion.

 

Environment Installation (Required Software’s):

Title

 

Description

Coder

:

Notepad++, Microsoft Studio Code, Sublime Text, Adobe Dream Dreamweaver CC, Bluefish and so on.

IDE

:

Microsoft Visual Studio, Net Beans, Atom, PhpStrom and so on.

Web Browser

:

Mozilla Firefox, Google Chrome, Microsoft Edge, Opera, Safari and so on.

Other Tools

:

Re-Sharper, Color Piker, Snipping and other associative tools

 

Necessary Websites:

1.     www.w3schools.com

2.     https://getbootstrap.com/

3.     https://fontawesome.com/

4.     www.tutorialspoint.com

5.     www.javatpoint.com

6.     https://docs.microsoft.com

7.     https://msdn.microsoft.com

8.     https://www.microsoft.com/net

9.     https://dotnetfoundation.org

 

Books & Manuals:

S/L

Name

Author/Publication

1.      

The C# programming language 4e

Anders Hejlsberg

2.      

Programming C# 4.0

Ian Griffitbs, Mattbew Adams & Jesse Liberty

3.      

Beginning C# 6 Programming

Benjamin Perklins & Hammer

4.      

C# Programming OOP

Tutorialspoint

And also you may take help from others associative books & manuals from internet…

 

Module#01 (HTML)

Class#01:

Introduction of HTML with brief history. What is tags? Basic structure of a webpage.

 

Class#02:

Basic Tags:

ü  html

ü  head

ü  meta

ü  title

ü  link

ü  body

ü  section

ü  div

ü  span

ü  nav

ü  links

ü  images

ü  tables

ü  lists

ü  header

ü  footer

ü  marquee

ü  iframes

ü  script

ü  heading

ü  break

ü  hr

 

 

 

Class#03: Form Tags & Multimedia:

Form:

ü  Forms

ü  Inputs

ü  Elements

ü  Attributes

Multimedia:

ü  Video

ü  Audio

ü  Plugin

ü  Youtube

ü  Plugins

 

Class#04: Graphics & APIs:

Graphics:

ü  Canvas

ü  SVG

ü  Google Maps

 

APIs:

ü  Geolocation

ü  Drag/Drop

ü  Web Storage

ü  Web Workers

ü  SSE

 

Class#05: Examination:

We have gathered a variety of HTML exercises (with answers) for each HTML Chapter.

Test/Exam/Feedback:

The test contains 40 questions and there is no time limit. The test is not official, it's just a nice way to see how much you know, or don't know, about HTML.

 

Module#02 (CSS)

Class#06 (01):

Introduction of CSS with brief history.

CSS Types:

There are three ways of inserting a style sheet:

       i.          Inline

     ii.          Internal

    iii.          External

CSS Syntax

 

Class#07 (02): Properties/Events/Attributes:

ü  Color

ü  Background

ü  Border

ü  Margin

ü  Padding

ü  Height

ü  Width

ü  Bg-Color

ü  Border-Radius

ü  Texts

ü  Fonts

ü  Icon

ü  Link

ü  List

ü  Table

ü  Display

ü  Max-Height

ü  Max-Width

ü  Position

ü  Overflow

ü  Float

ü  Inline Block

ü  Align

ü  Combinator

ü  Pseudo Class

ü  Pseudo Element

ü  Opacity

ü  Navigation Bar

ü  Dropdown

ü  Image Gallery

ü  Image Sprites

ü  Form

ü  Counter

ü  Website Layout

ü  Unit

ü  Specificity

 

Class#08 (03): Advanced CSS:

ü  Rounded Corners

ü  Border Images

ü  Background

ü  Color

ü  Gradient

ü  Shadow

ü  Text Effect

ü  Web Font

ü  2d Transform

ü  3d Transform

ü  Transition

ü  Animation

ü  Tooltips

ü  Style Images

ü  Object Fit

ü  Button

ü  Pagination

ü  Multi Column

ü  User Interface

ü  Variables

ü  Box Sizing

ü  Flexbox

ü  Media Queries

ü  Media Queries

 

Class#09 (04): CSS Responsive:

ü  viewport

ü  grid view

ü  media queries

ü  images

ü  video

ü  framework

ü  template

 

CSS Grid:

ü  container

ü  item

 

 

 

Class#10 (05): Examination:

We have gathered a variety of CSS exercises (with answers) for each CSS Chapter.

Test/Exam/Feedback:

The test contains 40 questions and there is no time limit. The test is not official, it's just a nice way to see how much you know, or don't know, about CSS.

 

Module#03 (JavaScript’s, Pop-up)

Class#11 (01):

Introduction of JavaScript’s, brief history, evaluation discussion is libraries.

Syntax JavaScript’s

ü  outputs

ü  statements

ü  comment

ü  variables

ü  operators

ü  function

ü  parameters

ü  argument

ü  if else

ü  conditions

ü  get element by id

ü  get element by tag

ü  get element by class

ü  switch case

ü  loops

ü  eval function

ü  methods

ü  array

ü  switch

ü  comparison

ü  iteration

 

Class#12 (02): Advanced JavaScript

ü  ParseInt

ü  ParseFloat

ü  ParseString

ü  This Element

ü  Class and Object

ü  Class & Object

ü  Handling String

ü  Handling Number

ü  Handling Math

ü  Handling Math

ü  Handling Array

ü  Form Validation

ü  Advanced Form Validation

ü  Confirm Function

ü  Confirm Function

ü  Image Slider

ü  Popup Page

ü  Printing Option Creation

ü  Dropdown Menu

ü  JSON Format, & Auto Select

Random URL

 

Module#04 (Bootstrap, Font Awesome & Animate)

ü  Containers

ü  Responsive Breakpoints

ü  Grid System

ü  Grid Options

ü  Gutters

ü  Alignment

ü  Column Wrapping

ü  Column Breaks

ü  Reordering

ü  Offsetting Columns

ü  Margin Utilities

ü  Nesting

ü  Cards

ü  Sizing

ü  Navigation

ü  Image Caps

ü  Card Styles

ü  Border

ü  Mixins Utilities

ü  Card Layout

ü  Carousel

ü  Collapse

ü  Multiple Targets

ü  Accordion

ü  Dropdowns

ü  Single Button

ü  Split Button

ü  Menu Items

ü  Active

ü  Forms

ü  Form Controls

ü  Range Inputs

ü  Checkboxes

ü  Radios

ü  Form Row

ü  Basic Example

ü  Wrapping

ü  Jumbotron

ü  Breadcrumb

ü  Buttons

ü  Navbar

ü  Pagination

ü  Popovers

ü  Progress

ü  Scrollspy

ü  Spinner

ü  Embeds

ü  Z-Index

 

Module#05 (ASP.NET / PHP)-Development

ASP.NET

ü  Control Statement

ü  Function

ü  Array

ü  Object Class

ü  Properties

ü  Inheritance

ü  Polymorphism

ü  Abstraction

ü  Namespaces

ü  Strings

ü  Exception Handling

ü  File I/O

ü  Collections

ü  Generics

ü  Delegates

ü  Reflection

ü  Razor

ü  Multithreading

ü  Synchronization

ü  Web Forms

ü  Validation

ü  MVC

ü  Anonymous Function

 

PHP

ü  Control Statement

ü  Function

ü  Array

ü  Object Class

ü  Properties

ü  Inheritance

ü  Polymorphism

ü  Abstraction

ü  Namespaces

ü  Strings

ü  Exception Handling

ü  File I/O

ü  Collections

ü  Generics

ü  Delegates

ü  Reflection

ü  Razor

ü  Multithreading

ü  Synchronization

ü  Web Forms

ü  Validation

ü  MVC

ü  Anonymous Function

 


Module#06 (SQL/MySQL)

Introduction of SQL, brief history, evaluation.

What is SQL?  RDBMS Concepts, RDBMS Databases,

Syntax

Data Types

Operators

Expressions

 

DDL - Data Definition Language

CREATE

ALTER

DROP

 

 

DML - Data Manipulation Language

SELECT

INSERT

UPDATE

DELETE

 

DCL - Data Control Language

GRANT

REVOKE

LIKE CLAUSE

TOP CLAUSE

ORDER BY

GROUP BY

DICTICT KEYWORD

SORTING RESULTS

 

Constraints

Using joins

Unions

Null Values

Alias Syntax

Index’s

Alter

Truncate

Using Views

Having

Transactions

Wildcards

Date Functions

Temporary Tables

Clone Tables

Sub Queries

Using Sequences

Handling Duplicates

Injection

 

 

Module#07 (Project)

Course Summery
Course Name Web Design & Development (Short)
Course Type Short Course
Course Duraton Three Months
Course Hour 40
Classes 40
Fee 8000
Co-ordinator
Md Masud Rana

Md Masud Rana

Junior Admin Officer

2 Years