Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Bootstrap 5 From scratch with 13 Projects | 4 Sass Projects

via Udemy

Overview

Master Bootstrap 5 and build 13 real world templates and themes

What you'll learn:
  • Learn and create amazing high quality Bootstrap 5 themes and UIs from scratch
  • Learn the Bootstrap 5 utilities, classes, components & JS widgets using a custom sandbox environment
  • Learn semantic HTML5 & modern CSS3 techniques
  • Learn to design and develop your own Bootstrap 5 Templates from scratch
  • Use the latest HTML5 and CSS3 to add unique styling to Bootstrap
  • Get a crash course of the Bootstrap Grid System with the theme layout
  • Fine tune your HTML and CSS skills for responsive website development
  • Learn how to work with responsive images and icons
  • Learn how to create forms and to choose great fonts for your website.
  • After finishing the course you will be able to build modern, great-looking websites on your own
  • Build 13 Bootstrap 5 amazing templates
  • Learn how to use Bootstrap 5 HTML5
  • Learn how to use Bootstrap 5 CSS3
  • Learn how to use Bootstrap 5 JavaScript
  • Downloadable lectures
  • Downloadable source code

Projects built in this course: yossefzedan. github. io/bootstrap5/.

Welcome to Bootstrap 5 from scratch with 13 projects. the only course you need to learn coding with Bootstrap 5.

Bootstrap is the most popular CSS framework used to build responsive web design and applications. In Bootstrap 5, there are more UI elements and more advanced features. There are a lot of popular websites built with Bootstrap such as Apple Maps Connect, Forbes, Fox News, etc.

In this course, you will learn how to use Bootstrap 5 from scratch to the professionalism with 13 real world project using Bootstrap 5 CSS framework and moving through the Bootstrap 5 documentation step by step and learn how to use the UI elements with powerpoint presentations and a complete Learning Kit.

EVEN IF YOU DON'T HAVE ANY PRIOR EXPERIENCE WITH BOOTSTRAP. This course will take you from zero to building websites mentioned in the link above

Before you get started with this Bootstrap 5 course, there are some prerequisites. Although this Bootstrap 5 course covers everything from scratch. You need some skills to get started.

You need to have the basic knowledge of HTML5 &CSS3. Actually, you do not have to be a professional with CSS, you just need its basics *adding classes and IDs*. You do not need any prior JavaScript knowledge

Even if you have only basics of HTML5, CSS3 & Javascript , this course will take you from beginner to professional and build completely professional websites. Here's why:

  • The course is a taught by the Yossef Zedan who is certified from University of Michigan and University of London

  • The course has been updated to be 2021 ready and you'll be learning the latest bootstrap version used at large companies websites.

  • This course doesn't cut any corners, there are 13 of real-world projects which you will get to build. e.g. Portfolio, bicycle, charts.

  • The curriculum was developed 4 times to meet your expectations over a period of 6 months, with comprehensive student testing and feedback.

  • You'll save yourself over $4,000 by enrolling, and still get access to the same teaching materials and curriculum

  • The course is constantly updated with new content, with new projects and modules determined by students - that's you!


We'll take you step-by-step through engaging video tutorials and teach you everything you need to know to succeed as a web designer.

The course includes over 30+ hours of HD video tutorials and builds your programming knowledge while making real-world Bootstrap projects.

Throughout this comprehensive course, we cover every element in bootstrap. Here's how we will go throughout the course:

In the section 1, you will know what we will build by the end of this course using Bootstrap 5 and download Bootstrap 5 examples, the learning kit and the source code for the course

In the section 2, you will learn how to use colors and CSS variables of Bootstrap 5

In the section 3, you will learn how to use bootstrap to make any website in the world responsive using few lines of code without typing any CSS line with breakpoints, containers, grid system, columns and gutters of Bootstrap 5 Layout

In the section 5, you will learn how to add content and make it responsive with Bootstrap 5 such as responsive images, tables and more

In the section 5, you will learn how to the forms of Bootstrap 5 and how to use form control, select area, checks, radios, ranges and more.

In the section 6, you will learn about the components in Bootstrap 5. You will learn how to use Bootstrap 5’s Dismissible alerts, Cards, Dropdowns, Modals, placeholders, offcanvas and more.

In the section 7, you will learn how to use Bootstrap helpers to add colored links, positions and more.

In the section 8, you will learn how to use shadows, backgrounds, borders, flexbox, vertical alignment, spacing and more

By the end of this course, you will be fluently programming with Bootstrap and you'll be so good at Bootstrap at that you can get a job or use the library professionally.

You'll also build 13 projects with Bootstrap 5 that you can show off to any potential employer. Including:

  1. Blog (Beginner level with Bootstrap 5)

  2. Newspaper (Beginner level with Bootstrap 5)

  3. Multipage (Beginner level with Bootstrap 5)

  4. Book (Intermediate level with Bootstrap 5)

  5. Dashboard (Intermediate level with Bootstrap 5)

  6. Boosting business (Intermediate level with Bootstrap 5)

  7. Portfolio (Professional level with Bootstrap 5)

  8. Bicycle (Professional level with Bootstrap 5)

  9. Selling online themes (Professional level with Bootstrap 5)

  10. Fiction (Sass level with Bootstrap 5)

  11. Cars (Sass level with Bootstrap 5)

  12. E-commerce (Sass level with Bootstrap 5)

  13. Charts (Sass level with Bootstrap 5)

Bonus projects to practice with Bootstrap 5

  1. Pricing template |Beginner level

  2. Album template |Beginner level

  3. Carousel |Beginner level

  4. Checkout |Beginner level

  5. Cover |Intermediate level

  6. Dashboard |Intermediate level

  7. Features |Intermediate level

  8. Freelancer |Intermediate level

  9. Private trainer |Intermediate level

  10. Photography | Professional level

  11. E-commerce store | Professional level


Sign up today, and look forward to:

  • Video Lectures

  • Fully Fledged Projects

  • Bootstrap Resources and Cheatsheets

  • Downloadable lectures

  • $4,000+ Bootstrap Pro Bootcamp course materials and curriculum.


Don't just take my word for it, check out what existing students have to say about my courses:

"I have learned so much more about Bootstrap. I was familiar with it from the concepts, but I what I have so far through this course has been wonderful. I can't wait to learn more."

"Exceptional Way of study and explanation"

"An amazing course and instructor.. The way of teaching makes me optimistic"

"this course is really effective, I learned a lot and improved a lot, thank you for offering such an amazing course"

"Very good course so far, insightful, a little pacy, clear explanations and also shows mistakes which helps new people . This course also is structured well."

"I love how thorough this course is!"

"I can't really describe how wonderful this course is. The instructor is very friendly and helpful. I can build completely responsive websites now in less than 1 hour. Thank you Mr Yossef Zedan"


Taught by

Yossef Ayman Zedan

Reviews

4.6 rating at Udemy based on 139 ratings

Start your review of Bootstrap 5 From scratch with 13 Projects | 4 Sass Projects

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.