Course Content
Module 0: Introduction – Let’s Start This Amazing Journey!
0/2
Introduction & Course Outline
30:09
How to get help & support from your course instructor
09:58
Module 1: HTML — Structuring The Web
0/20
Introduction to HTML
17:10
HTML editor
06:10
Getting started with HTML
49:56
What’s in the head? Metadata in HTML
32:41
HTML text fundamentals
25:35
Creating hyperlinks
36:41
Advanced text formatting
18:23
Document and website structure
17:12
Debugging HTML
14:13
Images in html
31:21
Video and audio content
33:23
Responsive images
26:53
HTML table basics
18:25
HTML table advanced features
11:32
HTML forms – Your first form
15:03
HTML forms – How to structure a web form
14:44
HTML forms – Basic native form controls
22:50
HTML forms – The HTML5 input types
20:38
HTML forms – Other form controls
22:44
HTML entities
03:14
Module 2: CSS3
0/10
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
0/7
Introduction | Variables
17:52
Variable Mutation and Type Coercion
14:39
Basic Operators
09:12
Functions and Events | JavaScript Output
24:00
Operator Precedence | if / else Statements
22:24
Boolean Logic
11:57
Truthy & Falsy Values | Equality Operators
09:23
Module 4: jQuery Basic Concepts
0/5
jQuery Introduction | Adding jQuery to Your Web Pages | jQuery Syntax, Selectors & Event Methods
27:16
jQuery Effects – Hide, Show, Fading, Sliding, Animation, Callback Functions & Chaining Method
28:23
jQuery – Add & Remove Elements, Get and Set CSS Classes
15:19
jQuery UIKit – A lightweight and modular front-end framework for developing fast and powerful web interfaces.
29:25
jQuery UI – jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.
26:11
Module 5: jQuery Plugins – Design Beautiful Styled Sections
0/5
Design a Beautiful Responsive Carousel Slider
54:09
Dynamically add Animations on Your Website
16:07
Learn how to Design an Awesome, Fully Responsive jQuery Slider
44:17
Learn how to dynamically counts up to a targeted number from zero
56:09
Learn how to create attention grabbing animated headline that either rotate or clip
40:43
Module 6: PSD to Responsive HTML5: Beginner to Advanced
0/18
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
0/25
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
0/2
LandKit
25:01
Sign In
40:15
Module 9: Sass
0/14
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
0/4
Introducing WordPress
04:41
Local WordPress Development Environments
34:13
How to Change Your Admin Password
06:12
WordPress Dashboard: The Complete Guide
51:54
Module 11: Domain & Web Hosting Management
0/10
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
0/69
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
0/27
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
0/3
Section Introduction
01:43
How To Replace an Image in WordPress Media Library
07:05
How to Redirect a Page or URL in WordPress and Why You Need Them
08:15
Module 15: International Marketplaces
0/1
Introducing Online Marketplaces
09:23
Module 16: Fiverr – Perfect Freelance Services Marketplace
0/39
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
0/17
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
0/15
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
WordPress Pro: From Beginner to Expert
YouTube video
Previous
Next
0% Complete