Download appDownload App

CSS Bootcamp - Master in CSS (Including CSS Grid / CSS Flexbox)

"CSS Bootcamp - Master in CSS (Including CSS Grid / Flexbox)". If you want to learn how to create modern, beautiful and real-world websites using just pure CSS, then this is the right course for yo...

  • All levels
  • English

Course Description

"CSS Bootcamp - Master in CSS (Including CSS Grid / Flexbox)". If you want to learn how to create modern, beautiful and real-world websites using just pure CSS, then this is the right course for you. Course consists of several sections. You will start from CSS essentials, in which you will meet some basic topics. Then after finishing basic part, you will move on to advanced CSS, where you wi...

"CSS Bootcamp - Master in CSS (Including CSS Grid / Flexbox)". If you want to learn how to create modern, beautiful and real-world websites using just pure CSS, then this is the right course for you. Course consists of several sections. You will start from CSS essentials, in which you will meet some basic topics. Then after finishing basic part, you will move on to advanced CSS, where you will be able to learn advanced things in CSS, such as: backgrounds, transitions, transforms, animations, shadows and much more. Advanced CSS section will be followed by CSS Flexbox part, in which you will learn about how to create layout of your web page using CSS Flexbox. After Flexbox section, we will build our first project - "Grand Hotel". It will be a real-world, modern-looking and beautiful web page about hotel. Layout of this project will be fully created using CSS Flexbox.

What you’ll learn
  • 1. CSS Basics
  • 2. Advanced CSS
  • 3. Flexbox
  • 4. Project 1 - "Grand Hotel" (Based on Flexbox)
  • 5. CSS Grid
  • 6. Project 2 - "Furniture Website" (Based on CSS Grid)

Covering Topics

1
Section 1 : Welcome
2
Section 2 : CSS Basics
3
Section 3 : Advanced CSS
4
Section 4 : CSS Flexbox
5
Section 5 : Project 1 - Grand Hotel (Based on CSS Flexbox)
6
Section 6 : Responsive Web Design
7
Section 7 : CSS Grid
8
Section 8 : Project 2 - Furniture Store (Based on CSS Grid)

Curriculum

      Section 1 : Welcome
1
Introduction Preview
2
Setup
      Section 2 : CSS Basics
3
What is CSS? Preview
4
How to write CSS? Preview
5
HTML Elements Tree Preview
6
CSS Selectors Preview
7
CSS Combinators
8
CSS Colors
9
Inheritance
10
Text Formatting - Part 1
11
Text Formatting - Part 2
12
Box Model
13
Pseudo Classes - Part 1
14
Pseudo Classes - Part 2
15
Pseudo Elements
16
Measurement Units - Part 1
17
Measurement Units - Part 2
18
Positions - Part 1
19
Positions - Part 2
20
Overflow
21
Floats
      Section 3 : Advanced CSS
22
Backgrounds - Part 1 Preview
23
Backgrounds - Part 2
24
Gradients
25
Shadows
26
Transitions
27
Transforms - Part 1
28
Transforms - Part 2
29
Animations - Part 1
30
Animations - Part 2
      Section 4 : CSS Flexbox
31
What is Flexbox? Preview
32
Flex Container Properties
33
Flex Items Properties
      Section 5 : Project 1 - Grand Hotel (Based on CSS Flexbox)
34
Grand Hotel - Project Overview Preview
35
Sidebar - Markup
36
Sidebar - Style
37
Navigation - Markup
38
Navigation - Style - Part 1
39
Navigation - Style - Part 2
40
Create Click Event
41
Header - Markup
42
Header - Style
43
About Us Section - Markup
44
About Us Section - Style - Part 1
45
About Us Section - Style - Part 2
46
Rooms Section - Markup
47
Rooms Section - Style
48
Customers Section - Markup
49
Customers Section - Style
50
Footer - Markup
51
Footer - Style
      Section 6 : Responsive Web Design
52
Make "Grand Hotel" Project Responsive - Part 1
53
Make "Grand Hotel" Project Responsive - Part 2
54
Make "Grand Hotel" Project Responsive - Part 3
      Section 7 : CSS Grid
55
CSS Grid Introduction Preview
56
Setup
57
How to Create Grid
58
Fractional Units
59
Positioning and Spanning Grid items
60
Naming Grid Items - Part 1
61
Naming Grid Items - Part 2
62
Naming Grid Areas
63
Explicit and Implicit Grid
64
Aligning Grid Items
65
Aligning Grid Tracks
66
max-content, min-content, minmax()
67
auto-fill, auto-fit
      Section 8 : Project 2 - Furniture Store (Based on CSS Grid)
68
Furniture Store - Project Overview Preview
69
Navbar - Part 1 - Markup
70
Navbar - Part 1 - Style
71
Navbar - Search Form
72
Navbar - Part 2 - Markup
73
Navbar - Part 2 - Style
74
Navbar - Part 2 - Dropdown
75
Banner - Markup
76
Banner- Style
77
Banner Slideshow - Part 1
78
Banner Slideshow - Part 2
79
Day Offer Section
80
Bestselling Furniture - Markup
81
Bestselling Furniture - Style
82
Gallery
83
Modal Box - Markup
84
Contact Section and Footer
85
Modal Box - Markup
86
Modal Box - Style - Part 1
87
Modal Box - Style - Part 2
88
Make Project Responsive

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.