UPDATE AUGUST 2017:
I added one video about how to migrate your Bootstrap 4 website into the latest Beta Version!
UPDATE JULY 2017:
Just Added 40 new videos where you will learn how to transform your static bootstrap site into a dynamic WordPress Theme!
If you're looking for an in depth Bootstrap and WordPress course look no more!!
Learn Bootstrap 4 The Most Popular HTML5 CSS3 & JS Framework!
This Course contains the Basics of the new Bootstrap 4 Framework + Building a Complete Project from Scratch.
The new version of Bootstrap contains a lot of new classes, helper utilities, a Flexbox powered grid and new components which all will be covered in this new course.
We're building a complete Website and i'm gonna show you how to integrate PHP / MySQL with Bootstrap 4.
You will also learn how to extend Bootstrap components with CSS to make them look the way that you need to.
6 Photoshop files (PSD) are included in this course that are going to be converted intro a Bootstrap 4 Website, so if you're looking for a PSD to Bootstrap course, this is the course that you should take!
In this video you can download the starter and ending points for the exercises
One of the most popular components in Bootstrap is the Grid, let's learn more about this
In this video let's start working with Typography in bootstrap
Let's review more classes to work with Typography
Let's see how you can create responsive images and other classes for images
Let's review some of the classes to apply to tables
Bootstrap provides a lot of classes for Buttons and Links, let's see some of them
One of the new components is the Card Component, let's see how it works
Carousel is another really common Component, let's see the basic syntax
Let's add more code to our carousel
In this video let's see how you can add captions to your slider
Let's review the accordion component
Let's see how to create Modals in bootstrap
You can add any element of the framework into a Modal, let's see a small example
Let's review some of the classes to create menus and navigations
Let's see what you need to apply the ScrollSpy component
Let's add a Tooltip
Dropdowns are really easy to create and the UI is amazing
The Jumbotron component is more used to showcase a big marketing message in your site, let's see the HTML and clases required to work with it
Let's start building the home page of our site
Let's add the content to the HTML
Time to create the Main Nav :)
Let's override some of the CSS
Google fonts are great, free and you can choose from a wide variety
Let's add our carousel
Overriden the CSS of the carousel is easy, let's see how
Let's continue the development of this website
Let's add some CSS for this section
Let's add the Images that link to other sections of our website
Let's style the Images
You can add any CSS3 Property to your Bootstrap code, let's see an example
Let's start working with the Schedule section
Let's add a table that will contain the working hours
Let's style the working hours
Let's create the HTML for this Products section
Let's style the Products for this website
Let's create the appointment section
Time to add some cool effects to the Appointments section
Let's start working with the footer
Let's add a social networks menu
Let's add Font awesome to print our icons
Let's move the working project to a Local Serve
make sure that you're opening your project using the localhost url
and finally make sure you're editing those files in your editor
Let's separate our website into different PHP Files so we can re use some of the components in other pages!
Let's add the About Us Page
Let's add a hero image
Let's re use other section of this website, the business hours table
Let's create a gallery with Modals
Let's add some CSS to the Services Section
Let's re use the contents from the appointments section from the homepage
Let's create the page for the products
Let's add a single product page
Let's create a simple contact form for this project
Let's add some Styling to the Contact Form!
Let's create a Database in PHPMYADMIN
Let's add some contents to the database
Let's connect a Database with PHP
Let's print the Products in our homepage
Let's print the products to our Products Page
Let's add the code to print the content of the product that we're clicking
Let's add a simple validation with jQuery
Let's improve this code :)
Let's print some feedback to the users of this website when they're filling the form
Let's validate the other fields
Before we send the form, let's check that there're no errors
Let's add the AJAX Code to this form
Let's create the PHP file that will handle the emails
Let's finish our AJAX Function!
Let's make a test to see if everything works!
Let's create a hamburger menu for this project
Let's add some styling to our new hamburger menu
My name is Juan Pablo De la torre Valdez, i´m from Guadalajara. Mexico.
I started a company called CreativaWeb where i design and develop WordPress based websites.
I really like to design and develop websites, in the recent years i made hundreds of websites for Government, Universities, Startups and Medium-Size Companies from my city, the whole country and from another countries.
Comencé una compañia llamada CreativaWeb, donde principalmente diseño y desarrollo sitios web en WordPress.
Me gusta combinar mi trabajo en diseño y programación; en los años anteriores he hecho cientos de páginas para dependencias del Gobierno, Universidades, Pequeños y Medianos de negocios de mi ciudad, a nivel nacional y de otros países.