Bootstrap 4 Crash Course: Introduction to Building Websites

  • Overview
  • Curriculum
  • Instructor
  • Review

About This Course

Discover the possibilities of the new Bootstrap 4 Beta release - create and develop a responsive website from scratch!

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:

  1. Navigation Bars: A complete navigation bar built from scratch that's responsive for all screen sizes and looking slick and modern.

  2. Dropdown Menus: Working Dropdown menus to showcase more options whenever we click on the parent list-item/link.

  3. JumbotronsHero Sections to display important information are called Jumbotrons in Bootstrap 4. We'll be using one in our course.

  4. Cards and Badges:  Many different styles for Bootstrap 4 cards to display information in clean manner, alongside Badges to display important information about a particular span.

  5. Sliders / Carousels: Responsive, Modern and Clean Sliders are a must nowadays. Learn how to build one in no time thanks to Bootstrap 4 awesomeness.

  6. Progress Bars: Progress Bars are a cool way of displaying metrics in a visually appealing way. Using divs and custom data attributes, creating colorful and fun progress bars has never been easier.

  7. Modals and Buttons: Modals are modern way of showing additional content without interfering with the initial design. Learn how to build these in this crash course!

  8. Forms: Forms are always the most important part of the website as it allows people to contact you. Don't miss the designing of the Bootstrap 4 awesome responsive forms!

- 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:

  • GET MY E-BOOK FOR FREE: "75+ Must Use Resources for Web Developers & Designers" is a book I've written especially for my students. Its supposed to be your ultimate guide when it comes to finding web resources like stock photos and videos, mockups, PSD templates, icon packs, fonts, typography, design inspiration and much more!

  • ACCESS TO A FACEBOOK GROUP: My students are granted access to a completely private Facebook group where we discuss web design and development topics, share knowledge and help eachother with bugs and issues. You can also contact me personally there, as well.

  • MY PERSONAL FEEDBACK ON YOUR FINISHED WEBSITE: Once you've completed the course and the website you developed is ready, I will be very glad to take a look at it and give you some feedback and thoughts. Feel free to message me in the student chatroom and we'll discuss your website in detail!

  • COMPLETE SUPPORT WITH BUGS/ISSUES: I will be available 24/7 for your questions and queries regarding this course. If you're stuck, facing a problem or have a bug somewhere in your code, I'll be glad to personally inspect your code and fix the error in a timely manner. Just post a discussion in the Q&A section and I'll be there!


What are you waiting for? Click the "ENROLL NOW" button and I can't wait to see you inside!

  • Build responsive websites from scratch using the Bootstrap 4 framework for rapid web development

  • Code and develop responsive landing pages for any type of product

  • Feel comfortable using Bootstrap 4 for developing websites and various web components

Course Curriculum

1 Lectures

0 Lectures

1 Lectures

1 Lectures

Instructor

Profile photo of Filip Kordanovski
Filip Kordanovski

Filip Kordanovski is a self-taught expert UX/UI designer and E-Learning Guru from Skopje, Macedonia. He is truly passionate about his work and he has a deep understanding of various teaching methods and techniques. BACKGROUND & INTERESTS:Filip has more than 7 years experience in the field of web development & design and has recently started teaching and publishing courses online to...

Review
4.9 course rating
4K ratings
ui-avatar of Miriam
Miriam
5.0
5 years ago

Yes, this course was perfect for me. I am familiar with html and css but fom a long time ago and I had no clue about Bootstrap, but now I do. Filip is a fantastic teacher!

  • Helpful
  • Not helpful
ui-avatar of Deb Matovich
Deb M.
5.0
5 years ago

Filip is the Best at teaching about building Websites. He is very detailed and clear in his explanations. I also love his tips of various resource sites and tips with the code editor that can make one's coding faster. He makes the course enjoyable as well as informative.

  • Helpful
  • Not helpful
ui-avatar of Bernd Clarenbach
Bernd C.
5.0
6 years ago

Das ist ein sehr guter Kurs. Es war nie langweilig, ich habe sehr viel gelernt. Alles ist hoch proffessional. Es hat sehr viel Spass gemacht. Kompliment an den Dozenten. Besser kann man es nicht machen.

  • Helpful
  • Not helpful
ui-avatar of Daxter Bels
Daxter B.
5.0
7 years ago

Nice Crash Course. I went through it in 2 days and improved the presentation of my sites. I can now make quick demos and they look a million times better.

  • Helpful
  • Not helpful
ui-avatar of Wendy B
Wendy B.
5.0
7 years ago

I really enjoyed this course - it was well presented and easy to understand. Thank you!

  • Helpful
  • Not helpful
ui-avatar of Jamie Reeves
Jamie R.
5.0
7 years ago

A great 3-hour course that teaches you the basics of Bootstrap 4 and Brackets. Would recommend it to anybody looking to take the first steps to learning the Bootstrap framework. Thanks, Filip!

  • Helpful
  • Not helpful
ui-avatar of Ville Pakarinen
Ville P.
5.0
7 years ago

If you want to learn about bootstrap this is the course for you :)

  • Helpful
  • Not helpful
ui-avatar of Greg Benson
Greg B.
4.5
7 years ago

Not only a great presentation of Bootstrap.js, but I really enjoy using the Brackets editor with the Emmet extension and Live Preview.

  • Helpful
  • Not helpful
ui-avatar of Kalina Trajanoska
Kalina T.
5.0
7 years ago

This course is a great opportunity to get on the right foot with Bootstrap 4. Filip helped me understand how everything works in Bootstrap and not just in theory, but how to use it in real life. The pace is just right, and the content is fitting for different groups of developers. Highly recommended.

  • Helpful
  • Not helpful
ui-avatar of Irfan Dayan
Irfan D.
5.0
7 years ago

Great! I love the way you presented the content. Good luck! Thanks

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses