Professional Web Design
& Development
Home / Professional Web Design & Development Course
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
- HTML, CSS
- BOOTSTRAP, SASS
- BASIC JAVASCRIPT
- JQUERY ADVANCE
- BASIC PHP
- WP CUSTOMIZATION
- WP THEME DEVELOPMENT
- FREELANCE MARKETPLACE
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:
- local Jobs
- Remote Jobs
- Freelancing
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