Grid Core Theory and Practical Application

The fastest way to skill up your publisher responsive layout skills,
Conquer responsive layouts with CSS Grid!

🔊 What is CSS Grid?

CSS Grid is a system that creates layouts in rows and columns, horizontally and vertically, and is a new CSS technology that is optimized especially for creating responsive web. The layout method of creating responsive web with Flex is also good, but the CSS Grid layout creation method is an essential course for jumping up to intermediate publishing.

🔊 Why should you use CSS Grid?

There are not many websites that are currently being produced without responsive web. So publishers are always worried about how to make responsive web. The existing website production method requires too much work to change the form to responsive. Flex is also a good alternative, but changing it to responsive is not easy.

CSS Grid is a responsive layout production method that solves all these problems at once. That's why practical publishers say you should use Grid.

🔊 To grow to an intermediate level, it is now time to master the ability to use the Grid.

The course for intermediate publishing skills will fully learn the existing layout CSS production method, learn the Flex layout production method, and create a real website. And through all the core properties of CSS Grid and usage examples, you will acquire solid grid usage skills.

⭐ What are the features of Coding Works’ CSS Grid course?

CSS Grid is made in a completely different way from the existing layout creation method. Therefore, it is not easy for beginners to learn the core of grid utilization through internet blogs or YouTube because of the very unfamiliar grammar and system.

So in Coding Works' ' Grid Core Theory and Practical Usage Examples ' lecture, you will learn through Coding Works' own textbook ( PDF) that contains the theory and usage of all the core properties of CSS Grid , and you will be able to firmly understand the grid properties through videos produced by property based on the textbook . That's why Grid may seem unfamiliar at first, but I think you will soon get used to it.

Additionally, you will create a grid layout coding portfolio by watching videos of practical examples of the core theories learned through textbooks and videos.

CSS Grid core theory and practical application example production process

'About 12 hours of CSS Grid responsive publishing lecture'

How to use a text editor (5 lessons, about 2.3 hours)
CSS Grid Core Theory (30 lectures, approximately 5.2 hours)
Creating Practical UI Examples by CSS Grid Type (20 lectures, approximately 4.2 hours)

CSS Grid Core Theory PDF Textbook Provided
Download all completed examples produced in class

▼ CSS Grid Core Theory Responsive Core Theory PDF Textbook (66 pages)

▼ Responsive Practical Example Production Notes Using CSS Grid Core Theory PDF Textbook (19 pages)

▼ Responsive practical examples using CSS Grid core theory

▼ Responsive practical examples using CSS Grid core theory

▼ Responsive practical examples using CSS Grid core theory

▼ Responsive practical examples using CSS Grid core theory

🙋🏻‍♂️ Prerequisite knowledge for taking the course

This lecture is about Grid, and it is a course that starts from the core theory of Grid to application and practical examples. And at the end, there is also a course to create a responsive website that is arranged in Grid. This lecture has the special feature of being a lecture that was created with the theme of Grid Responsiveness, but it is the same as a general publishing lecture.

The core theory of grid will be covered step by step from the basics, so don't be too scared and start. However, you should have a basic understanding of HTML+CSS. If you are still lacking, you can take the Grid course while studying HTML+CSS.

Among my lectures, there is a 'HTML+CSS+JQUERY Portfolio Intermediate Practical Publishing Lecture '. The theoretical content and practical example production content in this lecture almost covers all the content needed to produce this responsive website. In other words, I think this is a lecture that will definitely help you build the basics of HTML+CSS+JQUERY.

Except for a few things, I think it will be much easier to follow along if you study the contents of 'HTML+CSS+JQUERY Portfolio Intermediate Practical Publishing Course ' once in order to create this responsive website.

The bottom line is...

I don't think there will be any major problems in following along unless you are a beginner or just starting out.

If you have learned the basics of HTML+CSS through other lectures, I believe you will be able to follow along and complete the responsive website creation course with an understanding of why it is done this way.

🙋🏻‍♂️ Learning methods for efficient learning

• [Download] Grid Core Theory Guidebook (PDF) and Completed Version. It will be very helpful to watch the core theory video while looking at the Coding Works GRID Guidebook (Guide Book)-Part 1 (Core Theory) file. The core theory lecture is based on the provided PDF textbook.
• Section 6. [Download] Grid Core Theory Guidebook (PDF) and Completed Version and [Part 2] Grid Property Utilization Examples and Practical Examples Completed Version, download the compressed file, unzip it, and start from the desired learning content. Since this is the completed version when you start learning, delete the index.html and style.css files and start from the beginning.

🙋🏻‍♂️ Expected questions and required reading related to the lecture

Q. Is there a video explaining intermediate CSS theory while making examples ?
A. ' There are a lot of intermediate theories that are not covered in the basic theory when making examples. Where can I take intermediate theory classes? ' This question is frequently posted on the bulletin board.

This course is not about creating a beginner publishing example. It is about creating a beginner to intermediate publishing example. So you should have some knowledge of CSS beginner and intermediate theories. But you don't have to know them all. We will continue to repeat CSS beginner and intermediate theories while creating examples. And there is a detailed video of essential intermediate theories needed for creating examples in the playlist called [Intermediate Theory] CSS Intermediate Theory on the Coding Works YouTube Publishing Channel, so it would be good to learn intermediate theories while taking this course.

Q. If I take this course, will I be able to work as a publisher in the field?
A. This course does not cover all the publishing skills needed for a publisher job, but I think it is a good start just by being able to create a responsive web with the core theory of CSS Grid and practical application examples.

Q. Is there a separate theory part in this course that explains HTML+CSS+JQUERY publishing theory?
A. The course you are currently taking is a course that studies grid with CSS Grid as its theme and creates responsive practical examples, so there is no separate part on basic publishing theory required for the introductory beginner course, except for CSS Grid theory. We recommend that you improve your skills through the Coding Works Publishing YouTube channel or other courses to learn the basic theory part and practical example creation.

Q. Where can I ask questions if I don't understand something while studying?
A. If you have any questions, please leave a message on the [Questions & Answers] bulletin board and we will respond as soon as we can, even if it is not immediately. And Please be as specific as possible with your questions. It is difficult to give a sufficient answer when your question is not specific. So when you ask a question, please attach a screenshot of the HTML, CSS, and JQUERY code you are writing along with the content you are curious about. This will make it much easier for me to answer.

Q. Where can I get the completed example and textbook PDF files?
A. All files provided to students can be downloaded from Section 6 at the end. [Download] Grid Core Theory Guidebook (PDF) and Completed Version .

Q. Instructor, would it be a good idea to first look at the Publisher Job Search Real Practical Guide during class?
A. It is important to learn more publishing skills, but it is important to first establish the basics as a publisher. The Publisher Job Practical Guide e-book (PDF) thoroughly organizes the contents that you must know as a publisher, such as 'What are the basics of publishing?', 'Desirable coding habits and principles, and publishing like an experienced person'. We recommend that you first look at the Publisher Job Practical Guide e-book (PDF) and study to gain a sufficient understanding of the basics of publishing. Click the image below to see the class introduction.

👨🏼‍🏫 Instructor Introduction

• (Currently) Freelance Frontend Publisher
• Jo Eun Computer Academy Web Publishing Instructor
• Now a Web Publishing Instructor at Computer Academy
• Front-end publisher, front-end publishing specialist
• Now, the Computer Academy Web Design Technician Practical Certification Course
• Lakpia ICT Training Center Front-end Publishing Master Course Instructor
• Easy & Edu Front-end Publishing, UI/UX Design
• HTML+CSS+JQUERY publishing YouTube channel 'Coding Works' operation
• ⚡ Coding Works Publishing YouTube Channel - https://www.youtube.com/codingworks

Interview and employment-inducing publisher personal portfolio homepage production, scss, sass, flex, grid, html, css, html/css, website, web publisher, publisher employment, website, coding, coding, jquery, javascript, jquery, javascript, layout, interactive web, interactive web, web design, web design, portfolio, publishing, responsive web, web design technician practical exam, bootstrap, bootstrap, css frameworks, framework