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

George Lomidze, Web And Software Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
88 Lessons (11h 33m)
    • 1. Promo

      1:44
    • 2. Introduction

      3:31
    • 3. Setup

      5:29
    • 4. What is CSS

      3:17
    • 5. How to write CSS

      9:32
    • 6. HTML Element tree

      2:03
    • 7. CSS Selectors

      9:00
    • 8. CSS Combinators

      5:09
    • 9. Colors

      5:34
    • 10. Inheritance

      3:18
    • 11. Text Formatting - Part 1

      6:05
    • 12. Text Formatting - Part 2

      9:37
    • 13. Box Model

      12:54
    • 14. Pseudo Classes - Part 1

      7:28
    • 15. Pseudo Classes Part 2

      4:00
    • 16. Pseudo Elements

      4:03
    • 17. Measurement Units - Part 1

      6:39
    • 18. Measurement Units Part 2

      6:24
    • 19. Positions - Part 1

      6:12
    • 20. Positions - Part 2

      8:50
    • 21. Overflow

      3:37
    • 22. Floats

      5:54
    • 23. Backgrounds - Part 1

      12:00
    • 24. Backgrounds Part 2

      8:20
    • 25. Gradients

      6:33
    • 26. Shadows

      7:56
    • 27. Transitions

      10:14
    • 28. Transforms - Part 1

      7:14
    • 29. Transforms Part 2

      4:38
    • 30. Animations Part 1

      7:29
    • 31. Animations Part 2

      8:24
    • 32. Flexbox - Introduction

      6:18
    • 33. Flex Container Properties

      14:55
    • 34. Flex Item Properties

      9:35
    • 35. Project 1 - Grand Hotel - Overview

      10:19
    • 36. Markup for Sidebar

      5:51
    • 37. Style Sidebar

      11:51
    • 38. Markup for Navigation

      6:01
    • 39. Style Navigation - Part 1

      12:44
    • 40. Styling of Navigation - Part 2

      9:52
    • 41. Create click event

      10:48
    • 42. Markup for Header

      4:02
    • 43. Style Header

      14:10
    • 44. Markup for About Us

      4:31
    • 45. Style About Us Section - Part 1

      12:45
    • 46. Style About Us Section - Part 2

      5:53
    • 47. Markup for Rooms Section

      6:33
    • 48. Style Rooms Section

      12:40
    • 49. Markup for Customers Section

      4:16
    • 50. Style Customers Section

      7:07
    • 51. Markup for Footer

      8:45
    • 52. Style Footer

      14:50
    • 53. Make Grand Hotel Web page Responsive Part 1

      7:31
    • 54. Make Grand Hotel Web page Responsive Part 2

      9:36
    • 55. Make Grand Hotel Web page Responsive Part 3

      12:14
    • 56. CSS Grid Introduction

      4:46
    • 57. Setup

      5:29
    • 58. How to create Grid

      6:19
    • 59. Fractional Unit

      6:08
    • 60. How to Position Grid Items

      9:27
    • 61. Naming Grid Items - Part 1

      9:28
    • 62. Naming Grid Items - Part 2

      10:02
    • 63. Naming Grid Areas

      5:07
    • 64. Explicit and Implicit grid

      6:00
    • 65. Aligning Grid Items

      6:20
    • 66. Aligning Grid Tracks

      4:06
    • 67. max-content, min-content, minmax()

      5:06
    • 68. auto-fill, auto-fit

      4:39
    • 69. Project Overview

      2:45
    • 70. Navbar - Part 1 - Markup

      5:06
    • 71. Navbar - Part 1 - Style

      16:38
    • 72. Navbar Search input

      6:05
    • 73. Navbar Part 2 Markup

      5:37
    • 74. Navbar Part 2 Styling

      10:26
    • 75. Navbar Part 2 Dropdown

      8:08
    • 76. Banner - Markup

      4:26
    • 77. Banner - Style

      11:06
    • 78. Banner - Slideshow Part 1

      6:50
    • 79. Banner - Slideshow Part 2

      6:43
    • 80. Day Offer Section

      13:00
    • 81. Bestselling Furniture - Markup

      4:41
    • 82. Bestselling Furniture - Style

      9:51
    • 83. Gallery

      10:28
    • 84. Contact and Footer

      9:56
    • 85. Modal Box Markup

      8:15
    • 86. Modal Box Style - Part 1

      11:52
    • 87. Modal Box Style - Part 2

      9:45
    • 88. Make Project Responsive

      21:48
12 students are watching this class

About This Class

The Brand New CSS Course on Skillshare!!!

"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.

INCLUDED:

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)

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.

Next, you will move on to CSS Grid. In which you will learn about this new powerful layout module. And lastly, we will build another big project based on CSS Grid.

Each project built throughout the course, will be fully responsive for all screen device.

Throughout the course, you will meet detailed explanations about how bootstrap works, also, you will introduce to modern practices and solutions.

Get fast and friendly support from instructors 24/7.

JOIN US!!!