Learn Bootstrap 4 by creating a unique responsive landing page with custom CSS, icons, web fonts and smooth scrolling.
This course is for the beginner who wants to get a quick introduction to the latest version of Bootstrap 4 (Beta) by creating a unique responsive landing page.
You'll learn how to structure different content and make it look great on all device sizes by using a responsive grid.
Bootstrap 4 components:
During the lectures you'll learn how to create the following components:
Button
Card
Carousel
Dropdown
Form
Jumbotron
List group
Modal
Navbar
Scrollspy
Bootstrap 4 utilities:
During the lectures you'll learn how to use the following utilities:
Colors
Display
Embed
Flex
Float
Position
Screenreaders
Spacing
Text
But it doesn't stop here! You'll also learn the following:
Styling with CSS
Learn how to apply some custom CSS to create a full-size background image with a simple parallax effect to get the attention of the user.
Adding Font Awesome Icons
Learn how to use the very popular icon font from Font Awesome to make the landing page more interesting.
Using Google Fonts
Learn how to use Google Fonts for headings and other text to make the landing page more unique
Adding smooth scroll
Learn how to implement a smooth scroll JavaScript plugin to create a scrolling animation when navigating the landing page.
Create your own landing page
By the end of this course you'll be able to create your own unique landing page ready to be published to the web.
Teaching style
The teaching style is "follow along" and "learn by example", so I don't explain every class used in the code in depth. If you're looking for that you should check out my other Bootstrap 4 course.
Learn how to create a landing page using Bootstrap 4 (Beta)
Learn how to create a fixed navigation bar
Learn how to use the Scrollspy component from Bootstrap
2 Lectures
10 Lectures
2 Lectures
4 Lectures
Hi there,My name is Jeppe Schaumburg Jensen and I'm a senior software engineer at Siteimprove and a published author at Packt Publishing.On Udemy my primary focus have been to create the best courses teaching front-end toolkits like Bootstrap 4, Bootstrap 5, Foundation, Bulma, Semantic UI, and Materialize.In the future I will create more courses focused on various front-end development related...
Muy bueno, sitio web muy util.
Didática excelente. Ótimo domínio do assunto.
This is and isn't a tutorial. The "why?" isn't explained (as in, why take the steps in question in order to reach the goal). The "how to" is properly done, however, it's nothing that you couldn't read in the documentation already available on the bootstrap page.
Cool!! Love learning about Boostrap
This course IS NOT for learning Bootstrap. The instructor does not explain any concepts. The course is more for practicing than learning. I still give it a 5-stars since the instructor posted this course for free. My recommendation to you is: go and take another course and learn Bootstrap and comeback to this one for a good 4 to 5 hours practice. The template that you end up with is very cool actually.
It is good for someone who wants to know more about Bootstrap elements. What I didn't like is the super low volume while narration.
good introduction course and simple & easy to follow
its easy to follow and understand
Presentation style is not so good.
Your email address will not be published. Required fields are marked *
Yash M.
It's good for a free course but unfortunately it's pretty outdated and most of the class names don't work now.