1. Student Dashboard Support 2. Email Support 3. Live Chat / Messenger 4. WhatsApp / Phone (For Urgent Support)

Advanced Web Design & WordPress — With Freelancing Roadmap

0 (0 Ratings)

Advanced Web Design & WordPress — With Freelancing Roadmap

What You Will Learn

In this comprehensive WordPress Web Design course, you’ll master the skills required to design, develop, and launch professional websites — with zero coding knowledge! You’ll also get freelancing guidance to monetize your skills.
By the end of this course, you will be able to:
Build fully functional websites using WordPress
Customize themes using Gutenberg and Elementor
Design responsive, mobile-friendly layouts
Secure, speed-optimize, and SEO-optimize your websites
Set up domains, hosting, and live servers
Set up domains, hosting, and live servers
Create personal, business, e-commerce, and blog sites
Start freelancing with confidence and land clients online

WordPress Web Design COURSE CURRICULUM

Class 01: Introduction to Web Design

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

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

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

Class 05: CSS Flexbox

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

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

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

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

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

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

Class 12: Figma masterclass

Class 13: Complete Project Figma To Html with Bootstrap 5

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

Class 15: First Project with Gutenberg Editor

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

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

Class 18: Design Landing Page, Squeeze Page

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 )

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 )

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

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 )

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

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 )

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 )

Class 26: WordPress Theme Development ( Part – 01 )

Class 27: WordPress Theme Development ( 02 )

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 )

Class 29: WordPress Theme Development ( 04 )

Class 30: Freelancing With Fiverr

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

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

Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

Student Ratings & Reviews

No Review Yet

How to Purchase a Course?

Step 1: Browse the Courses
Step 2: View Course Details
Step 3: Click “Enroll Now” or “Add to Cart”
Step 4: Proceed to Checkout
Step 5: Enter Billing Details
Step 6: Choose Payment Method
Step 7: Access Your Course
If your payment is pending or unsuccessful, you may not get immediate access. Please contact support for assistance if needed.

Frequently Ask Question?

Can I start the course using a mobile device?

While you can access some course content (like watching video lessons or reading materials) on your mobile device, we strongly recommend using a desktop or laptop for the best learning experience.

This course involves hands-on website design and WordPress development, which require working with tools like WordPress dashboard, page builders (like Elementor or Gutenberg), and file management — all of which are much easier and more efficient on a larger screen with full browser functionality.

So, although you can view content on mobile, to complete practical tasks and build real websites, a desktop or laptop is essential.

Is this a recorded course?

No, this is not just a recorded course.
We provide live classes, and after each session, the recorded video of the class is uploaded to your dashboard. You can watch the recordings anytime, at your convenience, and as many times as you want — perfect for revision or catching up if you miss a live session.

How to Get Support?

Getting support during your course journey is easy and accessible. Here’s how you can reach us:

Wishlist

Level

All Levels
Last Updated

19.06.2025
Certificate

Certificate of completion

whats included

লাইভ ক্লাস ও রেকর্ডেড ভিডিও
৭০ টি কুইজ পরীক্ষা
১৬ সপ্তাহের স্টাডি প্লান
লাইফ টাইম অ্যাক্সেস
ফেসবুক গ্রুপ