Practice CSS Grid Projects to Build Modern Real World Websites [Video]
Video
Video
$39.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
What do you get with video?
What do you get with video?
What do you get with Audiobook?
What do you get with Exam Trainer?
Video
$39.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Access this title in our online reader
Online reader with customised display settings for better reading experience
What do you get with video?
Download this video in MP4 format
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with video?
Stream this video
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with Audiobook?
Download a zip folder consisting of audio files (in MP3 Format) along with supplementary PDF
What do you get with Exam Trainer?
Flashcards, Mock exams, Exam Tips, Practice Questions
Access these resources with our interactive certification platform
Mobile compatible-Practice whenever, wherever, however you want
-
Free ChapterIntroduction
-
Basics of CSS Grid
-
Grid lines + 2 projects (2 website layouts)
- Grid lines – intro
- Grid lines - grid columns and grid rows properties
- Grid lines - grid columns and grid rows properties - part 2
- Nested grids
- Alignment - align items
- Alignment - justify items
- Alignment - justify content
- Alignment - align content
- Alignment - align self & justify self
- Project #1 - Layout 1
- Project #1 - Layout 1 - part 2
- Project #1 - Layout 1 - part 3
- Project #2 - Layout 2
- Project #2 - Layout 2 - part 2
- Project #2 - Layout 2 - part 3
- Project #2 - Layout 2 - part 4
- Project #2 - Layout 2 - part 5
-
Grid Areas + 2 projects (2 website layouts)
-
Real world project - desktop + mobile websites
- Real world website project - desktop design - HTML part
- Real world website project - desktop design - basic styles
- Real world website project - desktop design - grid areas
- Real world website project - desktop design - aligning it right
- Real world website project - desktop design - more stylings
- Real world website project - desktop design - content and sidebar
- Real world website project - desktop design – footer
- Real world website project - responsive design
- Real world website project - responsive design - part 2
- Real world website project - responsive design - part 3
About this
video
By applying the concepts you learn in this course, you can code and design.
Here are the modules:
Module 1 - CSS Grid property - This is the foundation's module. We’ll look at how to make an element a Grid container so that its child items can be manipulated. We'll also look at what Grid items are and their significance. In this module, we'll be looking into how to create grid columns and rows and how they can be used to layout the website elements in simple ways.
Module 2 - Grid lines - In this module, we’ll look at a very important concept - Grid lines. This concept can be used to create full blown websites that are placed on 2 dimensional grid lines (hence the name). We'll look at how to use grid lines to create website layouts, and then we'll create 2 website layout projects using Grid lines as well. We'll also look into how to align grid items or the website's elements using the various Grid alignment properties.
Module 3 - Grid Areas - In this module, we'll look at yet another important concept - Grid areas. We'll look at how we can use grid areas to create complicated website layouts much easier than grid lines. We'll be looking at 2 more website layout projects in this module.
Module 4 - Create a website - real-world project (nonresponsive and responsive) - In this module, you'll learn how to create a simple, 2-column business website, one that looks like most of the small business HTML websites out there. You'll also learn how to make it completely responsive.
All the codes and supporting files for this course are available at: https://github.com/PacktPublishing/Practice-CSS-Grid-Projects-to-Build-Modern-Real-World-Websites
- Publication date:
- February 2019
- Publisher
- Packt
- Duration
- 4 hours 16 minutes
- ISBN
- 9781838558901