
In this short intro lecture we showcase why should we use Bootstrap 4 for our projects and what are the benefits of it.
Its incredible that the website we're going to be building through the course is consisted only of 74 lines of CSS3 code.
In this lecture we see what we're going to learn throughout the course.
This time we see the 3 correct steps to ask for help if you're stuck somewhere throughout the course.
"uDemy Web Enthusiasts" is a Facebook group where me and my students communicate. Its a vital part of the learning process and you're very welcome to join in!
In this lecture we're choosing the Bracekts code editor as our main working editor throughout the course. You can choose a different one as well.
We install Bootstrap 4 locally and we set up the working environment.
In this lecture we'll be referencing all the files in order for our website to work and we'll be coding the HTML skeleton.
This is the place to download the final finished working files.
Here you can get my e-book that I've written especially for my students as my gratitude towards them.
We take a look of what actually Bootstrap is behind the scenes and how it all comes together to create this amazing framework/library.
We take a look at the new features and updates that Bootstrap 4 beta has brought to us with their newest update.
In this lecture we dive deep into Bootstrap brain and see how it functions under the hood.
In this lecture we visit 3 random websites and we try the Bootstrap grid system upon them.
In this lecture we're building the Bootstrap 4 Navbar with the default Bootstrap classes.
In this lecture, we're building a dropdown menu, attaching it to an "a" link to trigger it. Also, we're showcasing a search box with a button.
We're creating the Jumbotron with really simple Bootstrap 4 classes and then we're playing around with a gradient generator.
A section wrap up where we remind ourselves what we've discovered during the last section.
In this lecture/section we create 3 different cards, explain pulling images from a server and creating a badge.
In this lecture we are going to build a Bootstrap 4 slider from scratch. Its going to feature navigation arrows, indicators and 3 completely working slides.
In this lecture we'll build a featured card section consisted of a card header, card body and card footer.
In this lecture we'll write the HTML markup of the button that will be used as a trigger for displaying the modal.
In this lecture we'll create the body of the modal and we're also going to showcase different progress bar styles.
In this lecture, we'll build the form from scratch and we'll quickly go through some of the options like checkboxes, dropdowns selections and more.
In this short lecture we'll add yellowish shadow to the form.
In this lecture we'll be creating a button that will be used as hamburger menu trigger on smaller device screens.
In this lecture we'll discuss everything that's related to making a website responsive, previewing the changes and testing the website on different device screens.
In this lecture we'll explore the endless possibilities of installing, using and editing Bootstrap 4 themes.
Hi there, I'm Filip, a top-rated and best-selling Udemy instructor and I want to thank you for showing interest in my Bootstrap 4 Crash Course. Below is a complete breakdown of what you're going to learn throughout this course. Lets start the journey.
- GENERAL OVERVIEW: This 3-hour, intensive and extensive crash course will have you completely set up and ready to build responsive websites, landing pages and templates with the very new Bootstrap 4 Beta framework. I will demonstrate the power of the Bootstrap library, we'll set up the environment together (Installation of Bootstrap + Code Editor), we'll take a look inside the core principles of Bootstrap 4 (rows & columns) and even then, once you're familiar with the basics, we'll start building the website from scratch.
- COMPONENT-BASED COURSE! This course combines a total of 10 creative components - each built from scratch while I'm showcasing the complete process behind building even the smallest details. Here's a list of all of the components that we'll be building throughout this crash course.
- COMPONENTS AND PROJECTS TAUGHT: Let me introduce you to the 10 components that we'll be building throughout the course:
- FROM 10 COMPONENTS TO A FULLY FUNCTIONAL WEBSITE: We will combine these 10 components into a fully functional, responsive, modern website that can be used as a landing page for an app, firm, company or product showcase website. We're also writing custom CSS media queries (very few, Bootstrap is taking care of this for us!) to make the website responsive. Also, we're following design trends in order to make our website look modern, clean and minimalistic.
- FINAL ASSIGNMENT: You'll be given a final assignment that will put your skills to the test. You'll create a website by yourself with the skills gained in this course. Feel free to use Google or any of the resources I've taught you during the course. Bootstrap 4 documentation is also available at your fingertips. Create something beautiful and share it, firstly with me, then with your fellow students and the whole world!
---------------------------
5 MORE BONUSES WITH ENROLLING INTO THE COURSE:
What are you waiting for? Click the "ENROLL NOW" button and I can't wait to see you inside!