Professional Web Design
& Development

Home / Professional Web Design & Development Course

Professional Web Design & Development

Professional Web Design & Development

This course will provide hands-on training from the very basics of web design to the basic level of Responsive Web Design, PHP, MySQL and WordPress to the advanced level so that after completion of the training all the students can work successfully in professional jobs or in freelancing marketplace.

Course Module

Career Opportunity

Almost all the general marketplaces have a Web Design & Development category. After completing this course successfully, you get enabled to work in many marketplaces, including the following:

Class Details

Orientation and Introduction

  • Student introduction
  • Facebook Group, Chat Group, Google Classroom 
  • Course Rules, Attendance Sheet
  • Course Resource
  • Support, Assignment, Feedback System
  • Clear ideas about the web
  • Discussions about freelancing

Basic HTML (Part-1)

  • HTML Introduction
  • Proper use of HTML
  • Use of different tags
  • Use of different attributes

Basic HTML (Part-2)

  • Provide a list of HTML tags
  • Use all necessary tags
  • Use of all necessary attributes
  • Simple form design
  • Solve problems related to HTML

CSS (Part-1)

  • CSS Introduction
  • Use of inline, internal and external CSS
  • CSS Property Introduction
  • Color, Background Color, Height, Width
  • Margin, padding, Float, overflow, Border, Border Radius, Use of display

CSS 3 (Part-2)

  • Use of CSS3
  • Flex, Grid
  • Ideas about CSS3 properties
  • Use of all the important properties and values ​​of CSS3
  • Use of media queries
  • Property prefix of CSS3

Layout Design and Git, Photoshop & Figma

  • Creating basic design structures
  • Use of other properties
  • Use of all-important properties of CSS
  • Ideas about theme forest design
  • Git and github
  • Photoshop Introduction
  • The process of separating images from PSD
  • Figma Introduction

Real Project Design

  • Introduction to PSD / Figma to HTML
  • How to find free PSD / Figma web templates
  • Complete the design

Responsive Website Design

  • Introduction about Responsive
  • How to make a complete responsive design
  • How to make previous designs responsive
  • All uses of Media Query

Bootstrap (Part-1)

  • Introducing Bootstrap 5
  • Use of different classes of Bootstrap 5
  • Caution in using Bootstrap 5
  • The easiest way to practice bootstrap

Bootstrap (Part-2)

  • Different section design with bootstrap
  • Use of different effects of bootstrap
  • Use of bootstrap and icons
  • Concepts related to other frameworks

PSD / Figma to Bootstrap 5 (Part-3)

  • Real Project Design, 
  • Where project designed by Navbar, Slider, Button, Card, Footer, Forms Bootstrap, Utilities, Components
  • Media Query, Responsive
  • Important Bootstrap Components

JavaScript 

  • JavaScript Intro
  • JavaScript Syntax
  • JavaScript Variable
  • JavaScript Expression
  • Data Type
  • Console.log 
  • if else loop function

JavaScript DOM

  • What is Dom
  • Event
  • Branching 
  • JavaScript Problems solving 
  • Console
  • Click Event

jQuery

  • Warning about jQuery plugin
  • All uses of jQuery Plugin
  • Use of jQuery slider
  • Use of various image related plugins

WordPress (Part-1)

  • WordPress Introduction
  • Server discussion
  • Introduction to PHP and MySQL
  • WordPress Installation
  • XAMPP and Wamp troubleshooting
  • WordPress basic concept
  • Ideas related to WordPress themes
  • Ideas related to WordPress plugins
  • Ideas related to WordPress dashboard
  • 1 click Installation
  • Post Page Creation

WordPress (Part-2)

  • WordPress Free Theme Customization
  • Select a Theme for Blog Website
  • Post, Categories, Tags
  • Page Creation and Setup
  • Menu Setup
  • Widgets Setup
  • Home and Blog Page settings 
  • Customize Date times, Slug
  • Full Website Done
  • Theme customization tips

Plugin usage tips

WordPress (Part-4) – Ocean Wp / Astra / Neve Theme Installation and Elementor

  • Theme Setup
  • Use of required plugins
  • Theme customization tips
  • Plugin usage tips
  • Required Plugins Installations
  • Demo Import
  • Introduce of Elementor Page Builder
  • One Page Creation using Elementor
  • Full Website Done

WordPress (Part-4)  Elementor

  • Website redesign using premium themes
  • Demo Import

PHP

  • Introduction to PHP
  • PHP variable
  • PHP condition
  • Use of PHP Loop
  • PHP function
  • PHP string function
  • PHP array function
  • MySQL Introduction

CRUD (Part-1)

  • Use of CRUD
  • Session related discussions
  • How to make different templates dynamic

CRUD (Part-2)

  • Form Creation, Data Management with php

Project / Crud / database management

  • Dynamic Dashboard customization with php and mysql.
  • Dynamic web site

Project / Crud / database management (Part-2)

  • Dynamic Dashboard customization with php and mysql.
  • Dynamic web site

Freelancing, Remote and Local job

  • Portfolio & Branding
  • Discuss about professional work and career
  • How to create an Upwork & Fiverr account
  • Tips for Approving Upwork & Fiverr Accounts
  • Special discussion on Fiverr and Upwork
  • Tips for getting work done from Fiverr and Upwork
  • Discuss money withdrawals
  • Other marketplaces and tips to get work done outside of the marketplace

Instructor: Sojib Sheikh

Type: Offline / Online Class

Online Course Fee: BDT 6000

Offline Course Fee: BDT 12000

Course features

Duration: 3 Months

Weekly - 2 Days​

Skill Requirements : Beginner

Language: Bangla

Offline Seats: 10

Online Seats: 20

Live project : Yes

Other Courses