Udemy

Platform

English

Language

Web Development

Category

Learn by building - Bootstrap 5 From scratch with 8 Projects

Master Bootstrap 5 and build 8 real world templates - Learn by building

Learn by building - Bootstrap 5 From scratch with 8 Projects

5

Students

19 hours

Content

Feb 2021

Last Update
$8640
Regular Price

What you will 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

Learn how to integrate and customize modern jQuery plugins into any template

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




Description

This course will literally take you from knowing nothing about Bootstrap to learning all of the utilities, components, widgets and grids and building real world themes and websites. You do NOT need to know Bootstrap 3 for this course. Even if you already know Bootstrap 4, skip the learning sections and head right for section 6 to create the simple boiler theme and start the projects. Everything is completely modular!

In this course, we will learn bootstrap 5 customize, layout, content, forms, components, helpers, utilities and extends from scratch. This course will take you from knowing nothing about bootstrap to the advanced web developer who can build amazing themes. You don't need to know bootstrap 4 or 3 for this course.

Why this course ? 

We watched all the new bootstrap 5 courses and videos to offer what other courses or videos do not do.

Why choosing Yossef Zedan as an instructor ? 

Yossef Zedan has been teaching 2500+ and knows how students can learn the easiest way to build modern looking responsive websites and templates

--------------------------

This course is designed to cover every element inside the bootstrap website and know how to use it.. In this course we are using every element of HTML5, CSS3 and JS inside bootstrap website. We will know how to add jQuery to bootstrap 5. We will know how bootstrap designers use extra css to build templates. By the end of this course, you will be having 17 extra templates to practice and take them as a reference to build your own templates, you can find them in the last section.

8 Real Projects/Themes

We will create 5 real world templates including. These projects are completely open source and you are free to use them anywhere. These templates are well designed to cover every element in bootstrap 5

  1. Portfolio - We will use customize, layout, content, forms, components, helpers and utilities

  2. Photography - We will use customize, layout, content, forms, components, helpers and utilities

  3. Music - We will use customize, layout, content, forms, components, helpers and utilities

  4. Freelancer - We will use customize, layout, content, forms, components, helpers and utilities

  5. Bicycle - We will use customize, layout, content, forms, components, helpers and utilities

  6. Finance - We will know how bootstrap designers add extra CSS to design the different amazing templates. We will use Components, content, utilities and layout

  7. Selling themes - We will use customize, layout, content, forms, components, helpers and utilities

  8. Artist - We will use content, components and layout

By the end, you will be having 17 different templates to practice on bootstrap 5 * included in the introduction video *



Content

Introduction

Introduction

Getting started

Getting started

Customize

Colors

CSS variables

Layout

Breakpoints

Containers

Grid

Columns

Gutters, utilities and z-index

Examples of grid system

Content

Reboot

Typography

Images

Tables

Figures

Examples of content

Portfolio theme

Download Source Code for the portfolio theme

Adding Home Section

About Section 1

About Section 2

Features 1

Features 2

Features 3

Features 4

Footer

Forms

Form Control

Select

Check and radios

Range

Input group

Floating labels

Validation 1

Validation 2

Examples for forms

Adding contact form to portfolio

Contact form

Components

Accordion

Alerts

Adding an alert to portfolio

Badge

Breadcrumb

Buttons

Button group

Card

Carousel

Adding carousel to portfolio

Collapse

Dropdowns

List group

Modal

Nav & tabs

Navbar

Pagination

Popovers and Progress

Scrollspy

Spinners

Toasts

Tooltips

Examples for components

Portfolio theme

Navbar, modal and toast to portfolio

Responsive Contact form

Photography template

Download Source Code

About Section

Features 1

Features 2

Features 3 - Responsive design

Features 4

See more section

Contact form

Footer

Display according to width of the screen

Helpers

Clear fix , colors and ratio

Position, visually hidden, stretched link and truncation

Examples for helpers

Utilites

Background and borders

Float to Spacing

Text, vertical alignment and visually hidden

Examples for utilities

Music theme

Download Source Code

Carousel for music

Features

Mark Section

Footer for music

Freelancer theme

Download Source Code

Home Section 1

Home Section 2

About Section 1

About Section 2

About Section 3

About Section 4

Marketing 1

Marketing Section 2

Marketing Section 3

Contact form

Footer

Bicycle template

Download Source Code

Home Section 1

Home Section 2

Portfolio Section 1

Portfolio Section 2

Featured

Footer

Finance theme

Download Source Code

Sidenav 1

Navbar 2

Content

Dividing the page

Selling themes theme

Download Source Code

Home Section

Develop section

Feedback section

Portfolio

Themes

Responsive design for the themes

Pricing Section

Rating Section

Artist Theme

Download Source Code

Home Section

Makers section

Partners section

Trusted and Footer artist

Extra examples to practice

Navbars

The Album template

The blog template

Carousel template

Checkout form

The cover page

Dashboard template

Masonry template

Navbar bottom

Navbar static

Offcanvas template

Pricing template

Product template

Sign-in page

Starter template

Sticky footer

Sticky footer navbar

Jo best template

wooLanding



Coupons

StatusDateDiscount
Valid2/23/202195% OFF


3803772

Udemy ID

1/26/2021

Course created date

2/23/2021

Course Indexed date
ANUBHAVJAIN
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore