[FreeCoursesOnline.Me] [Packt] Practice CSS Grid Projects to Build Modern Real World Websites [FCO]

[FreeCoursesOnline.Me] [Packt] Practice CSS Grid Projects to Build Modern Real World Websites [FCO]

Size
911 MB
Seeders
1
Leechers
1
Files
51
Category
Added
03/16/19 at 3:42pm GMT+1
Infohash
058445550ecfa9a15ced8b59b5650341c33e034e

Description




By: Aarthi Elumalai

Released: Tuesday, February 26, 2019 [NEW RELEASE]

Torrent Contains: 53 Files, 6 Folders

Course Source: https://www.packtpub.com/application-development/practice-css-grid-projects-build-modern-real-world-websites-video



Learn all the CSS Grid concepts and create professional responsive website designs - multiple website layout projects.



Video Details



ISBN 9781838558901

Course Length 4 hours 16 minutes



Table of Contents



• 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



Video Description



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



Style and Approach



This course has 4 modules, where each module will thoroughly explain the intricacies of one of the concepts in CSS Grid with a wealth of over-the-shoulder examples. We'll be using a real-world example to explain the concepts.



What You Will Learn



• CSS Grid concepts with multiple projects for practical experience

• How to create 4+ layouts that can be fleshed out into modern, fully responsive websites

• How to design blogs, business websites, portfolio websites, etc with just a few lines of CSS grid code

• How to create professional 2 dimensional web layouts with just a few lines of code

• How to create and design websites, from simple 2 column blogs to complicated website layouts with multiple columns and rows

• How to make your website into a full-blown responsive website, without using any external frameworks like Bootstrap.

• How to create widgets, carousels, applications, galleries, navigation bars, menu items

• How to control the position, size and spacing of any number of elements you create without collapsing them.



Authors



Aarthi Elumalai



Aarthi Elumalai - Entrepreneur and programmer with 8 & 10 yrs experience resp.



She has been making money online for over 6 years now, right from when she finished high school. She kept equipping her knowledge and trying out new methods throughout college, so when she finished her studies, she can work for herself and someone else. She is proud that she has accomplished that goal. Her businesses involve affiliate marketing, services, list building, Kindle etc. She believes in keeping her eggs in various baskets, and she only preaches what she practices & believes. She recently decided to document her methods and knowledge in the form of helpful information products. She believes in being as thorough as possible, and that's what you'll find in her courses. She will cover every aspect of a business or method so her students are equipped with the complete knowledge they need to start their business and run it successfully.



For More Udemy Free Courses >>> https://ftuforum.com/

For more Lynda and other Courses >>> https://www.freecoursesonline.me/

Our Forum for discussion >>> https://discuss.ftuforum.com/








File list
  • [FreeCoursesOnline.Me] [Packt] Practice CSS Grid Projects to Build Modern Real World Websites [FCO]
  • 01.Introduction/0101.Introduction.mp4 29.5 MB
  • 02.Basics of CSS Grid/0201.Basics of CSS Grid - Display property and grid container.mp4 30.9 MB
  • 02.Basics of CSS Grid/0202.Grid items.mp4 16.1 MB
  • 02.Basics of CSS Grid/0203.Grid columns.mp4 8.1 MB
  • 02.Basics of CSS Grid/0204.Grid columns - part 2.mp4 7.2 MB
  • 02.Basics of CSS Grid/0205.Grid columns - part 3 – fractions.mp4 8.7 MB
  • 02.Basics of CSS Grid/0206.Grid rows.mp4 10.4 MB
  • 02.Basics of CSS Grid/0207.Grid rows - part 2.mp4 6.7 MB
  • 02.Basics of CSS Grid/0208.Grid auto rows property.mp4 13.2 MB
  • 02.Basics of CSS Grid/0209.Grid auto rows property - part 2.mp4 7.3 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0301.Grid lines – intro.mp4 9.1 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0302.Grid lines - grid columns and grid rows properties.mp4 13.8 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0303.Grid lines - grid columns and grid rows properties - part 2.mp4 11.9 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0304.Nested grids.mp4 10.3 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0305.Alignment - align items.mp4 11.9 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0306.Alignment - justify items.mp4 5.4 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0307.Alignment - justify content.mp4 9.4 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0308.Alignment - align content.mp4 8.2 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0309.Alignment - align self & justify self.mp4 7.7 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0310.Project #1 - Layout 1.mp4 13.6 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0311.Project #1 - Layout 1 - part 2.mp4 11.1 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0312.Project #1 - Layout 1 - part 3.mp4 13.9 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0313.Project #2 - Layout 2.mp4 10.2 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0314.Project #2 - Layout 2 - part 2.mp4 14.9 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0315.Project #2 - Layout 2 - part 3.mp4 27.4 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0316.Project #2 - Layout 2 - part 4.mp4 7.5 MB
  • 03.Grid lines + 2 projects (2 website layouts)/0317.Project #2 - Layout 2 - part 5.mp4 15.4 MB
  • 04.Grid Areas + 2 projects (2 website layouts)/0401.Grid area – intro.mp4 11.4 MB
  • 04.Grid Areas + 2 projects (2 website layouts)/0402.Grid area property.mp4 24.9 MB
  • 04.Grid Areas + 2 projects (2 website layouts)/0403.Project #3 - Layout 3.mp4 12 MB
  • 04.Grid Areas + 2 projects (2 website layouts)/0404.Project #3 - Layout 3 - part 2.mp4 17.5 MB
  • 04.Grid Areas + 2 projects (2 website layouts)/0405.Project #3 - Layout 3 - part 3.mp4 28 MB
  • 04.Grid Areas + 2 projects (2 website layouts)/0406.Project #4 - Layout 4.mp4 9.5 MB
  • 04.Grid Areas + 2 projects (2 website layouts)/0407.Project #4 - Layout 4 - part 2.mp4 13.3 MB
  • 04.Grid Areas + 2 projects (2 website layouts)/0408.Project #4 - Layout 4 - part 3.mp4 18.4 MB
  • 04.Grid Areas + 2 projects (2 website layouts)/0409.Project #4 - Layout 4 - part 4.mp4 11.6 MB
  • 05.Real world project - desktop + mobile websites/0501.Real world website project - desktop design - HTML part.mp4 48.9 MB
  • 05.Real world project - desktop + mobile websites/0502.Real world website project - desktop design - basic styles.mp4 18 MB
  • 05.Real world project - desktop + mobile websites/0503.Real world website project - desktop design - grid areas.mp4 19.2 MB
  • 05.Real world project - desktop + mobile websites/0504.Real world website project - desktop design - aligning it right.mp4 26.6 MB
  • 05.Real world project - desktop + mobile websites/0505.Real world website project - desktop design - more stylings.mp4 14.9 MB
  • 05.Real world project - desktop + mobile websites/0506.Real world website project - desktop design - content and sidebar.mp4 25.5 MB
  • 05.Real world project - desktop + mobile websites/0507.Real world website project - desktop design – footer.mp4 48.6 MB
  • 05.Real world project - desktop + mobile websites/0508.Real world website project - responsive design.mp4 37.6 MB
  • 05.Real world project - desktop + mobile websites/0509.Real world website project - responsive design - part 2.mp4 62.8 MB
  • 05.Real world project - desktop + mobile websites/0510.Real world website project - responsive design - part 3.mp4 122.4 MB
  • Discuss.FTUForum.com.html 31.9 KB
  • Exercise Files/exercise_files.zip 331.1 KB
  • FreeCoursesOnline.Me.html 108.3 KB
  • FTUForum.com.html 100.4 KB
  • How you can help Team-FTU.txt 235 B

Rating
Not rated yet
Log in to rate

Comments

No comments yet.


Similar torrents
NameSizeDate
21 MB07/19/2666544444
407 MB07/19/2661804114
2.9 GB07/14/265018900
16 MB07/17/2647783187
1.3 GB08/04/2646873124
13 MB07/13/2645723039
42 MB07/15/2644652975
12 MB07/15/2644482966
13 MB07/14/2644282953
29 MB01/07/2641922791
16 MB01/17/2641622772
1.3 GB01/10/2641042735
11 MB08/14/2639462631
12 MB08/10/2639242620
10 MB08/14/2639232618