Professional Web Design
& Development

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