Web Design & Development (Short)

Web Design & Development (Short)


Course Structure: 

Title 

 

Description 

Course Title 

: 

Web Design & Development. 

Trainees 

: 

Max. 10 Trainees/Batch 

Course Duration 

: 

3-Months, 3-Classes/Week. 

Total Class 

: 

Class 36 (Thirty Six) Classes+10%(Class extra) 

Course Fees  

: 

BDT = 30000.00 (Thirty Thousand Taka Only) 

 

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 

 

 

 

 

 

 

 

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