(48 Ratings)

Professional WordPress Development: Learn Web Design & Development From Scratch

About Course

This course is designed to teach you the ins and outs of Web Design & Development, 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 designer 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 designs that your clients will love!

I’ve made over $50,000 by doing the things I describe in this course so I know what it takes to succeed on these platforms. It’s not about talent or being creative! I figured it out to a point where anybody can do it if they have the right information and skill set. This is what this course teaches you!

Let’s talk inside.
Cheers, Moshiur

Course Content

Section 1: Introduction – Let’s Start This Amazing Journey!

Introduction & Course Outline
How to get help & support from your course instructor

Section 2: HTML5

Section 3: CSS3

Section 4: JavaScript Language Basics

Section 5: jQuery Basic Concepts

Section 6: jQuery Plugins – Design Beautiful Styled Sections

Section 7: PSD to Responsive HTML5: Beginner to Advanced

Section 8: Bootstrap 5

Section 9: Build Sections Using Bootstrap 5

Section 10: Sass

Section 11: WordPress Basic Concepts

Section 12: Domain & Web Hosting Management

Section 13: Build Your Own Portfolio Website

Project 1.0 – WordPress, Premium Themes, Recommended Plugins Installation | How To: Install Theme Demo Content, Fix the upload_max_filesize Error in WordPress [Localhost]
Project 1.1 – Build Hero Section
Project 1.2 – Build About Me & My Services Section
Project 1.3 – Build Latest Works, Why Choose Me & Testimonial Section
Project 1.4 – Build Pricing Plans, Contact & Footer Section
Project 1.5 – Make Your Portfolio Website Responsive & Mobile Friendly | How To: Buy Domain & Hosting For Your Portfolio Website, Fix the upload_max_filesize Error in WordPress [Live Server], Transfer/Migrate Your Website from Localhost to Live Server
Project 1.6 – Website Speed & Performance Optimization – How to Optimize Your Images [Best & Safe Method]
Project 1.7 – WordPress Security – How To: Install an SSL Certificate on cPanel, Find And Fix Insecure Content Using SSL | Website Speed & Performance Optimization – Most Powerful Caching Plugin Configuration
Project 1.8 – How to Install SSL and HTTPS on Your WordPress Website
Project 1.9 – Website Speed & Performance Optimization – Most Powerful Caching Plugin Configuration | How To: Properly Run a Website Speed Test, Manage Your Clients Efficently | Security & Perfomance: How to Use Cloudflare CDN with an SSL
Project 1.10 – Website Speed & Performance Optimization – Most Powerful Caching Plugin Configuration | Security & Perfomance: How to Use Cloudflare CDN with an SSL | How to Setup and Install Google Analytics on Your Website | How to Setup a Professional Email Address with Gmail
Project 1.11 – Why my subdomain is not working?
Project 1.12 – WordPress Security – How to Secure & Protect WordPress Website
Project 1.13 – How to Backup and Restore a WordPress Website Using Plugin
Project 1.14 – How to Manually Backup and Restore a WordPress Website

Section 14: Build an eCommerce Website From Scratch

Project 1.0 – Let’s get started ! This is what we are going to build !
Project 1.1 – Installing WordPress Theme & Recommended Plugins
Project 1.2 – How To: Create & Customize A Child Theme | Enable Under Construction Mode
Project 1.3 – How to Install WooCommerce and Set It Up
Project 1.4 – Introducing Theme Style
Project 1.5 – Build Header For Entire Website
Project 1.6 – Build Footer For Entire Website
Project 1.7 – Build Hero Section
Project 1.8 – How to Add Products in WooCommerce | Build Best Selling Products Section
Project 1.9 – Build Fresh Products Section
Project 1.10 – Build Customers Reviews Section
Project 1.11 – Build About Us Section
Project 1.12 – Build Certified Products Section
Project 1.13 – Build Get In Touch Section
Project 1.14 – Build FAQ Section
Project 1.15 – Design WooCommerce Shop Page
Project 1.16 – Design WooCommerce Single Product Page
Project 1.17 – Design WooCommerce Cart Page
Project 1.18 – Design WooCommerce Checkout Page
Project 1.19 – Design WooCommerce My Account Page
Project 1.20 – WooCommerce: How to Set Up Payment Options
Project 1.21 – How to Downgrade/Upgrade WordPress to Specific Version
Project 1.22 – Perfomance Optimization – Get a Faster & Secure Website: Update Your PHP Today | How To Easily Enable Gzip Compression For WordPress
Project 1.23 – Performance Optimization: Use modern jQuery in Wordpress
Project 1.24 – Performance Optimization: Optimize Images for Web Performance & Serve Images as WebP in WordPress
Project 1.25 – Performance Optimization: How to Add Prerender to WordPress Sites
Project 1.26 – Performance Optimization: How to Optimize Your WordPress Database

About Course

Course Content

Section 1: Introduction – Let’s Start This Amazing Journey!

Introduction & Course Outline

How to get help & support from your course instructor

Section 2: 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

Section 3: 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

Section 4: 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

Section 5: 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.

Section 6: 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

Section 7: 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!

Section 8: 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

Images & Figure