Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Design
Web Design
Bootstrap
Fast Bootstrap By 3 Live Responsive Websites In Bootstrap 5

Fast Bootstrap By 3 Live Responsive Websites In Bootstrap 5

Loại khoá học: Web Design

Easily learn the bootstrap 5 by 3 live Responsive websites with visual studio code and bootstrap from scratch

image
50.000 VND
25 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Hi There!

With my 23 years of programming skills I'm with you to share my knowledge with you.

So

If you wanna learn the basics of Bootstrap from pro programmer and real world teacher!

If you try you will learn Bootstrap basics easily!

If you are a beginner or student looking for a tutorial that teach bootstrap with simple project in simplest way!

If you want really to start learning the basics of bootstrap 5 so it's best place that you can start to learn bootstrap 5 bassics!

This course includes :

  • Install BootStrap 5 and Visual Studio code on Windows

  • Design portfolio website

  • Design business website

  • Design modern age website

  • Main parts of bootstrap 5 and containers

  • What is breakpoints in bootstrap 5 ?

  • Default container in bootstrap

  • Fluid container in bootstrap

  • Responsive container in bootstrap

  • Grid system in bootstrap for responsive webpage

  • Customize column width in grid

  • Headings and basic typography

  • Text color - Background color

  • Responsive padding and margin

  • Borders in bootstrap

  • Round image - Rounded corners

  • Horizantal text alignment

  • Display : inline and block

  • Text utilitties

  • Sizing: Width and height of elements

  • Responsive YouTubbe video

  • Responsive image

  • Buttons in bootstrap

  • Sample project to learn bootstrap topics

  • Using SVG in web design

  • Change background color of Vs code editor

  • and …


Don't hesitate to start learning Basics of bootstrap 5 !

Everything will be discussed with sample project and you will have lot of tips and tricks within my course.

Say Hi bootstrap 5 world and let's go !!!

Bạn sẽ học được gì

Easily learn bootstrap from scratch and start designing 3 pro websites

Layout of bootstrap 5 and containers

Breakpoints in bootstrap 5

Default, Fluid & Responsive Container

Grid system, row and column

Typography and Utilities

Headings, Paddings, Margins, Border, ...

Responsive YouTube video

Responsive Image

Buttons in bootstrap

Card element in web design

Forms in bootstrap

Yêu cầu

  • General knowledge of Html

Nội dung khoá học

10 sections

Introduction

2 lectures
Introduction
03:30
Download project files of this course
00:03

Starting Bootstrap 5

2 lectures
Install Bootstrap 5 and Visual Studio code on Win 10
11:54
First project in Vs Code and Bootstrap
13:29

Containers Layout

5 lectures
Main parts of bootstrap and containers
05:33
What is breakpoints in bootstrap?
07:28
Default container
11:08
Fluid container
06:19
Responsive container
07:22

Grid System

2 lectures
Grid system in bootstrap for responsive webpage
11:28
Customize column width in grid
14:23

Typography and Utilities

11 lectures
Headings and basic typography
18:27
Change background color of Vs code editor
02:29
Text color - Background color
12:25
Simple padding and margin
15:39
Responsive padding and margin
10:06
Borders in bootstrap
14:48
Round image - Rounded corners
10:54
Horizontal text alignment
10:13
Display : inline and block
10:51
Text utilities
14:32
Sizing: Width and height of elements
11:51

Final project Bootstrap Basic Components

8 lectures
Design First part in Vs code new project
13:08
Add Responsive YouTube video
15:24
Responsive image
18:06
Project: Using responsive image
22:14
Buttons in bootstrap
19:24
Project: Using bootstrap button
06:53
Navbar or Top Menu in bootstrap
01:01:56
Project: Design responsive Navbar
20:37

Using Vs Code on Windows 11

3 lectures
Installing vs code on Windows 11
05:14
Changing the Vs code theme
01:59
Installing Vs code required extensions
03:53

Project 1: Portfolio Website

17 lectures
Introduction to Project 1 (Portfolio website)
04:47
Creating new project and adding the bootstrap
09:18
Adding the top menu by navbar
12:13
Designing the header section
27:10
Designing “About us” section
16:45
Designing first part of “Services” section
09:12
Designing second part of “Services” section
22:51
Using the font icon to add icons to items
16:38
Designing “Download” section
14:06
Designing first part of “Portfolio” section
09:18
Adding items to “portfolio” section
16:37
Adding text & back color to portfolio items
21:17
Adding animation to “portfolio” items
09:46
Designing “donate” section
08:23
Designing “footer” section
16:11
Connect the menu items to sections
06:32
Defining the required fonts for website
08:55

Project 2: Business website

10 lectures
Introduction to Project 2: Business website
02:30
Creating new project and adding the bootstrap
05:20
Adding the top menu by navbar
08:03
Designing “header” section
21:29
Designing “Features” section
21:26
Designing “Price” section
43:14
Designing “About us” section
22:21
Designing “Contact us” section
30:44
Designing “footer ”section
03:33
Connect the menu items to sections
04:16

Project 3: "New Age" website

12 lectures
Creating new project & adding bootstrap
07:55
Adding the top menu by navbar
11:41
Adding modal form to top menu
23:53
Designing “header” section
23:22
Designing “Ad” section
13:54
Designing the “Features” section
37:41
Designing “More info” section
08:20
Designing “First Download” section
18:19
Designing “Second Download” section
09:22
Designing “Footer” section
07:27
Connect menu items to sections
04:48
Solve the problem on showing modal form
04:07

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

How To Create 2D Defender Game With Unity & C#

How To Create 2D Defender Game With Unity & C#

749.000 VND
50.000 VND
The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

25 VND
50.000 VND
Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi