CSS Grid - Build Modern Real World websites fast (+projects)
Unlock the power of CSS Grid with our comprehensive course, CSS Grid - Build Modern Real World websites fast (+projects). Say goodbye to complex positioning and bloated code. With CSS Grid, you can create stunning website layouts with just a few lines of code and achieve responsive designs without relying on frameworks like Bootstrap. From professional 2D web layouts to widgets, carousels, and navigation bars, our step-by-step tutorials will equip you with the skills to control element positioning, size, and spacing effortlessly. ▼
ADVERTISEMENT
Course Feature
Cost:
Paid
Provider:
Udemy
Certificate:
Paid Certification
Language:
English
Start Date:
2021-11-16
Course Overview
❗The content presented here is sourced directly from Udemy platform. For comprehensive course details, including enrollment information, simply click on the 'Go to class' link on our website.
Updated in [July 18th, 2023]
This course, CSS Grid - Build Modern Real World websites fast (+projects), is designed to teach students how to create professional 2-dimensional web layouts with just a few lines of code. Students will learn how to create and design websites, from simple 2 column blogs to complicated website layouts with multiple columns and rows. They will also learn how to make their website into a full-blown responsive website, without using any external frameworks like Bootstrap. Additionally, students will learn how to create widgets, carousels, applications, galleries, navigation bars, menu items, and how to control the position, size and spacing of any number of elements they create without collapsing them.
The course is divided into four modules. In the first module, students will learn the foundations of CSSGrid, including how to make an element a Gridcontainer and what Griditems are and their significance. They will also learn how to create grid columns and rows and how they can be used to layout the website elements in simple ways. In the second module, students will learn about Grid lines and how they can be used to create full blown websites that are placed on 2 dimensional grid lines. They will also learn how to use grid lines to create website layouts and how to align grid items or the website's elements using the various Grid alignment properties. In the third module, students will learn about Grid areas and how they can be used to create complicated website layouts much easier than grid lines. In the fourth module, students will learn how to create a simple, 2-column business website, one that looks like most of the small business HTML websites out there. They will also learn how to make it completely responsive.
Throughout the course, students will be presented with a wealth of over-the-shoulder examples and projects, such as creating a blog layout with Grid line properties, creating website layouts with Grid lines and Grid areas, and creating a simple, 2-column business website. By the end of the course, students will have a valuable skillset that they can apply to any web space, in any sphere.
Course Syllabus
Introduction
Basics of CSS Grid
Grid lines + 2 projects (2 website layouts)
Grid Areas + 2 projects (2 website layouts)
Real world project - desktop + mobile websites
Conclusion
Pros & Cons
Concise and Informative: Users appreciate that the course provides thorough and concise information about CSS Grid, making it easy to understand and follow along. Practical Examples: The course offers real-world examples and projects, allowing users to apply their knowledge and gain practical experience in building complex webpage layouts.
Poor Sound Quality: Some users mentioned that the sound quality of the course was not satisfactory, which could potentially hinder the learning experience. Lack of Coverage on Other Frameworks: One user suggested that it would be beneficial to have an additional video explaining how CSS Grids are used in other frameworks like Bootstrap or Tailwind, to enhance the course's competitiveness in the market.
Course Provider
Provider Udemy's Stats at AZClass
Discussion and Reviews
0.0 (Based on 0 reviews)
Start your review of CSS Grid - Build Modern Real World websites fast (+projects)