Course Content
Class 01: Introduction to Web Design
0/7
What is Web Design?
04:33
Difference between Web Design & Web Development
03:37
Front-End vs Back-End
Career Opportunities in Web Design and WordPress
Complete concept – Freelancing & Outsourcing
Overview of Tools & Technologies
Text Editor Install and Configaration
Class 02: HTML Fundamentals
0/17
What is HTML?
HTML Document Structure
HTML Elements
HTML Attributes
HTML Styles
HTML Headings
HTML Paragraphs Tag, Text Formating and Pre tag
HTML Comments
HTML Lists
HTML Links
Quotes , ABBR , BDO
HTML Colors
Block and Inline Elements
Understanding ID and Class
HTML Images, Audio, Video, Iframe
HTML Tables
Html Forms
Class 03: CSS
0/21
CSS Syntax
CSS Selectors
CSS Parent Selectors
Types of CSS Styles
CSS Colors and Color Theory
Border Radius and Outline
CSS Margin
CSS Padding
CSS Box Model
CSS Font Family
CSS Width , Height , Line Height
Text Formatting
CSS Display Property
CSS Positioning
CSS Overflow
Float and Clear
CSS Opacity
Box Shadow
Text Shadow
Add icon, Svg
Css Media quary
Class 04: CSS Transition & Animation
0/6
Transition Property and Transition Duration
Transition Timing Function and Transition Delay
Interesting Illustration using Transition Delay
Project : Cool Unique Hover Effect
CSS Animations
Keyframes
Class 05: CSS Flexbox
0/14
Display Property
Flex Direction
Flex Wrap
Flex Flow
Justify Content
Align Items
Align Content
Order
Flex Grow
Flex Shrink
Flex Basis
Flex Shorthand
Align Self
Flexbox Project
Class 06: CSS SASS
0/12
Introduction
Sass Variables
Sass Nesting
The Ampersand Sign (&)
Shortening Code having some prefix
Mixin
Mixin Challenge
Import
Extend
Mixin with arguments
Final Touch of the Project
CSS SASS Project
Class 07: Javascript
0/39
What is Javascript and why JS is used
Javascript Syntax
Best use of JS
Javascript Comments
Javascript Variables
Types of Variables
Arithmetic Operators
Assignment Operators
Concatenation Operator
Adding Numbers and Strings
Comparison Operator
Logical Operator
If Statement
Else Statement
Nested If Else Statement
Ternary Operator
Function in Javascript
Parameterized Function
Return Function
Nested Function
Local and Global Variables
Switch Statement
Intro to Loops
For Loop
While Loop
Do While Loop
Intro to Arrays
Ways of Creating Array
Dynamic Array
Array Methods : Shift and Unshift
Array Methods : Join and toString
Javascript Objects
For In Loop
Map
Filter
Reduce
Call ,Apply ,Bind
Flattening array
Random Number Generator
Class 08: Ajax
0/13
What is AJAX
AJAX Examples
How Ajax Works
XMLHTTPRequest Object
Request Types and Methods
Using Get Request
Using Post Request
OnReadyStateChange Function
Handling Response from Server
Ajax Project 1
Ajax Project 2 : Dynamic
Ajax Project 3 : Search Suggestion
Ajax Project 4 : Submitting Data to server
Class 09: Jquery
0/27
What is jQuery and why we use it ?
Using jQuery in website
Conditional Script Loading
jQuery Syntax
jQuery Selectors
Mouse Events
Keyboard Events
Form Events
Window Events
Hide and Show
Getting Content using jQuery
Setting Values using jQuery
Creating HTML Contents using jQuery
Adding HTML Contents
Removing HTML Contents
Traversing Concept
Ancestor Traversal
Descendent Selector
Sibling Selector
GetHTTPRequest using ajax jQuery
PostHTTPRequest using jQuery
jQuery Ajax
Each function
Add Class
Remove Class
Adding CSS Dynamically
Toggle Class
Class 10: Front-End Framework – Bootstrap 5
0/16
Why we use Bootstrap ?
Two ways of using Bootstrap in your Project
Meta Tags
Grid Containers
Understanding Concept of column & Row
Column Breaks
Understanding Offset
Concept of Ordering
Equal Width Content
Variable Width Content
Positioning Concept
Display Properties
Difference between Flex and Inline-flex
Flex Concepts
Understanding Difference between em and rem
Handling Margin and Padding
Class 11: Creating Components with Bootstrap 5
0/6
Accordion
Collapse Concept in Bootstrap
Project Modal
Dropdown
Navigation
Carousel
Class 12: Figma masterclass
0/5
The Basics of Figma
Figma Auto Layout
Color Theory in Figma
Figma Components
Figma Styles & Automation
Class 13: Complete Project Figma To Html with Bootstrap 5
0/10
Navigation | Dropdown Menu | Mega Menu
Hero Section | Slider Section
Home Page
About Page
Services Page
Shop Page
Faq Page
Testimonial Page
Blog Page
Contact Page
Class 14: WordPress Fundamentals
0/9
What is WordPress?
WordPress.com vs WordPress.org
Why Use WordPress CMS?
History and Growth of WordPress
Installation WordPress In Your Local Computer
WordPress Dashboard Overview
General Settings Configuration
WordPress POSTS, PAGES & MEDIA
Themes & Plugins
Class 15: First Project with Gutenberg Editor
0/19
Introduction to Gutenberg (Block Editor)
Benefits of using Gutenberg over page builders
Overview of default WordPress themes
Basic settings: Permalinks, Site Title, Timezone, etc.
Choosing and installing a lightweight theme (e.g., Astra, GeneratePress)
Understanding Gutenberg blocks
Using basic blocks: paragraph, heading, image, gallery, button, list, etc.
Layout blocks: columns, group, spacer, separator
Reusable blocks & patterns
Creating custom page layouts
Planning your personal homepage layout
Hero section with image and call to action
About section with text and image
Contact section with form
Using pre-built patterns and customize
Creating About & Contact Pages
Blog Setup and Management
Header, Footer, and Navigation Menus
Mobile Responsiveness & Testing
Class 16: Briefly Explain Page Builder & Working with Elementor Page Builder
0/16
What is a Page Builder?
Overview of Popular WordPress Page Builders (Elementor, WPBakery, Divi, Bricks, Breakdance etc.)
Why Choose Elementor?
Installing and Activating Elementor
Free vs Pro Version: What’s the Difference?
Elementor Interface Overview
Basic Settings and Configuration
Creating a Page with Elementor
Understanding Sections, Columns, and Widgets
Adding Text, Images, and Videos
Using Global Widgets
Working with Colors, Fonts, and Typography
Spacing, Padding, and Margin Techniques
Using Elementor Templates & Blocks
Best Elementor addon list
Mobile Responsiveness in Elementor
Class 17: Learn Elementor Pro Page Builder
0/8
Creating Custom Headers and Footers
Designing Cutorm Blog Post Templates
Custom Archive Pages and 404 Pages
Custom Loop
Create custom popup
Custom Single page design
Category page
Elementor pro Condition
Class 18: Design Landing Page, Squeeze Page
0/9
What is a Landing Page?
Purpose of Landing Pages
Key Elements of High-Converting Landing Pages
Understanding User Journey and CTA Strategy
DESIGNING THE HERO SECTION
FEATURE SHOWCASE & VISUAL HIERARCHY
TRUST-BUILDING ELEMENTS
PRICING SECTION & CALL-TO-ACTIONS
CONTACT, SIGNUP & LEAD CAPTURE FORM
Class 19: Ecommerce Online Store Design With Premium Theme ( Part-01 )
0/14
Installing Woocommerce Plugin
Choose Best ecommerce Premium Theme
Create Pages
Create Header & Footer
Upload Simple Product
Upload Variable product and Create product Variation
Group Product
Bundle Products
Digital Product
Import Demo Product
Explain Theme Option
Creating Shipping Zone
Creating Shipping Classes
Working with Coupons
Class 20: Ecommerce Online Store Design With Premium Theme ( Part-02 )
0/10
Customize shop page
Customize category page
Advenced product Search Filter
Quick view, product comparison, Favorite product
Single product page
Cart page, Checkout Page
Related products
Upsells & Cross-Sells
Add Payment Method
Managing Accounts & Order Flow
Class 21: Domain, Hosting And Live Server
0/12
What is a Domain?
What is Web Hosting?
Buying a Domain & Hosting
Nameserver (DNS) Setup
Setting Up Live Server (cPanel or DirectAdmin)
Domain Transfar
Sub domain & Addon Domain
Installing WordPress on a Live Server
SSL Certificate & HTTPS
Website Migrating from Localhost to Live Server | Live Server To Live Server
Business Email / Web Mail Creation | Mail Server
Website Backup and restore Process
Class 22: WordPress Website Search Engine Optimization ( SEO )
0/16
What is SEO and why it matters
How search engines work
Types of SEO: On-page, Off-page, Technical
Overview of WordPress SEO capabilities
Best SEO plugins: Yoast SEO, Rank Math, All in One SEO
Plugin setup & configuration
Creating XML sitemaps
Robots.txt setup
Connecting to Google Search Console
Writing SEO-friendly titles and meta descriptions
Heading structure (H1, H2, H3…)
URL slugs and permalinks
Image optimization and alt text
Internal linking strategy
Content length and readability tips
Setting up Google Analytics
Class 23: WordPress Website Speed Optimization and Security
0/15
Why Website Speed Matters
Measuring Your Website Speed
Image Optimization
Caching Techniques
Minifying Files
Database Optimization
Reducing Plugin Bloat
Using a Content Delivery Network (CDN)
Hosting Considerations
Common WordPress Security Threats
Security Best Practices
Using Security Plugins
Two-Factor Authentication (2FA)
File Permissions & .htaccess Hardening
Monitoring & Malware Scanning
Class 24: PHP for WordPress ( Part – 01 )
0/9
Introduction to PHP & Web Development
Setting Up a Local Server Environment (XAMPP/MAMP)
PHP Syntax and Basic Output (echo, print)
Variables and Data Types
Operators and Expressions
Conditional Statements (if, else, switch)
Loops in PHP (for, while, foreach)
Working with Arrays
PHP Functions
Class 25: PHP for WordPress ( Part – 02 )
0/5
Handling HTML Forms with PHP
$_GET, $_POST, $_REQUEST
Basic Form Validation & Sanitization
Working with Files in PHP
Error Handling & Debugging Basics
Class 26: WordPress Theme Development ( Part – 01 )
0/8
What is a WordPress Theme?
Difference Between Theme & Template
Required Files for a Basic Theme
Creating and Understanding index.php, header.php, footer.php, sidebar.php
Template Hierarchy
Intro to functions.php and Theme Support
Enqueuing Styles and Scripts Properly
WordPress Actions and Filters (Hooks)
Class 27: WordPress Theme Development ( 02 )
0/9
Custom Menus, Widgets, and Sidebars
Loop and Conditional Tags
Creating Custom Page Templates
Custom Home Page and Blog Templates
Post Formats and Featured Images
Adding Theme Customizer Support
Widget Areas and Dynamic Sidebars
Creating a Custom 404 Page
Pagination and Navigation Menus
Class 28: WordPress Theme Development ( 03 )
0/3
Registering Custom Post Types
Custom Taxonomies
Displaying CPTs in Custom Templates
Class 29: WordPress Theme Development ( 04 )
0/3
Install, Activate and Configure Theme option Framework
Create Option for theme
Elementor Widget Development
Class 30: Freelancing With Fiverr
0/13
Fiverr Introduction
Create fiverr seller account
Importance of Profile Photo
Writing the perfect profile title & description
Showcase your work
Strategically selecting skills
Which accounts to link to on Fiverr
Add education on Fiverr properly
Creating gig titles that clients have to click
How to write SEO optimize gig descriptions
Crafting the perfect gig thumbnail
Finding the perfect gig tags
Using your FAQ section to get more high-quality clients
Class 31: Freelancing With Upwork
0/10
UpWork Introduction
How to Get Approved
Profile Title Keywords
Choose a Profile Rate
Write Your Profile Overview
Use an Intro Video
Set Availability
Select Skills & Expertise
Find Qualified Jobs
Write a Cover Letter
Advanced Web Design & WordPress — With Freelancing Roadmap
Previous
Next
0% Complete

Our platform empowers learners, fosters collaboration, and simplifies the educational journey, making quality education accessible to all.

Facebook Youtube Whatsapp

Useful Links

Company

Contact Us

  • 01758101611
  • Office Hour: 10 am To 8 pm
  • House No: 4, Amin Tower Level: 6, Road: 1/A, Sector: 9, Uttara, Dhaka 1230