CSS Grid - Master CSS Grid + Layout Task + 5 Real World Ex.

Master CSS Grid and create responsive layouts. Learn CSS Grid by doing layout tasks and 5 Real World CSS Grid Exercises.
4.41 (91 reviews)
Udemy
platform
English
language
Web Design
category
instructor
CSS Grid - Master CSS Grid + Layout Task +  5 Real World Ex.
2 772
students
2.5 hours
content
Apr 2019
last update
$29.99
regular price

Why take this course?

🌟 Course Title: Master CSS Grid: Learn Layout Tasks & Real World Exercises with JD Solanki

Headline: Dive into the world of responsive web design with our comprehensive CSS Grid mastery course! With hands-on learning and real-world exercises, you'll become a CSS Grid expert. 🚀


Why Choose This Course? 🤔

Comprehensive Learning: Every concept of CSS Grid is explained from the ground up, ensuring you have a solid understanding of the topic.

Practical Approach: This course focuses solely on practical exercises—no theory without action!

Real-World Application: Get hands-on with 5 Real World Exercises + 1 Layout Task that will challenge and enhance your skills.

Engaging Presentation: Learn with engaging animations and examples, making complex topics clear and easy to grasp.

Responsive Layouts: Master the art of creating responsive layouts that adapt to different screen sizes without a single media query.

Terminology Made Simple: No more searching for answers; all terminology is explained as you learn.

High-Quality Resources: Access downloadable videos and coded files to complement your learning experience.


Course Overview: 🖥️

Starting from the basics of HTML & CSS, this course will guide you through every aspect of the CSS Grid layout system, ensuring you're well-versed in both the fundamentals and more advanced techniques. You'll tackle exercises designed to reinforce your learning and build confidence as you progress.


Course Curriculum: 📚

  1. The Basics of CSS Grid: We'll begin by establishing a foundation with the core concepts of CSS grid.

  2. Intermediate Concepts: As we move forward, we'll explore lightweight topics to keep things fresh and maintain your confidence in coding.

  3. Real-World Exercises: Apply what you've learned with 5 hands-on exercises that simulate real-world scenarios.

  4. Layout Task: Put your skills into practice with a comprehensive layout task, learning different methods to build a basic layout from scratch.

  5. Advanced Techniques: Delve deeper into CSS Grid mastery by understanding aligning items, tracks, explicit grids, and handling content like a pro.


Course Update: 📢

  • Exercise 1: Create a compelling Feature Section.
  • Exercise 2: Design an engaging About Us Section.
  • Exercise 3: Layout for a Blog page.
  • Exercise 4: Design a responsive Products Page.
  • Exercise 5: Make a responsive Blog page Layout.

Conclusion: 🎓

In this course, you'll not only learn the intricacies of CSS Grid but also how to create complex layouts with ease thanks to the exercises you'll complete. Your journey towards mastering CSS Grid will be a rewarding one, culminating in your ability to produce responsive designs without relying on media queries.

Don't hesitate! Enroll now and join a community of learners who are ready to transform their web design skills. See you inside the course! 👩‍💻✨

Course Gallery

CSS Grid - Master CSS Grid + Layout Task +  5 Real World Ex. – Screenshot 1
Screenshot 1CSS Grid - Master CSS Grid + Layout Task + 5 Real World Ex.
CSS Grid - Master CSS Grid + Layout Task +  5 Real World Ex. – Screenshot 2
Screenshot 2CSS Grid - Master CSS Grid + Layout Task + 5 Real World Ex.
CSS Grid - Master CSS Grid + Layout Task +  5 Real World Ex. – Screenshot 3
Screenshot 3CSS Grid - Master CSS Grid + Layout Task + 5 Real World Ex.
CSS Grid - Master CSS Grid + Layout Task +  5 Real World Ex. – Screenshot 4
Screenshot 4CSS Grid - Master CSS Grid + Layout Task + 5 Real World Ex.

Loading charts...

Related Topics

1717204
udemy ID
27/05/2018
course created date
03/07/2019
course indexed date
Bot
course submited by