WordPress Development with Bootstrap: The Complete Course
- Description
- Curriculum
- FAQ
- Reviews
Are you ready to supercharge your Web Development Skills and learn how to build beautiful, custom and responsive WordPress Themes & Websites?
Join Brad Hussey in the completely updated for 2023+ version of his popular WordPress Theme Development Udemy Course, (a.k.a. Bootstrap to WordPress).
By the end of the course, Brad Hussey will walk you step-by-step through building and launching beautiful & responsive, complete WordPress website from scratch.
In the process, you will:
-
Learn how to convert any static HTML & CSS website into a dynamic WordPress theme
-
Start theming with Bootstrap, the most popular mobile responsive web design framework in the world
-
Learn how to install WordPress easily on any computer in as little as 2-minutes, so you can practice building WordPress websites without paying for monthly hosting & domain fees
-
Learn PHP, the programming language that WordPress is built upon
-
Understand the basics of Object-Oriented Programming (OOP) as we build Custom Elementor Widgets which allow us to create unlimited website layouts and designs
-
Leverage the WordPress “Customizer” which allows us to edit our website visually
-
Learn how to easily launch your WordPress website on a live server
-
And much more!
Bootstrap is the most widely used design framework, supporting the development of modern & responsive HTML5 and CSS3 based websites, and WordPress powers the majority of modern websites.
Bootstrap significantly reduces development time by ensuring your website layouts are responsive and mobile friendly, while WordPress makes it very easy to manage website content.
The problem is that most people find it overwhelming to learn Bootstrap and WordPress on their own.
Brad Hussey is a Web Developer & Designer in Canada with more than 10 years of professional experience. With hundreds of thousands of students who have taken his courses, he makes learning complex concepts and skills easy by walking you through the entire design and building process step-by-step in an organized, easy to follow (and fun) manner!
In this WordPress Development course for beginners, you will transform from a Bootstrap or WordPress beginner to a highly valuable web designer and developer who is able to create beautiful, custom and responsive websites, themes and templates.
Whether you’re a freelance designer, new web developer, employee for a company, code hobbyist, or looking for a new career — this course gives you an immensely valuable skill that will enable you to either:
Start a Profitable Side Hustle as a WordPress Developer
So you can save up for a vacation, help pay off your debt, or simply just to have bonus cash laying around.
Create a Full-Time Income
WordPress Developers have plenty of career options. Many web developers make a generous living creating custom WordPress themes and selling them on websites like ThemeForest. Freelance web designers and developers can also make a full-time living building sophisticated WordPress websites for clients.
Who Should Take This Course?
Graphic & Web Designers
Graphic designers are extremely talented, but ask them to code their designs and they’ll freeze up! This leaves them with no other choice but to hire a web developer. Any professional graphic designers knows web developers can be expensive.
If you’re a designer, learning to code your own WordPress websites can change your business entirely! Now, not only are you a great designer, but you’re a skillful developer, too! This puts you in a position tomake an extra $1,000 – $5,000 per project.
Entrepreneurs
Entrepreneurs have big dreams, and in many cases, shoestring budgets. In order to survive in the cut-throat world of the Startup company, it’s a necessity to have a world-class website. However, world-class websites come with a large price tag.
If you can learn how to build a high-quality startup website by yourself, then you’ve just saved yourself a lot of cash, tens of thousands of dollars in many cases.
Employees of a company
Any company knows the education & training of their employees is key to a thriving team.
Depending on the type of company you work for, if you understand how to code, and can develop CMS driven websites, that gives you negotiating power for a better position, or a higher salary.
Hobbyists
It’s fun to learn challenging new skills. Code hobbyists can add dynamic websites to their arsenal of tools to play with — you can even sell WordPress themes and plugins for cash! The possibilities are truly endless.
People Looking for a New Career
Are you out of work? Looking for a more rewarding job? Desire a career that can allow you to work almost anywhere in the world? Becoming a Web Developer might be the answer for you.
Web developers are paid well, anywhere from $33,000 to more than $105,000 per year. They get to work at amazing companies that are changing the world, or they enjoy the ability to start their own companies, become location-independent and work from home, from coffee shops, in an airplane, on the beach, or wherever they want!
Final Project Features
Throughout this entire course, you work towards building an incredibly beautiful, 100% custom website using the Bootstrap framework. The coolest part? The Bootstrap website doesn’t look anything like the Bootstrap websites you see all over the Internet.
The final project features:
Beautiful & Modern Design
You get to work with a modern, professional quality design & layout.
Quality HTML, CSS & JS
You’ll learn how hand-craft a stunning website with valid, semantic and beautiful HTML, CSS & JS
Easy-to-use CMS
Allow your clients to easily update their websites by converting your static websites to dynamic websites, using WordPress.
You can dramatically increase your efficiency, and supercharge your web development skills. And by doing so, you’ll effectively be able to take on more projects, charge higher rates, even make more money as a freelance WordPress developer.
*A short note from Brad Hussey, your instructor, on why you should join the course*
Hey friends, Brad Hussey here!
I am over-the-moon excited to share my completely updated version of my popular Udemy Course, originally called “Bootstrap to WordPress”!
Over the years, I’ve received countless messages from my students mentioning how helpful, even life-changing my Udemy courses have been for them, and I am grateful to every single one of you! It’s because of those messages that I wanted to completely revamp this course from the ground up, so that I can continue to help, serve and transform the careers of even more web developers in the years to come.
If you take this course, follow my lead, and take action — I guarantee you will not only love the course, but you’ll see real results. You will have the skills & confidence to become a WordPress developer.
If you hate the course (which you won’t) you have 30-days to get a 100% refund — no risk, no problem.
Stop wasting time, and come learn with me.
Enroll in the course today!
-
1Welcome To The Course! You Made The Right Decision
Welcome to the brand new Bootstrap to WordPress course, friends. You ready to rock & roll?
-
2Overview of the final WordPress Theme
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will introduce you to the brand new WordPress theme we're going to build and code in Bootstrap, HTML, CSS, WordPress — featuring Elementor and Gutenberg! Let's code!
-
3Course CHANGELOG - New Updates to the Course!
-
4Introduction
Welcome to the Bootstrap section of the course!
-
5Project Set Up
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to set up your project, code editor and starter HTML & CSS Files!
-
6HTML - Code The Navbar
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code the HTML for the Navigation Menu.
-
7HTML - Code the Title Section
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code the HTML for the Title Section of your web page.
-
8HTML - Code the List of Blog Articles
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code the HTML for the list of Blog Articles.
-
9CSS - Style The Navigation Menu & Hero Section
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to style the Navigation Menu and Hero Section with CSS.
-
10CSS - Style a Tastefully Animated Dropdown and Sub Menu
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to style a Tastefully Animated Dropdown and Sub Menu with CSS.
-
11CSS & JS - Style and Program a Tastefully Animated Dropdown and Sub Menu
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to style and program a Tastefully Animated Dropdown and Sub Menu with CSS and JavaScript (using the jQuery library).
-
12CSS - Style the Subscribe Bar
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to style the Subscribe Bar.
-
13CSS - Style the Footer Section
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to style the Footer Section of the website.
-
14HTML - Code the Markup for a Single Blog Post
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code the markup for a single blog post template.
-
15HTML - Code the Markup for our "Widget Headings"
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code the markup for a Widget Heading.
-
16HTML & CSS - Code and Style the Text Card Widgets
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code and style the Text Card Widgets.
-
17HTML & CSS - Code and Style the Call To Action Widget
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code and style the Call to Action Widgets.
-
18HTML & CSS - Code and Style a Testimonial Widget
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code and style the Testimonial Widget.
-
19HTML & CSS - Make Sure it Looks Good on Mobile Devices!
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to use Media Queries in CSS to ensure your website looks great on all screen sizes!
-
20Bootstrap Pop Quiz
-
21HTML, CSS & JS - Validate Your Code!
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to validate your code.
-
22Introduction
Welcome to the WordPress programming section of the course!
-
23Download Final WordPress Theme Source Code
-
24Create a Fresh WordPress Install with Local by Flywheel
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to quickly and easily set up a fresh WordPress theme on your local machine (i.e. Computer) using Local by Flywheel.
-
25Create a Dynamic Header, Footer and Index Template
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code a dynamic header and footer section within your WordPress theme.
-
26Finalize the Header Template
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to finalize the Header Template within your WordPress theme.
-
27Create a Dynamic Title Section
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code a dynamic title section within your WordPress theme.
-
28Create Content Excerpt and Content None Templates
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code a dynamic while loop that displays all of your blog post excerpts on one page. Plus, you'll learn how to set up a "content none" template for when there is no content to display!
-
29Dynamic Blog Post Excerpts, Custom Ellipsis and Pagination!
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code a dynamic blog excerpt, custom pagination, and how to truncate your excerpt with a nice little ellipsis.
-
30Create a Dynamic Blog Post Template with a Responsive Feature Image
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code a dynamic single blog post template.
-
31Create a Dynamic Page Template
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code a dynamic single page template.
-
32Create a Super Cute 404 Error Page
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to code a 404 Error Template. Plus, there may or may not be puppies involved.
-
33Kirki V4: How to Install and Get Started
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to configure the WordPress Customizer with Version 4 of the Kirki plugin.
-
34Kirki V4: Create a Global Footer Section in the WordPress Customizer
In this lesson of the Bootstrap to WordPress course, Brad Hussey will show you how to create a dynamic footer using the WordPress Customizer and Kirki V4.
-
35Kirki V4: Create a Global Call to Action Widget in the WordPress Customizer
In this lesson of the Bootstrap to WordPress course, Brad Hussey will show you how to finish your theme by creating a global "call to action" section in the footer using the WordPress Customizer and Kirki V3.
-
36*LEGACY* For Kirki 3 Users Only: How to Migrate to Kirki Version 4
The following "Legacy" lessons are for my students who originally followed along and coded their theme using Version 3+ of the Kirki Plugin. Now that Kirki has upgraded to version 4, there are some "breaking" updates and we'll cover that in this lesson.
If you're a new student and have already coded your theme using Kirki version 4, just mark these lessons as complete and move on to the next section :)
-
37*LEGACY* Install Kirki V3 & Begin Configuring WordPress Customizer
This is a legacy lesson for those who want to configure the WordPress Customizer with Version 3 of the Kirki plugin.
-
38*LEGACY* Kirki V3: Create a Global Footer with Customizer
In this lesson of the Bootstrap to WordPress course, Brad Hussey will show you how to create a dynamic footer using the WordPress Customizer and Kirki v3.
-
39*LEGACY* Kirki V3: Create a Global Call to Action Section using Customizer
In this lesson of the Bootstrap to WordPress course, Brad Hussey will show you how to finish your theme by creating a global "call to action" section in the footer using the WordPress Customizer and Kirki v3.
-
40Introduction
Welcome to the Elementor section of the course!
-
41Install Elementor & Setup Global Settings
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to install the Elementor Plugin on your WordPress theme, and how to configure the Global Settings.
-
42Build a "Hero Layout" with Elementor
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to start building the Hero Section of our Home Page using Elementor.
-
43Building Custom Widgets in Elementor
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will introduce you to the world of building custom widgets right within Elementor!
Who knows — maybe you will become the next, custom Elementor widget building superstar!?
Probably not.
But you'll never know unless you embark on this journey with Brad.
-
44Initialize a Simple Plugin to Create Custom Elementor Widgets
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will show you how to initialize a simple, custom plugin which we'll use as the backbone for creating our custom Elementor widgets.
-
45Creating an Extension for Elementor
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will walk through each step of Creating an Extension for Elementor.
-
46Code a Custom Button Widget with Elementor
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will walk through each step of Coding a Custom Button Widget in Elementor.
-
47Create the Subscribe Bar with Elementor
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will walk through each step of creating an email opt-in bar on the home page using Elementor.
-
48Program a Heading Widget in Elementor
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will walk through each step of programming a custom Title Widget in Elementor.
-
49Program a Link Widget in Elementor
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will walk through each step of programming a custom Link Widget in Elementor.
-
50Clean Up the Home Page Layout
In this lesson of our brand new version of the Bootstrap to WordPress course, you and Brad Hussey will spend a little quality time cleaning up and reorganizing our home... page.
-
51Program a Colourful Text Card Widget in Elementor
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will walk through each step of programming a custom and colourful Text Card Widget in Elementor.
-
52Program a Custom Call To Action Card Widget in Elementor
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will teach you how to program a custom Call to Action Card Widget in Elementor.
-
53Theme Testing, Bug Fixes & Responsive Styles in Elementor
In this lesson of our brand new version of the Bootstrap to WordPress course, you and Brad Hussey will ensure our theme looks splendid and outstanding on all your mobile doohickey devices.
-
54Adding Pages & Finishing the Theme
In this lesson of our brand new version of the Bootstrap to WordPress course, we'll put the final touches on our theme — adding pages, content, adding our new home page layout as the static WordPress home page, and so on, etcetera, yada yada.
-
55Uploading Our WordPress Theme on a Live Server
In this lesson of our brand new version of the Bootstrap to WordPress course, Brad Hussey will walk through each step of uploading our WordPress theme to a live server!
-
56Wrap Up & What's Next?
Thank you, friends. This has been a blast!
-
57The End.
Allow me to send you off with a serenade.
-
58What is WordPress? And Why You Should Care So Much About It
With millions of websites powered with it, WordPress is the most popular free CMS software on the web. WordPress powers websites for The New Yorker, Beyoncé, Smart Passive Income with Pat Flynn, John Mayer, and even my own blog! WordPress gives you the ability to create robust websites that allow your clients to update their website by themselves.
Learning it is easy if you have the right person showing you how — that's where I come in!
- - -
Please note:
At the end of this lecture I may mention what's coming up in the next lecture, and then you'll see that you are all of a sudden a few lectures ahead based on the Lecture # - don't worry, those lectures have been moved to the very end of the course. Why? They're not entirely important for learning how to code WordPress websites. This new arrangement just lets you get into the goods quicker!
-
59What is Bootstrap? And Why Mastering It Will Save You Hundreds of Hours
Bootstrap is the most popular front-end framework on the web today. In this lecture, I talk about how learning to properly use Bootstrap can save yourself hundreds of hours, and increase your work output by up to 100%.
-
60The (Beautiful) Final WordPress Website You Are Going To Build In This Course
In this lecture, we're going to take a look at the final WordPress website we're going to have built by the end of the course. You'll see:
- The beautiful, custom home page
- Dynamic testimonials
- How to edit the logo in the WordPress customizer
- The custom blog page
- How to add dynamic resources
- Contact page
- The WordPress admin panel
-
61Static vs. Dynamic Websites, Which Is Better? (Hint: One Is Way More Valuable)
In this lecture, I talk about the difference between Static Websites and Dynamic Websites, which is more valuable, and how this course enables you to add immense value to your clients.
-
62Free Download: The Bootstrap 3 Framework
In this lecture we're going to download the Bootstrap framework. Please keep in mind that this course was built Bootstrap v3.3.1, so we'll be using that version. However, it's always a good idea to use the latest software version for any project, so once you've completed the course, update your Bootstrap version and challenge yourself to make sure everything is compatible!
-
63Free Download: The Final Course Files + WordPress Theme!
In this lecture, we'll download the course files and I'll explain the contents of each of the folders.
-
64Setting Up Your Project Environment
In this lecture, I'll show you how to correctly set up your production environment.