Learn Bootstrap 4 The Complete Guide by Building 8 Projects

Learn Bootstrap 4 The Complete Guide by Building 8 Projects, available at $54.99, has an average rating of 4.1, with 229 lectures, based on 144 reviews, and has 1016 subscribers.

You will learn about Create Responsive websites in NO TIME thanks to bootstrap Take any PSD or JPG design and convert it into a Bootstrap Project Build Websites with the New Bootstrap Version with the new Flexbox Grid! Connect PHP / MySQL with a Bootstrap Website Learn almost all the Components and Bootstrap Classes with a Hands On Training Course Take your existing site into a fully dynamic WordPress site Convert a Bootstrap site into a WordPress Theme! Create 8 different & amazing projects! This course is ideal for individuals who are If you're a web designer that's trying to create responsive websites this course is for you or Bootstrap is really popular, and the new version is amazing, if you want to add bootstrap to your skills this course is for you or If you learn most by building real world projects this course is for you It is particularly useful for If you're a web designer that's trying to create responsive websites this course is for you or Bootstrap is really popular, and the new version is amazing, if you want to add bootstrap to your skills this course is for you or If you learn most by building real world projects this course is for you.

Enroll now: Learn Bootstrap 4 The Complete Guide by Building 8 Projects

Summary

Title: Learn Bootstrap 4 The Complete Guide by Building 8 Projects

Price: $54.99

Average Rating: 4.1

Number of Lectures: 229

Number of Published Lectures: 229

Number of Curriculum Items: 229

Number of Published Curriculum Objects: 229

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Create Responsive websites in NO TIME thanks to bootstrap
Take any PSD or JPG design and convert it into a Bootstrap Project
Build Websites with the New Bootstrap Version with the new Flexbox Grid!
Connect PHP / MySQL with a Bootstrap Website
Learn almost all the Components and Bootstrap Classes with a Hands On Training Course
Take your existing site into a fully dynamic WordPress site
Convert a Bootstrap site into a WordPress Theme!
Create 8 different & amazing projects!

Who Should Attend

If you're a web designer that's trying to create responsive websites this course is for you
Bootstrap is really popular, and the new version is amazing, if you want to add bootstrap to your skills this course is for you
If you learn most by building real world projects this course is for you

Target Audiences

If you're a web designer that's trying to create responsive websites this course is for you
Bootstrap is really popular, and the new version is amazing, if you want to add bootstrap to your skills this course is for you
If you learn most by building real world projects this course is for you

UPDATE AUGUST 2018:

Just Added more than 100 videos and 7 Projects with the newest Bootstrap Version!

Learn Bootstrap 4 The Complete Guide by Building 8 Projects

Welcome to the course!! What makes this course the best about Bootstrap?

In this course we will build 8 different projects (Beautiful and well Designed Websites)

The projects included in this Bootstrap 4 Course:

Spa Website
Real State Website
Music Festival Website
Admin Panel
E-commerce Design
Fiverr Clone
Architecture Studio Website
Cuisine School Website

This Course contains everything you need to know about the new Bootstrap 4 Version + Building a Complete Project from Scratch ( 7 Different Projects included also! & a WordPress Theme )

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 (with 6 internal pages)and i’m gonna show you how to integrate PHP / MySQL with Bootstrap 4.

Also we’re building the Homepage of 7 Different Projects

Also we will take our design and create an amazing WordPress Theme.

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!

Course Curriculum

Chapter 1: Course introduction

Lecture 1: The Projects Included in this Course

Lecture 2: The PSD Files for this Course

Lecture 3: The Code for this Course

Lecture 4: The Images for this Course

Chapter 2: Bootstrap 101 – The Basics of Bootstrap Grid, Buttons, Typography & More

Lecture 1: First steps with the Grid

Lecture 2: More About the Grid

Lecture 3: Typography Classes in Bootstrap

Lecture 4: Working with Images

Lecture 5: Margins & Paddings

Lecture 6: Tables in Bootstrap

Lecture 7: Buttons

Lecture 8: The Card Component

Lecture 9: Card Columns & Masonry Effect

Lecture 10: The Carousel Component

Lecture 11: Finishing the Carousel

Lecture 12: The Collapse or Accordion Component

Lecture 13: The Modal (or Lightbox) Component

Lecture 14: All About Navigation Menus

Lecture 15: The ScrollSpy Component

Lecture 16: The ToolTip Component

Lecture 17: The DropDown Component

Lecture 18: The Jumbotron Component

Chapter 3: PROJECT: Building the Home Page

Lecture 1: Starting our Project

Lecture 2: Working With The Header

Lecture 3: Creating the Main Navigation

Lecture 4: Styling the Main Navigation

Lecture 5: Adding Google Fonts

Lecture 6: Adding the Carousel

Lecture 7: Styling the Carousel

Lecture 8: Working with the New Website Section

Lecture 9: Styling the New Website Section

Lecture 10: Working With the Image Links Section

Lecture 11: Styling the Image Links Section

Lecture 12: Adding CSS3 Transitions

Lecture 13: Working with the Business Hours Section

Lecture 14: Adding a Table

Lecture 15: Styling the Working Hours Section

Lecture 16: Developing the Products Section

Lecture 17: Styling the Products

Lecture 18: Working With The Appointment Section

Lecture 19: Styling the Appointments Section

Lecture 20: Working with the Footer

Lecture 21: Working with the Social Networks Menu

Lecture 22: Printing the Social Icons

Lecture 23: Moving the File to a Local Server

Lecture 24: Splitting the Website into different PHP Files

Chapter 4: PROJECT: Building the About Us Page

Lecture 1: Adding the Main HTML For this Section

Lecture 2: Styling the Hero Image & adding the main content

Lecture 3: Adding the Business Hours Table

Lecture 4: Adding a Gallery

Chapter 5: PROJECT: Working with the Services Section

Lecture 1: Creating the services page

Lecture 2: Printing the Services into a Tab / Collapse

Lecture 3: Building the Coupon Sidebar

Lecture 4: Styling the Services Section

Lecture 5: Re using the Appointments Section from the home page

Chapter 6: PROJECT: Building the Shop / Products Section

Lecture 1: Creating the Main Products / Shop Page

Lecture 2: Adding the Single Page Product

Chapter 7: PROJECT: Building the Contact Section

Lecture 1: Building the Contact Form

Lecture 2: Styling the Contact Form

Chapter 8: PROJECT: PHP / MySQL – Creating the Database to display the Products

Lecture 1: Creating the Database

Lecture 2: Populating the Database

Lecture 3: Creating the Connection to the Database

Lecture 4: Printing the Products in the Home Page

Lecture 5: Printing the Products in the Products page from the Database

Lecture 6: Working with the Single Product Page

Lecture 7: Printing the Information from the database to the Single Product Page

Chapter 9: PROJECT: Building the Contact Form with jQuery, AJAX and PHP

Lecture 1: Adding Validation with jQuery

Lecture 2: Refactoring our Code

Lecture 3: Printing feedback in the Contact Form

Lecture 4: Validating the other fields

Lecture 5: Checking that there're no errors in our contact form

Lecture 6: Adding AJAX

Lecture 7: Building the Send PHP File

Lecture 8: Finishing the AJAX function

Lecture 9: Testing our Project

Chapter 10: Adding a Responsive Navigation (Hamburger Menu)

Lecture 1: Adding the markup (HTML)

Lecture 2: Styling our Hamburger Menu

Lecture 3: Making the Menu Fixed when scrolling to the bottom of the page

Chapter 11: How to Migrate your website into the latest version

Lecture 1: Migrate to the new Beta Version

Chapter 12: Converting our Website into a WordPress Theme – First Steps

Lecture 1: Local by Flywheel

Lecture 2: Installing WordPress locally with MAMP

Lecture 3: Creating our theme

Lecture 4: Adding the main Stylesheet

Chapter 13: WordPress Theme: Working with the Header

Lecture 1: Working with the header

Lecture 2: Adding the Main Social to the functions file

Lecture 3: Printing the Menu in our header

Lecture 4: Creating all the Pages and Adding the Main Navigation

Instructors

Juan Pablo De la torre Valdez
Creador de Código Con Juan – Aprende Con Proyectos Reales

Rating Distribution

1 stars: 2 votes
2 stars: 1 votes
3 stars: 21 votes
4 stars: 39 votes
5 stars: 81 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu