inflearn logo
inflearn logo

SCSS(SASS) FLEX GRID Core Theory (PDF) Textbook and Usage Examples

SCSS(SASS) FLEX GRID Core Theory (PDF) and Usage Examples is a PDF textbook that summarizes the core theory of using SCSS(SASS), FLEX, and GRID in an easy-to-understand manner. For those aiming for intermediate to advanced publishing skills, understanding and using SCSS(SASS), FLEX, and GRID is essential. And I think it will be a great competitive advantage for publishing employment and job changes. In addition to the SCSS(SASS) FLEX GRID Core Theory (PDF), the completed theory usage examples (html, scss, css) are attached separately so that you can create applied examples using the theory after learning the theory.

(4.6) 12 reviews

204 learners

Level Basic

Course period 12 months

HTML/CSS
HTML/CSS
Sass
Sass
Flex
Flex
HTML/CSS
HTML/CSS
Sass
Sass
Flex
Flex

News

14 articles

  • codingworks님의 프로필 이미지

    [Lecture Open] Mobile Web Publishing Portfolio with CSS Nesting

    You can improve your mobile web production skills, which are most competitive in publisher employment and publisher practice, while producing 22 different mobile layouts on 19 pages. As a publisher, you can acquire almost all production methods and know-how for producing mobile web.

    The most powerful part of the mobile web publishing class is the detailed HTML wireframe creation method, which explains each page in detail. Through the lecture, your HTML wireframe creation ability will greatly improve. In particular, you will be able to sufficiently learn the CSS nesting method. You will be able to sufficiently acquire intermediate to advanced CSS practical skills, focusing on the Flex layout.

    Go to lecture introduction: https://inf.run/yfNHF

    css-nesting-content-01.png

    0
  • codingworks님의 프로필 이미지

    CodingWorks-Main-Cover

    Tailwind CSS Practical Portfolio Publishing Open

    Improve your Tailwind CSS skills by creating only real-world examples!

    This course is about creating over 26 different practical examples using Tailwind CSS . We quickly create a variety of practical examples and explain the essential theories within them. This course is centered around Tailwind CSS styling created by developers and publishers.

    I think it will be a great help to web publishers and developers in finding jobs and changing careers.

    tailwind-logo

     

    Click here to see the lecture introduction: https://inf.run/tHwCD

    0
  • codingworks님의 프로필 이미지

    Hello. This is Coding Works.

    This time, Coding Works has opened the HTML+CSS+JS Portfolio Practical Publishing (Season 3) course.

    HTML+CSS+JS Practical Portfolio Season 3 consists of 30 examples of the latest publishing theories for intermediate and advanced publishing and over 45 different types of practical examples. You will be able to learn the practical publishing portfolio production videos that are produced with explanations that help you understand systematically and with as much content as the total lecture time of about 29 hours.

    🚩 Go see the introduction to the HTML+CSS+JS Portfolio Practical Publishing (Season 3) course: https://inf.run/WwtUv

    season3-cover.png

     

    0
  • codingworks님의 프로필 이미지

    Hello. This is Coding Works.

    This time, the Tailwind CSS course that Coding Works put a lot of effort into creating has been opened.
    The Tailwind CSS course created by Coding Works is titled [Amazing UI styling created by developers with Tailwind CSS], and focuses on helping developers create pretty UI styling that is just as good as that of publishers when publishing.

    [Tailwind CSS Creates Amazing UI Styling for Developers] The course covers Tailwind CSS, the hottest framework at the moment, from theory to practical responsive websites, for over 19 hours of class time . A long class time does not mean a good class. However, this course is proud to be both long and good. In particular, since it covers all the theories of Tailwind CSS in detail for 8 hours and 30 minutes, it is a great way for people who lack CSS theory to learn CSS theory thoroughly.

    image Tailwind CSS has been consistently popular in CSS Frameworks Ranking and is currently ranked #1 in satisfaction. Tailwind CSS is the hottest CSS framework in the world these days. The most representative reason for its popularity is that it allows creative styling using utility classes and that it is quite fast in terms of work time to create a high-quality design.

    In addition to theoretical classes, you will also learn practical examples created with Tailwind CSS, developer career resume & portfolio introduction, and responsive web creation, and obtain results.

    Go to the lecture introduction and free lecture : https://inf.run/pjqKk


    image

    0
  • codingworks님의 프로필 이미지

    Hello. This is Coding Works.
    This time, something new The lecture is now open.

    Perfectly utilize SCSS (SASS) and FLEX Layout in real life! This is a systematic responsive website project production course that designs the main page and core sub-page UI of the entire website with Figma, creates an HTML wireframe structure with consistent class names, and completes publishing. In the course of more than 35 hours, you will sufficiently acquire core theories and practical application skills, and while designing and producing a responsive layout for PC - mobile - tablet, you will greatly improve your experience and know-how in responsive web projects as well as core theories and practical application skills of jQuery.

    🚩 Go see the lecture introduction: https://inf.run/TH3b

    image "Complete the ability to create a systematic responsive website project with the SCSS(SASS)+FLEX practical responsive web project with Figma lecture"

    Perfectly utilize SCSS (SASS) and FLEX in practice!

    Point 1. Create SCSS (SASS) + FLEX website UI design with Figma
    Point 2. SCSS(SASS)+FLEX website HTML wireframe Detailed production of all pages
    Point 3. Create a variety of web page publishing using SCSS (SASS) + FLEX
    Point 4. Design, production, and perfect publishing of responsive layouts for PC, mobile, and tablets
    Point 5. Ability to utilize core jQuery theories and practices for creating responsive web projects

    Coding Works contains the intermediate and advanced publishing production know-how that has been taught in numerous offline academies and personal portfolio homepage production courses. In particular, since it is a responsive web publishing project based on SCSS (SASS) + FLEX, you can maximize your SCSS (SASS) + FLEX capabilities.
    I am confident that after completing this course you will have advanced intermediate to advanced responsive web publishing skills!

    image

    0
  • codingworks님의 프로필 이미지

    [Offline lecture open] Publisher employment personal portfolio creation and vanilla JavaScript course

    Hello. This is Coding Works.
    Coding Works introduces offline lectures starting in April of this year.
    This time, we will be holding an offline course titled <Personal Portfolio Creation and Vanilla JavaScript Course for Publisher Employment>.

    The feature of this offline course that is opening this time is that it will develop the ability to quickly get a job as a publisher and have a competitive interview during the 6-week course. Specifically, you will receive personal guidance from Coding Works and complete a personal portfolio homepage, which is essential for getting a job as a publisher, within 6 weeks.

    The class content is the same as the <Personal Portfolio Homepage Creation> curriculum that Coding Works conducted for a month before graduating from the previous national publishing academy. Of course, we cannot spend as much time working at the academy as the national publishing academy students, but to cover this part, we present each individual the work to be done each week and check it in detail the following week. At the national publishing academy, there were many students, so the part where we could check and give feedback individually was limited, but this time, we will proceed in small groups, so we will revise and supplement it almost 1:1 to suit each student together with Coding Works.

    In particular, this offline class will equip you with pure JavaScript skills for collaboration with developers in the field, from the basics to the core of JavaScript. These days, it is very important to show your understanding of pure JavaScript (Vanilla JavaScript) and the results as skills on your personal portfolio homepage and resume when hiring publishers. It is not only important, but it has also become an essential skill in the hiring process. Therefore, along with all the JavaScript theories, you will go through a process of fully understanding the theory through real examples in the middle of each theory class as a small mission. And the results of [JavaScript (Vanilla JavaScript) practical examples] created as these small missions will be uploaded as JavaScript work on your personal portfolio homepage. Through these JavaScript work, publisher applicants can show their JavaScript skills to the hiring manager in detail, which gives them a great competitive edge over other applicants.

    For more details, please visit the Coding Works blog.

    ■ Offline lecture details: https://www.inflearn.com/blogs/3210

    0
  • codingworks님의 프로필 이미지

    Hello. This is Coding Works.
    The weather is getting much colder. All Coding Works students, please take care of your health.

    All Inflearn Coding Works courses are 20% off until December 7, 2022 .
    There are a variety of courses available, from beginner to intermediate to advanced skills and portfolio creation courses for employment and career changes as a publisher.

    Go to Coding Works Inflearn lecture :  https://www.inflearn.com/users/@codingworks


    🌈Inflearn Coding Works Lecture List

    • Mobile Web Publishing Portfolio with Figma

    • Complete Guide to Creating a Publisher's Personal Portfolio Homepage (PDF)

    • A Guide to Writing a Great Resume for a Publisher Job

    • Best Frontend CSS Frameworks, UIkit

    • All About CSS3 for Intermediate to Advanced Publishing

    • SCSS(SASS)+GRID+FLEX Practical Portfolio Publishing

    • SCSS(SASS) FLEX GRID Core Theory(PDF) Textbook and Usage Examples

    • HTML+CSS+JS Portfolio Practical Publishing (Season 2)

    • Creating a 'publisher personal portfolio homepage' that attracts interviews and employment

    • Responsive Website Portfolio (App Official Landing Website)

    • Grid core theory and practical application

    • A Real-World Guide to Publisher Jobs (PDF)

    • Flex Responsive Website Portfolio (The World's Best Cities)

    • Responsive Website Portfolio (Architecture Agency)

    • HTML+CSS+JS Portfolio Practical Publishing (Season 1)

    • Publishing Core Theory PDF textbook and example files (HTML+CSS+FLEX+JQUERY)

    • Complete Guide to Web Design Technician Practical Exam (HTML+CSS+JQUERY)

    0
  • codingworks님의 프로필 이미지

    Hello. This is Coding Works.

    Coding Works has opened a new course, <Mobile Web Publishing Portfolio with Figma>.

     

    You can improve your mobile web production skills, which are the most competitive in publisher employment and publisher practice. As a publisher, you can acquire almost all production methods and know-how for producing mobile web. In particular, the process of designing mobile web UI with Figma has been explained in detail so that you can cover a lot of the design skills required by publishers and developers these days through learning Figma. The most powerful part of the mobile web publishing class is the detailed writing method of HTML wireframes, which is explained in detail for each page. Your HTML wireframe production skills will be greatly improved through the lecture. Mobile web publishing will acquire work skills similar to actual work through learning how to perfectly match the layout to mobile and tablet using CSS variables (Var). You will sufficiently acquire intermediate to advanced CSS practical skills, focusing on the Flex layout.

     

    image

    "Essential theories and know-how for mobile web UI design and publishing production, systematic practical production"

    Step 1. Create a mobile web UI design with Figma
    Step 2. Detailed production of all pages of mobile web HTML wireframe
    Step 3. Create multiple page publishing with different layouts using CSS variables (Var)
    Step 4. Publishing finishing work to make the finished publishing result more perfect.

    Coding Works has accumulated the know-how in mobile web publishing production that it has taught to numerous offline academy students. We are confident that after completing the course, you will have significantly improved publishing skills!

    Early bird discount 30% in progress~!!

     

    ■ Go to the lecture introduction: https://inf.run/9WSe

     

    0

$17.60