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.