CSS Bootcamp – Master CSS (CSS Grid / CSS Flexbox)

CSS Bootcamp – Master CSS (CSS Grid / CSS Flexbox), available at $79.99, has an average rating of 4.57, with 89 lectures, 3 quizzes, based on 1376 reviews, and has 7544 subscribers.

You will learn about You will start from basics of CSS, where you will learn things like: CSS selectors, CSS combinators, coloring, inheritance, box model, positions and much more.. After finishing Basic CSS section, you will meet to advanced CSS topics, such as: backgrounds, transitions, transforms, animations, shadow effects and etc. You will learn how to align elements using modern CSS modules, like CSS Flexbox and CSS Grid. Throughout the course you will be building big, real-world, modern-looking and beautiful projects. After finishing the course, you will be able to build your own modern, beautiful websites using pure CSS This course is ideal for individuals who are Students with zero experience in CSS or Students who have some basic knowledge in CSS and want to get deep understanding in CSS or Everyone who wants to become Master in CSS It is particularly useful for Students with zero experience in CSS or Students who have some basic knowledge in CSS and want to get deep understanding in CSS or Everyone who wants to become Master in CSS.

Enroll now: CSS Bootcamp – Master CSS (CSS Grid / CSS Flexbox)

Summary

Title: CSS Bootcamp – Master CSS (CSS Grid / CSS Flexbox)

Price: $79.99

Average Rating: 4.57

Number of Lectures: 89

Number of Quizzes: 3

Number of Published Lectures: 89

Number of Published Quizzes: 3

Number of Curriculum Items: 92

Number of Published Curriculum Objects: 92

Number of Practice Tests: 1

Number of Published Practice Tests: 1

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

You will start from basics of CSS, where you will learn things like: CSS selectors, CSS combinators, coloring, inheritance, box model, positions and much more..
After finishing Basic CSS section, you will meet to advanced CSS topics, such as: backgrounds, transitions, transforms, animations, shadow effects and etc.
You will learn how to align elements using modern CSS modules, like CSS Flexbox and CSS Grid.
Throughout the course you will be building big, real-world, modern-looking and beautiful projects.
After finishing the course, you will be able to build your own modern, beautiful websites using pure CSS

Who Should Attend

Students with zero experience in CSS
Students who have some basic knowledge in CSS and want to get deep understanding in CSS
Everyone who wants to become Master in CSS

Target Audiences

Students with zero experience in CSS
Students who have some basic knowledge in CSS and want to get deep understanding in CSS
Everyone who wants to become Master in CSS

The Complete CSS Course on Udemy!!!

“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!!!

Course Curriculum

Chapter 1: Welcome

Lecture 1: Introduction

Lecture 2: How to Watch Lectures in High Quality

Lecture 3: Setup

Chapter 2: CSS Basics

Lecture 1: What is CSS?

Lecture 2: How to write CSS?

Lecture 3: HTML Elements Tree

Lecture 4: CSS Selectors

Lecture 5: CSS Combinators

Lecture 6: CSS Colors

Lecture 7: Inheritance

Lecture 8: Text Formatting – Part 1

Lecture 9: Text Formatting – Part 2

Lecture 10: Box Model

Lecture 11: Pseudo Classes – Part 1

Lecture 12: Pseudo Classes – Part 2

Lecture 13: Pseudo Elements

Lecture 14: Measurement Units – Part 1

Lecture 15: Measurement Units – Part 2

Lecture 16: Positions – Part 1

Lecture 17: Positions – Part 2

Lecture 18: Overflow

Lecture 19: Floats

Chapter 3: Advanced CSS

Lecture 1: Backgrounds – Part 1

Lecture 2: Backgrounds – Part 2

Lecture 3: Gradients

Lecture 4: Shadows

Lecture 5: Transitions

Lecture 6: Transforms – Part 1

Lecture 7: Transforms – Part 2

Lecture 8: Animations – Part 1

Lecture 9: Animations – Part 2

Chapter 4: Flexbox

Lecture 1: What Is Flexbox?

Lecture 2: Flex Container Properties

Lecture 3: Flex Items Properties

Chapter 5: Project 1 – Grand Hotel (Based on Flexbox)

Lecture 1: Grand Hotel – Project Preview

Lecture 2: Sidebar – Markup

Lecture 3: Sidebar – Style

Lecture 4: Navigation – Markup

Lecture 5: Navigation – Style – Part 1

Lecture 6: Navigation – Style – Part 2

Lecture 7: Create Click Event

Lecture 8: Create markup for Header

Lecture 9: Header – Style

Lecture 10: About Us Section – Markup

Lecture 11: About Us Section – Style – Part 1

Lecture 12: About Us Section – Style – Part 2

Lecture 13: Rooms Section – Markup

Lecture 14: Rooms Section – Style

Lecture 15: Customers Section – Markup

Lecture 16: Customers Section – Style

Lecture 17: Footer – Markup

Lecture 18: Footer – Style

Chapter 6: Responsive Web Design

Lecture 1: Make "Grand Hotel" Project Responsive – Part 1

Lecture 2: Make "Grand Hotel" Project Responsive – Part 2

Lecture 3: Make "Grand Hotel" Project Responsive – Part 3

Chapter 7: CSS Grid

Lecture 1: CSS Grid Introduction

Lecture 2: Setup

Lecture 3: How To Create Grid

Lecture 4: Fractional Units

Lecture 5: Positioning and Spanning Grid Items

Lecture 6: Naming Grid Items – Part 1

Lecture 7: Naming Grid Items – Part 2

Lecture 8: Naming Grid areas

Lecture 9: Explicit and Implicit Grid

Lecture 10: Aligning Grid items

Lecture 11: Aligning Grid tracks

Lecture 12: max-content, min-content, minmax()

Lecture 13: auto-fill, auto-fit

Chapter 8: Project 2 – Furniture Store (Based on CSS Grid)

Lecture 1: Furniture Store – Project Preview

Lecture 2: Navbar – Part 1 – Markup

Lecture 3: Navbar – Part 1 – Style

Lecture 4: Navbar – Search Form

Lecture 5: Navbar – Part 2 – Markup

Lecture 6: Navbar – Part 2 – Style

Lecture 7: Navbar – Part 2 – Dropdown

Lecture 8: Banner – Markup

Lecture 9: Banner – Style

Lecture 10: Banner Slideshow – Part 1

Lecture 11: Banner Slideshow – Part 2

Lecture 12: Day Offer Section

Lecture 13: Bestselling Furniture – Markup

Lecture 14: Bestselling Furniture – Style

Lecture 15: Gallery

Lecture 16: Contact Section and Footer

Lecture 17: Modal box – Markup

Lecture 18: Modal Box – Style – Part 1

Lecture 19: Modal Box – Style – Part 2

Lecture 20: Make Project Responsive

Chapter 9: BONUS

Instructors

Code And Create
Web Development / Web Design
George Lomidze
Web Developer / Designer / Co-Founder of 'CodeAndCreate'
Lasha Nozadze
Web And Software developer

Rating Distribution

1 stars: 10 votes
2 stars: 9 votes
3 stars: 92 votes
4 stars: 466 votes
5 stars: 792 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu