Ultimate CSS Grid Course: From Beginner to Advanced
Ultimate CSS Grid Course: From Beginner to Advanced, available at $79.99, has an average rating of 4.65, with 44 lectures, based on 882 reviews, and has 5796 subscribers.
You will learn about Know and understand the CSS Grid specification Create real-world grid layouts blazingly fast Know in how far CSS Grid complements Flexbox Understand even advanced concepts from the CSS Grid spec Use all new properties defined for CSS grid layouts This course is ideal for individuals who are Web designers who want to advance their skills and build maintainable layouts faster or Anyone who wants to stay on top of current development in web technologies or Early adopters who want to know what the (near) future of CSS will look like or Anyone interested in CSS It is particularly useful for Web designers who want to advance their skills and build maintainable layouts faster or Anyone who wants to stay on top of current development in web technologies or Early adopters who want to know what the (near) future of CSS will look like or Anyone interested in CSS.
Enroll now: Ultimate CSS Grid Course: From Beginner to Advanced
Summary
Title: Ultimate CSS Grid Course: From Beginner to Advanced
Price: $79.99
Average Rating: 4.65
Number of Lectures: 44
Number of Published Lectures: 43
Number of Curriculum Items: 45
Number of Published Curriculum Objects: 44
Original Price: $199.99
Quality Status: approved
Status: Live
What You Will Learn
- Know and understand the CSS Grid specification
- Create real-world grid layouts blazingly fast
- Know in how far CSS Grid complements Flexbox
- Understand even advanced concepts from the CSS Grid spec
- Use all new properties defined for CSS grid layouts
Who Should Attend
- Web designers who want to advance their skills and build maintainable layouts faster
- Anyone who wants to stay on top of current development in web technologies
- Early adopters who want to know what the (near) future of CSS will look like
- Anyone interested in CSS
Target Audiences
- Web designers who want to advance their skills and build maintainable layouts faster
- Anyone who wants to stay on top of current development in web technologies
- Early adopters who want to know what the (near) future of CSS will look like
- Anyone interested in CSS
In this course, you’ll…
- Learn how to use all CSS properties defined in the CSS Grid specification
- Complete several exercise sheets to apply your new skills and create your own layouts with CSS Grids
- Write concise and readable CSS code, even for complex layouts
- Sketch layout prototypes in no time using CSS grid layouts
- Learn the basics of how this complements Flexbox and can work in combination with Sass
What Students Say About My Web Design Courses
1) From my Flexbox course:
“Well explained. Efficient teaching. Great skill to learn for CSS. Already applying it to my code and saving time and headaches.” – Shane
“Thanks to this course I’ve got the understanding that going to rework 70% of my current project just to optimize and even simplify the scripts and CSS.. time to wipe out few JS functions and referencing items =)” – Dmitriy
“It just works. I was able to create most of a “holy grail” style, responsive layout with NO extra CSS, and convert an existing template, reducing the code by 90%, in less than two hours after completing this course” – Paul
“Very clear and organized explanation about flexbox. It covers all you need to know about the topic. This is one of the few courses that claims to be “complete” and really is! Very well done! Thanks Peter.” – Fabio
2) From my Sass course:
“Great course! Very useful and detailed!” – Vladislav
“This course provides an excellent in-depth look at how to get up and running using SASS/SCSS. I started with no experience using it and am now quite comfortable using it in all my projects. Highly recommended.” – Jerry
“Really good course. The instructor was very knowledgeable about SASS/SCSS and was able to provide explanations and examples that were relatively easy to follow assuming you have a pretty good understanding of CSS. Would definitely recommend the course to anyone who has a basic understanding of SASS/SCSS and wants to learn even more.” – John
What Else You Can Expect
As always, I’ll answer all your questions inside the course to help you along the way.
There are many practice exercises included in this course for you to apply what you learn, along with my proposed solutions to look up on GitHub. So you’ll get to apply and manifest your skills right away.
Remember there’s a 30-day money-back guarantee so feel free to take a look inside the course with any risk. There are also several free preview lectures available for you to see if this course is for you.
Course Curriculum
Chapter 1: Introduction
Lecture 1: Welcome to the CSS Grids Course!
Lecture 2: What You'll Be Able to do After this Course
Chapter 2: Intro to CSS Grid Layouts
Lecture 1: What is CSS Grid?
Lecture 2: Browser Support
Lecture 3: Quick & Easy Set-Up
Lecture 4: CSS Grid Terminology
Chapter 3: Defining and Using CSS Grids
Lecture 1: Intro
Lecture 2: Enabling CSS Grid with display: grid
Lecture 3: Defining the Grid: grid-template-rows & grid-template-columns
Lecture 4: Arranging Grid Items: grid-row-start/end & grid-column-start/end
Lecture 5: Spanning a Fixed Number of Rows or Columns: span
Lecture 6: Naming Grid Lines
Lecture 7: Defining Gutters: grid-row-gap & grid-column-gap
Lecture 8: Source-Order Independence: order
Lecture 9: Exercise Sheet 1: Apply What You Learned!
Chapter 4: Using Grid Areas, Equal Sizes, repeat() & minmax()
Lecture 1: Intro
Lecture 2: Using Grid Areas: grid-area
Lecture 3: Using Grid Areas: grid-template-area
Lecture 4: Repeating Rows and Columns: repeat()
Lecture 5: The fr Unit
Lecture 6: Defining Minimum and Maximum Sizes: minmax()
Lecture 7: Auto-Filling a Grid with Rows and Columns: repeat(auto-fill)
Lecture 8: repeat(auto-fit)
Lecture 9: Exercise Sheet 2: Apply What You Learned!
Chapter 5: Justifying the Grid Container and Grid Items
Lecture 1: Intro
Lecture 2: Justifying Items Horizontally: justify-items
Lecture 3: Aligning Items Vertically: align-items
Lecture 4: Justifying the Container: justify-content
Lecture 5: Aligning the Container: align-content
Lecture 6: Overriding Alignments: justify-self & align-self
Lecture 7: Exercise Sheet 3: Apply What You Learned!
Chapter 6: The Implicit Grid and Grid Flow
Lecture 1: Intro
Lecture 2: The Implicit Grid: grid-auto-rows & grid-auto-columns
Lecture 3: Flow for the Implicit Grid: grid-auto-flow
Lecture 4: Shorthand When Using "grid"
Lecture 5: Exercise Sheet 4: Apply What You Learned!
Chapter 7: Advanced CSS Grids
Lecture 1: Intro
Lecture 2: Overlapping Grid Items
Lecture 3: Nested Grids
Lecture 4: CSS Grid and Absolute Positioning I
Lecture 5: CSS Grid and Absolute Positioning II
Lecture 6: Layout Prototyping
Chapter 8: Bonus
Lecture 1: Bonus: Reach Your Full Potential As A Software Developer
Instructors
-
Peter Sommerhoff
Developer & Software Engineer – With 45,000+ Happy Students
Rating Distribution
- 1 stars: 6 votes
- 2 stars: 14 votes
- 3 stars: 83 votes
- 4 stars: 295 votes
- 5 stars: 484 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!
You may also like
- Top 10 Content Creation Courses to Learn in December 2024
- Top 10 Game Development Courses to Learn in December 2024
- Top 10 Software Testing Courses to Learn in December 2024
- Top 10 Big Data Courses to Learn in December 2024
- Top 10 Internet Of Things Courses to Learn in December 2024
- Top 10 Quantum Computing Courses to Learn in December 2024
- Top 10 Cloud Computing Courses to Learn in December 2024
- Top 10 3d Modeling Courses to Learn in December 2024
- Top 10 Mobile App Development Courses to Learn in December 2024
- Top 10 Graphic Design Courses to Learn in December 2024
- Top 10 Videography Courses to Learn in December 2024
- Top 10 Photography Courses to Learn in December 2024
- Top 10 Language Learning Courses to Learn in December 2024
- Top 10 Product Management Courses to Learn in December 2024
- Top 10 Investing Courses to Learn in December 2024
- Top 10 Personal Finance Courses to Learn in December 2024
- Top 10 Health And Wellness Courses to Learn in December 2024
- Top 10 Chatgpt And Ai Tools Courses to Learn in December 2024
- Top 10 Virtual Reality Courses to Learn in December 2024
- Top 10 Augmented Reality Courses to Learn in December 2024