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 2022 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!
Environment Setup: Get Your Project Started
-
1Welcome To The Course! You Made The Right Decision
Welcome to Boost Your Income with Bootstrap to WordPress!
In this lecture, I'll make it clear to you why you made an incredibly smart decision. I cover a few important points, including:
- How learning WordPress can boost your income by $1k - $5k, or more!
- How anyone from a graphic designer, to a self-employed entrepreneur can greatly improve their career by taking this course.
- How you'll make the value of this course back tenfold in a single, paid WordPress project.
-
2The (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
-
3What 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%.
-
4Bootstrap Pop Quiz
Test your knowledge about Bootstrap.
-
5What 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!
-
6WordPress Pop Quiz
A few questions to keep you make sure you've listened to the past 4 lectures :)
Bootstrap Templates: The Home Page
-
7Free Download: The Bootstrap 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!
-
8Free 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.
-
9Setting Up Your Project Environment
In this lecture, I'll show you how to correctly set up your production environment.
Bootstrap Templates: The Blog Overview
-
10Code The Basic Webpage Layout
In this lecture, we will code the basic HTML skeleton of our web page.
-
11Adding External Scripts to Your HTML Document
In this lecture, we will be adding external Javascript libraries (jQuery, HTMLShiv and Respond.js) to our HTML document.
-
12Install Free Icon Fonts with FontAwesome
In this lecture, we learn how to download and install the free icon font library, FontAwesome, to our website.
-
13Install Free Web Fonts with TypeKit & Google Fonts
In this lecture, we'll add two free font libraries to our webpage:
- Google Fonts
- Adobe TypeKit
-
14Code the Header and Navigation Sections
In this lecture, we'll code the HTML for the Header and Navigation sections.
-
15Code the Hero Section
In this lecture, we'll code the HTML for the Hero section of our Bootstrap template.
-
16Style the Hero Section with CSS
This lecture is an extension (Part B) of the previous lecture, and we will style the Hero section with CSS.
-
17Learn How To Create The Parallax Scrolling Effect in Less Than 5-Minutes
In this lecture, we'll learn how to achieve the popular "Parallax Scrolling Effect" in less than 5-minutes!
-
18Learn to Code a High-Converting "Opt-In" Section
In this lecture, we're going to learn how to code an "opt-in" section in a high-converting location on your web page. Opt-ins are important on your websites, as they allow you to collect email addresses from your visitors.
-
19Learn How to Create a Modal Popup using Bootstrap
In this lecture, we'll learn how to code a Bootstrap Modal window and add an opt-in form.
-
20Code the "Boost Your Income" Section
In this lecture, we'll code the "How You Can Boost Your Income" section of our home page.
-
21Code the "Who Should Take This Course" Section
In this lecture, we'll code the HTML & CSS for our "Who Should Take This Course" section of our home page.
-
22Code the "Course Features" Section Using CSS Sprites
In this lecture, we're introduced to a new concept: CSS Sprites. We'll learn how to manipulate a background image using CSS in order to save loading time on our website.
-
23Code the "Final Project" Section
In this lecture, we'll code the HTML & CSS for our "Final Project Features" section.
-
24Code the Featurette Section and Embed a YouTube Video
In this lecture, we will:
- Code the "Featurette" section
- Embed a YouTube video
- Add a Parallax background
-
25Code the Instructor Section (Plus BONUS Elvis Impressions!)
In this lecture, we will code the "Instructor" section, and learn how to add big fancy background images!
-
26Code Beautiful CSS3 Circles
In this lecture, we'll learn how to create beautiful, scalable circles of any size using only CSS3!
-
27The Simple Trick to Vertically Align Your Content Within an Element
In this lecture, we'll learn the simple trick to vertically align your content within any element — and we won't be using absolute positioning, or line height!
-
28Code the Testimonials and Learn to Turn Square Images into Circles using CSS3
In this lecture, we'll code the Testimonials section, and learn how to mask our square HTML images as circles using CSS3.
-
29Code the Sign Up Section
In this lecture, we'll code a compelling "Sign Up" section at the bottom of our website. Plus, we'll add a parallax background.
-
30Code the Footer
In this lecture, we'll code the final section of our home page — the footer! While it's a simple section, there are some very important elements you can't miss! Footers are fundamental in every website.
-
31Responsive Media Queries & General CSS Cleanup
In this lecture, we'll add the final touches to our home page with some additional CSS, and we'll make sure our home page is bulletproof on mobile devices with some CSS3 Media Queries.
Bootstrap Templates: The Blog Posts
-
32Code the Basic Markup Structure
In this new section, we'll be focusing on the Blog templates. In this lecture, we'll be creating our blog overview page and coding the basic markup & structure for our blog overview.
-
33Code the Blog Excerpts with HTML
In this lecture, we'll code the blog excerpts.
-
34Style the Blog Excerpts with CSS
In this lecture, we'll style the Blog Excerpts with CSS.
-
35Code and Style the Sidebar & Widgets
In this lecture, we'll code the Sidebar and Widgets with HTML5, then we'll style them using CSS3.
Bootstrap Templates: The Resources Page
Bootstrap Templates: The Contact Page
-
38The Importance of a Resources Page
In this lecture, we'll learn about the importance of a resources page, why every one of your websites need one, and how your resources page is the most valuable page on your website!
-
39Code the 3-Column Layout Resources Page
In this lecture, we'll code the responsive, 3-column layout for our resources template.
WordPress Theme: Set Up
Convert Your Static Templates: Home Page
-
41Download the Latest Version of WordPress
In this lecture, we're going to download WordPress. At the time of the recording of this course, the latest version of WordPress was 4.0. It is recommended that you also use Version 4.0 while you're following along with the lectures (to avoid running into bugs that haven't yet been addressed in future versions).
However, once you've completed the course, update your WordPress version to the latest stable release (if available)! It is strongly advised that you keep your software up-to-date—including WordPress and all it's plugins—to avoid flaws in the code, and to keep you and your website visitors safe from malware, and hackers.
A zip file containing WordPress 4.0 is available for download in this lecture.
-
42Create Your "Underscores" Starter ThemeIn this lecture, we'll create our very first "Underscores" Starter Theme.
-
43Install WordPress on Your Local Machine in Under 5-Minutes
In this lecture, we'll install WordPress in less than 5 minutes!
-
44Installing Your Underscores Theme
In this lecture, we'll learn the two ways to install a WordPress Theme, and then we'll install the Underscores Starter Theme in our WordPress website.
-
45Convert Your Static Header to a Dynamic Header
In this lecture, we'll take the code from our static website and turn it into a dynamic, WordPress header.
-
46Cover Your Assets (Adding Your Styles, Scripts, Fonts & Images)
In this lecture, we'll add our assets folder from our static website into our WordPress website, and make sure our new WordPress website references the correct paths.
-
47Clean Up Your Stylesheet & Modify Your CSS for WordPress
In this lecture, we'll clean up and customize the stylesheet that is provided with the Underscores Starter theme in order to work better with our custom theme going forward.
-
48Convert Your Static Footer to a Dynamic Footer
In this lecture, we'll turn our static footer into a dynamic WordPress footer.
Convert Your Static Templates: Resources Page
-
49Create a Home Page WordPress Template
In this lecture, we're going to dive right into WordPress and create our first custom template!
-
50Code the Hero & Use "Custom Fields" for Extra Info
In this section, we're going to learn more about Custom Fields, how they work, and how you can use them to further customize your templates.
-
51Amazing Plugin: Advanced Custom Fields
In this lecture, you'll be introduced to one of the most amazing WordPress plugins out there: Advanced Custom Fields.
-
52Code the "Boost Your Income" Section with Advanced Custom Fields
In this lecture, we'll code the Boost Your Income section with Advanced Custom Fields.
-
53Code the "Who Should Take This Course" Section with Advanced Custom Fields
In this lecture, we'll use Advanced Custom Fields to code our "Who Should Take This Course" section.
-
54Amazing Plugin: Custom Post Types UI
In this lecture, you'll be introduced to another amazing WordPress plugin: Custom Post Types UI. When this plugin is coupled with Advanced Custom Fields, there's no stopping what you can come up with in WordPress. Seriously.
-
55Add "Course Features" Using CPT & Advanced Custom Fields
In this lecture, we'll add the course features using Custom Post Types UI and Advanced Custom Fields.
-
56Add the "Project Features" with Custom Post Types UI
In this lecture, we're going to add each individual project feature using Custom Post Types UI.
-
57Code the Instructor Section with Advanced Custom Fields
In this lecture, we're going to code the Instructor section with all it's fun little details using Advanced Custom Fields.
-
58Code the Testimonials with Custom Post Types
In this lecture we're going to code the testimonials section with Custom Post Types UI.
-
59Clean Your Template Using get_template_part()
In this lecture we're going to learn how the get_template_part() function can help clean up your templates and make future development more efficient.
Convert Your Static Templates: The Blog
-
60Create a Custom Resources Template
In this lecture we're going to code a custom template for our resources section.
-
61Add a Feature Image, and a Fallback Image
In this lecture we're going to learn how to add a feature image in a template, and have a fallback image just in case there's no feature image present.
-
62How to Add a Resource and Display It In Your Custom Theme
In this lecture we're going to add some resources using Custom Post Types UI, then code our resources template to dynamically display each individual resource.
Convert Your Static Templates: Contact Page
-
63Easily Set Up Your Custom Blog Index Page
In this lecture, we'll learn to easily set up the custom blog index page.
-
64Code Your Individual Blog Excerpts
In this lecture we're going to code the individual blog excerpts in WordPress.
-
65Code the Full Blog Post
In this lecture we're going to code the full blog post template.
-
66Style and Customize the Comments Section
In this lecture we're going to style and customize the comments section of our custom WordPress blog.
-
67Customize the Archive Template
In this lecture we're going to customize the archive template.
-
68Customize the Search Results Template
In this lecture we're going to customize the search results template.
Finalize Your WordPress Theme
Launching Your WordPress Website
-
71Adding & Customizing Your Sidebar Widgets
In this lecture we're going to add and customize the sidebar widgets.
-
72Register and Organize Your Custom WordPress Menus
In this lecture we're going to learn how to "register" custom WordPress menus, and we'll organize them using the Dashboard.
-
73Create a Useful & Engaging 404 Page
The 404 page is very important — in this lecture we'll learn how to properly utilize your 404 page to keep your traffic flowing, and NOT lose visitors.
The Final Details
-
74First, You're Going To Need a Reliable & Affordable Web Host
In this lecture we're going to learn about hosting your WordPress website.
-
75Install WordPress Like a Pro
In this lecture we're going to learn how to install WordPress on a live server like the pros!
-
76Install and Configure Your Custom WordPress Theme on a Live Server
You've installed WordPress, but now you need to install your theme with all of your work you've put into it! We cover all that and more in this lecture.
Bonus Lectures: Tips & Tricks
-
77Track Your Visitors With Google Analytics
In this lecture we're going to learn why Google Analytics is so important — and we'll install it in minutes!
-
78You've Created Your Own Custom WordPress Theme! Now What?
You did it! You've created, coded, and installed a 100% custom WordPress theme with Bootstrap. You've equipped yourself with a skill that is seriously valuable — what will you do now?