(65 Ratings)

WordPress Pro: From Beginner to Expert

Categories: WordPress

About Course

Professional WordPress Development (Previously known) → WordPress Pro

This course is designed to teach you the ins and outs of Front-end development and WordPress, even if you have little to no experience with it! The goal is to learn how to design fantastic looking websites and create a high monthly income from them.

Through this course, you’ll find out how to become a successful freelance developer in the online international marketplace such as Fiverr. I’ll teach you, from my own vast experience, how to get ahead of your competition and create website that your clients will love!

Let’s talk inside.
Cheers, Moshiur

You will know how to design pages, menus, sidebars, footers and create a professional modern website
This course will teach you to build a functional, beautiful, responsive website
Customize your WordPress website for any purpose of yours - whether it's a blog, a portfolio to show off your work or an e-commerce site to sell your products
Build Multiple High-Quality Website Projects
You will have all the Knowledge and Skills necessary to Build and Grow a Successful Online Business on the International Marketplace
Have the skills to start making money on the side, as a casual freelancer or full time as a work-from-home freelancer

Course Content

Module 0: Introduction – Let’s Start This Amazing Journey!

Introduction & Course Outline

30:09
How to get help & support from your course instructor

09:58

Module 1: HTML5

Module 2: CSS3

Getting Setup With Brackets, Implementing CSS

16:45
Color Types, CSS Selectors, Classes & ID’s & Backgrounds

32:37
Borders, Box Model, Margin & Padding

23:57
Outline | Text – Formatting, Alignment, Decortation, Transformation, Spacing | Display – Inline, Block & Inline-Block

29:10
Beautiful Typography | Working with Icons

30:31
Relative vs. Absolute | z-index

24:06
Overflow, Float, Clear, Box Sizing, Pseudo-class, Pseudo-element

25:43
Media Queries, Gradients, Transform

29:28
Animations & Image Sprites

28:07
Grid & Quiz Test

28:31

Module 3: JavaScript Language Basics

Module 4: jQuery Basic Concepts

Module 5: jQuery Plugins – Design Beautiful Styled Sections

Module 6: PSD to Responsive HTML5: Beginner to Advanced

Project 1.0 – Environment Setup: Get Your Hands Dirty – Downloading & Installing Photoshop, Setting Up the Project Environment

37:01
Project 1.1 – Coding & Styling the Hero Section: Creating the Markup & the Navbar

29:51
Project 1.2 – Coding & Styling the About Section: Creating Custom Columns

19:13
Project 1.3 – Coding & Styling the Working Process Section

17:56
Project 1.4 – Coding & Styling the Work Experience & Education Section

18:13
Project 1.5 – Coding & Styling the Latest Works Section

18:51
Project 1.6 – Coding & Styling the Testimonial Section

12:02
Project 1.7 – Coding & Styling the Contact & Footer Section

25:47
Project 1.8 – Let’s Make Our Website Responsive!

29:07
Project 1.9 – Learn How To: Create a Scroll Back To Top Button & a Sticky Navbar

30:03
Project 1.10 – Learn How To: Create a Lightbox & a Filterable Portfolio Gallery

30:54
Project 1.11 – Learn How To: Add Cool Particles Effects & Animations

21:45
Project 1.12 – Learn How To: Power Steering Your Scroll Wheel & Create an Animated Scroll Button

18:44
Project 1.13 – Learn How To: Build Fullscreen Overlay Hamburger Menu

33:08
Project 1.14 – Responsive Layout: Finishing the Responsive Layout | Add CSS Vendor Prefixes Automatically | Code validation

29:31
Project 1.15 – Performance: Website Page Speed Optimization | How Does a New Website Go Live

29:13
Project 1.16 – How to Setup Google Analytics Correctly

09:32
Project 1.17 – Let’s Publish your Website on Github | Congratulations! You did it!

19:13

Module 7: Bootstrap 5

Initial Environment Setup

15:06
Typography

18:50
Colors & Background

10:55
Text

17:00
Display

17:03
Float

07:04
Spacing

11:24
Sizing

10:31
Borders

09:10
Overflow

04:26
Position

25:39
Shadows | Vertical Alignment | Visibility

09:13
Interactions

04:41
Flex

40:41
Bootstrap Icons

09:38
Clearfix

07:19
Fixed & Sticky Position

04:58
Images & Figure

06:36
Tables

04:53
Stacks & Vertical Rule

11:22
Breakpoints

09:43
Containers

13:00
Grid

12:47
Columns

09:54
Gutters

08:46

Module 8: Build Sections Using Bootstrap 5

Module 9: Sass

What is Sass? Concept of Variables & Nesting in SASS

29:05
Command Line Introduction & Install Sass Locally [Windows User]

21:17
A Brief Introduction to the Command Line

15:22
Let’s Install Sass Locally with Live Server

21:44
How to fix VSCode issue with filewatchers

06:53
Variables

28:02
Partials

05:53
Mixins

13:53
Mixins With Variable Arguments

14:18
Passing Contents Into Mixins

04:26
A Mixin to Import Google Fonts

10:50
Nested Media Queries

09:59
Functions

14:10
Extend & Conditional Directives

10:14

Module 10: Getting Started with WordPress

Module 11: Domain & Web Hosting Management

How to buy a Domain & Web Hosting

09:17
How to change cPanel Password

07:18
How to install Free SSL Certificate in cPanel

04:46
How to install WordPress using Softaculous

11:22
How to install WordPress in cPanel Manually Step by Step

11:05
How to Change Your Admin Password

03:57
How to create a subdomain in cPanel

08:57
How to create a business email in cPanel

08:01
How to Upgrade PHP Version

04:09
How can you get a free domain & hosting for practice

13:19

Module 12: Build Portfolio Website

How to get help & support

07:34
Projects Overview

11:39
Download the appropriate project resource file

03:28
Project 1.0 – WordPress Installation & Server Configuration

33:27
Project 1.1 – SSL Certificate Installation & Fix Sub Domain SSL Issues

21:28
Project 1.2 – Premium Theme & Required Plugin Installation

11:43
Project 1.3 – Build Hero Section

27:03
Project 1.4 – Build Header Section

20:12
Project 1.5 – Fix Some Issues & Improve Site Performance

23:26
Project 1.6 – Build About Me Section

06:22
Project 1.7 – Build Footer Section

14:22
Project 1.8 – Fix CLS (Cumulative Layout Shift) Issue

10:02
Project 1.9 – Build Services Section

21:31
Project 1.10 – Build Projects Section

51:57
Project 1.11 – Fix Projects Section Responsive & Scrolling Issue

20:40
Project 1.12 – Build Testimonial Section

12:00
Project 1.13 – Build Why Choose Me Section

22:02
Project 1.14 – Build Fun Fact Section

16:36
Project 1.15 – Build Pricing Table Section

12:26
Project 1.16 – Build Contact Section

23:42
Project 1.17 – Create Your Professional Business Email

07:06
Project 1.18 – Add a Business Email Account to Gmail

25:07
Project 1.19 – Cache Plugin Configuration

36:21
Project 1.20 – Improve Security & Page Loading Speed

25:22
Project 1.21 – Improve Your Website Speed Using CDN

15:54
Project 1.22 – Troubleshooting SSL Errors

06:55
Project 1.23 – Why is my subdomain not working

10:53
Project 1.24 – How to Reduce Time to First Byte (TTFB)

25:28
Project 1.25 – Testing Contact Form after CDN Configuration

20:58
Project 1.26 – Improve Security of Your WordPress Site

18:34
Project 1.27 – How to Backup & Restore WordPress Website

29:17
Project 1.28 – How to Access & Restore Backups in cPanel

06:36
Project 1.29 – WordPress Website Maintenance Guide

16:40
Project 1.30 – How to Manually Upgrade/Downgrade WordPress

32:23
Project 1.31 – WordPress Troubleshooting Guide

04:55
Project 1.32 – Please share your valuable feedback as it helps us to improve

03:14
Project 2.0 – Environment Setup

30:42
Project 2.1 – Getting Started with Local WP

15:30
Project 2.2 – Theme & Required Plugin Installation

08:36
Project 2.3 – Setup Global Color Palette

10:55
Project 2.4 – Setup Typography

05:12
Project 2.5 – Build Hero Section

37:42
Project 2.6 – Build Header Section

16:08
Project 2.7 – Build Contact Section

24:10
Project 2.8 – Build Introduction Section

12:14
Project 2.9 – Build Language Section

12:16
Project 2.10 – Build Latest Project Section

28:37
Project 2.11 – Build Testimonial Section

13:15
Project 2.12 – Build Services Section

11:04
Project 2.13 – Build Pricing Section

17:58
Project 2.14 – Build Recent Projects Section

13:06
Project 2.15 – Build Blog Posts Section

24:52
Project 2.16 – Step-by-Step Guide to Migrate/Transfer Your Site Using Plugin

27:31
Project 2.17 – Step-by-Step Guide to Migrate/Transfer Your Site Manually

20:17
Project 2.18 – Disable Unnecessary Blocks

06:05
Project 2.19 – Create Your Professional Business Email

06:57
Project 2.20 – Add a Business Email Account to Gmail

09:10
Project 2.21 – Setup & Install Google Analytics 4 (GA4)

21:05
Project 2.22 – Fix CLS (Cumulative Layout Shift) Issue

17:36
Project 2.23 – Cache Plugin Configuration

29:53
Project 2.24 – Optimize Your Website Images

21:44
Project 2.25 – Improve Your Website Speed Using CDN

30:55
Project 2.26 – How to Reduce Time to First Byte (TTFB)

16:27
Project 2.27 – Improve Security of Your WordPress Site

09:17
Project 2.28 – How to Backup & Restore WordPress Website

17:55
Project 2.29 – WordPress Website Maintenance Guide

15:36
Project 2.30 – Website Speed & Performance Optimization

20:18
Project 2.31 – How To Change the WordPress Table Prefix

06:12
Project 2.32 – Please share your valuable feedback as it helps us to improve

02:21

Module 13: Build an eCommerce Website From Scratch

Project 1.0 – Let’s get started ! This is what we are going to build !

02:46
Project 1.1 – Installing WordPress Theme & Recommended Plugins

21:00
Project 1.2 – How To: Create & Customize A Child Theme | Enable Under Construction Mode

14:42
Project 1.3 – How to Install WooCommerce and Set It Up

06:17
Project 1.4 – Introducing Theme Style

17:32
Project 1.5 – Build Header For Entire Website

24:57
Project 1.6 – Build Footer For Entire Website

27:28
Project 1.7 – Build Hero Section

22:02
Project 1.8 – How to Add Products in WooCommerce | Build Best Selling Products Section

27:00
Project 1.9 – Build Fresh Products Section

22:12
Project 1.10 – Build Customers Reviews Section

17:11
Project 1.11 – Build About Us Section

14:28
Project 1.12 – Build Certified Products Section

17:50
Project 1.13 – Build Get In Touch Section

07:26
Project 1.14 – Build FAQ Section

06:19
Project 1.15 – Design WooCommerce Shop Page

13:32
Project 1.16 – Design WooCommerce Single Product Page

23:28
Project 1.17 – Design WooCommerce Cart Page

21:18
Project 1.18 – Design WooCommerce Checkout Page

15:26
Project 1.19 – Design WooCommerce My Account Page

10:40
Project 1.20 – WooCommerce: How to Set Up Payment Options

21:24
Project 1.21 – How to Downgrade/Upgrade WordPress to Specific Version

04:29
Project 1.22 – Perfomance Optimization – Get a Faster & Secure Website: Update Your PHP Today | How To Easily Enable Gzip Compression For WordPress

14:14
Project 1.23 – Performance Optimization: Use modern jQuery in Wordpress

04:06
Project 1.24 – Performance Optimization: Optimize Images for Web Performance & Serve Images as WebP in WordPress

13:53
Project 1.25 – Performance Optimization: How to Add Prerender to WordPress Sites

08:22
Project 1.26 – Performance Optimization: How to Optimize Your WordPress Database

06:27

Module 14: WordPress – Customize Plugins

Module 15: International Marketplaces

Module 16: Fiverr – Perfect Freelance Services Marketplace

Introduction

08:20
Why You Need to Sign Up Right Now

15:47
No Skills! This is How You Can Still Be Successful on Fiverr

06:15
Join Fiverr Using Referral Link to Gets 20% Off Your First Purchase

02:03
Creating Your Fiverr Username

11:13
How to Optimize Your Profile

22:20
Fiverr Skill Tests

06:40
Research the Competition to see What’s Selling

10:07
How to Optimize Your Gig Title to Get More Traffic

21:04
How to Structure Your Fiverr Gig Packages

23:28
How to Optimize Your Gig Description

09:01
Build Your Gig Gallery & Tips for Recording Your Gig Video

23:28
Fiverr’s Level System

21:26
How to Manage Your Gigs

10:47
Seller Dashboard

14:28
Fiverr Messaging System & How to Create a Custom Offer

15:59
Things to NEVER Do on Fiverr & How to Take Customers Off Fiverr Safely

12:48
How to Manage Your Sales

03:33
Live Chat With A Client and Got an Order Immediately!

07:18
How to Deliver Orders Like a Pro

24:06
Fiverr Commission | Buyer and Seller Reviews

05:00
How to Cancel an Order | How to Extend Delivery Time | Resolution Center

17:07
Seller Analytics Dashboard

09:35
How to Get Paid Out

13:53
Want Vacation Mode? Oh No You Don’t!

09:49
How to Write an Effective Buyer Request

13:43
How to Use Fiverr App

05:45
Fiverr Gig Marketing

28:45
How can You Promote Yourself

04:32
Fiverr’s Referral System

02:53
What is Fiverr PRO?

08:09
Fiverr Community

13:54
How to Get Help & Support from Fiverr

18:50
How can You Improve Your Skills Using Fiverr

05:06
Fiverr Business Tools

02:08
Follow the Terms of Service or Risk Losing Your Account

13:38
Fiverr ID Verification

03:35
Outsourcing Tips

05:03
Conclusion & Final Tips

18:04

Module 17: PHP

Your First PHP Code

11:59
Printing Values in PHP

05:08
Creating Variables in PHP

05:30
Conditionals in PHP

09:22
Arrays in PHP

07:32
Associative Arrays in PHP and Concatenation

06:14
var_dump, print_r and pre in PHP

04:14
PHP in HTML or HTML in PHP

04:10
For loop in PHP

06:38
The foreach loop

05:08
The While loop

04:29
PHP Functions – Standard functions

10:33
PHP Functions – User defined functions

04:16
PHP Functions – Functions with arguments

04:11
Template Tags is PHP & WordPress

04:08
PHP Functions – Functions that return values

07:10
Math Numbers in PHP – Some Examples

07:05

Module 18: Theme Development

Project 1.0 – Introduction

04:22
Project 1.1 – Installing WordPress Locally

09:11
Project 1.2 – Turning the HTML5 Template Into a Working WordPress Theme

24:38
Project 1.3 – Enqueuing Stylesheets the Right Way

15:00
Project 1.4 – Enqueuing JavaScript the Right Way

17:11
Project 1.5 – Add a Custom Logo

06:23
Project 1.6 – Creating WordPress Menus

23:54
Project 1.7 – Making the Theme more Dynamic with Widgets [Hero Section]

41:56
Project 1.8 – Making the Theme more Dynamic with Widgets [About Me Section]

34:13
Project 1.9 – Making the Theme more Dynamic with Widgets [Services Section]

15:38
Project 1.10 – Making the Theme more Dynamic with Widgets [Works Section]

22:52
Project 1.11 – Making the Theme more Dynamic with Widgets [Testimonials Section]

08:17
Project 1.12 – Making the Theme more Dynamic with Widgets [Contact Section]

26:45
Project 1.13 – Making the Theme more Dynamic with Widgets [Footer Section]

04:26
Project 1.14 – Guideline

03:18

After completing the course, you will earn a certificate that showcases your skills to potential employers.

A course by

Moshiur Rahman

Front-end and WordPress Developer

Anyone who wants to build websites the "professional" way
Anyone who has practiced Front-end development and WordPress as a hobby but is not confident about their skillset in a professional arena
If you want someone to walk you through the entire process of creating a website from the very beginning to publishing
Anyone who is willing to put some time and effort into creating a new income stream

About Course

What Will You Learn?

Course Content

Module 0: Introduction – Let’s Start This Amazing Journey!

Introduction & Course Outline

How to get help & support from your course instructor

Module 1: HTML5

Create your first HTML file & Editors Introduction

Atom Editor Packages Installation & Text Basics – Heading, Paragraphs, Styles, Formatting, Quotation & Citation, Comments

Adding Media – Images | Text Basics – Lists, Lnks | Tables – How to Create a Table of Data | Non-Semantic Elements [div & span]

Iframes – Display a Web Page within a Web Page & Embed a Google Map or a Youtube Video | Adding Media – Audio, Video

Forms – Different Types of Inputs | Entities | HTML Quiz

Module 2: CSS3

Getting Setup With Brackets, Implementing CSS

Color Types, CSS Selectors, Classes & ID’s & Backgrounds

Borders, Box Model, Margin & Padding

Outline | Text – Formatting, Alignment, Decortation, Transformation, Spacing | Display – Inline, Block & Inline-Block

Beautiful Typography | Working with Icons

Relative vs. Absolute | z-index

Overflow, Float, Clear, Box Sizing, Pseudo-class, Pseudo-element

Media Queries, Gradients, Transform

Animations & Image Sprites

Grid & Quiz Test

Module 3: JavaScript Language Basics

Introduction | Variables

Variable Mutation and Type Coercion

Basic Operators

Functions and Events | JavaScript Output

Operator Precedence | if / else Statements

Boolean Logic

Truthy & Falsy Values | Equality Operators

Module 4: jQuery Basic Concepts

jQuery Introduction | Adding jQuery to Your Web Pages | jQuery Syntax, Selectors & Event Methods

jQuery Effects – Hide, Show, Fading, Sliding, Animation, Callback Functions & Chaining Method

jQuery – Add & Remove Elements, Get and Set CSS Classes

jQuery UIKit – A lightweight and modular front-end framework for developing fast and powerful web interfaces.

jQuery UI – jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.

Module 5: jQuery Plugins – Design Beautiful Styled Sections

Design a Beautiful Responsive Carousel Slider

Dynamically add Animations on Your Website

Learn how to Design an Awesome, Fully Responsive jQuery Slider

Learn how to dynamically counts up to a targeted number from zero

Learn how to create attention grabbing animated headline that either rotate or clip

Module 6: PSD to Responsive HTML5: Beginner to Advanced

Project 1.0 – Environment Setup: Get Your Hands Dirty – Downloading & Installing Photoshop, Setting Up the Project Environment

Project 1.1 – Coding & Styling the Hero Section: Creating the Markup & the Navbar

Project 1.2 – Coding & Styling the About Section: Creating Custom Columns

Project 1.3 – Coding & Styling the Working Process Section

Project 1.4 – Coding & Styling the Work Experience & Education Section

Project 1.5 – Coding & Styling the Latest Works Section

Project 1.6 – Coding & Styling the Testimonial Section

Project 1.7 – Coding & Styling the Contact & Footer Section

Project 1.8 – Let’s Make Our Website Responsive!

Project 1.9 – Learn How To: Create a Scroll Back To Top Button & a Sticky Navbar

Project 1.10 – Learn How To: Create a Lightbox & a Filterable Portfolio Gallery

Project 1.11 – Learn How To: Add Cool Particles Effects & Animations

Project 1.12 – Learn How To: Power Steering Your Scroll Wheel & Create an Animated Scroll Button

Project 1.13 – Learn How To: Build Fullscreen Overlay Hamburger Menu

Project 1.14 – Responsive Layout: Finishing the Responsive Layout | Add CSS Vendor Prefixes Automatically | Code validation

Project 1.15 – Performance: Website Page Speed Optimization | How Does a New Website Go Live

Project 1.16 – How to Setup Google Analytics Correctly

Project 1.17 – Let’s Publish your Website on Github | Congratulations! You did it!

Module 7: Bootstrap 5

Initial Environment Setup

Typography

Colors & Background

Text

Display

Float

Spacing

Sizing

Borders

Overflow

Position

Shadows | Vertical Alignment | Visibility

Interactions

Flex

Bootstrap Icons

Clearfix

Fixed & Sticky Position