강의

챌린지

멘토링

로드맵

커뮤니티

SCSS(SASS)+FLEX Practical Responsive Web Project with Figma

Master SCSS (SASS) and FLEX Layout for real-world applications! This systematic responsive website project course covers designing the main page and key subpage UIs for an entire website in Figma, creating an HTML wireframe structure with consistent class names, and completing the publishing process. Throughout the course, which spans over 41 hours, you will thoroughly learn essential theory and practical skills. By designing and building responsive layouts for PC, mobile, and tablet devices, you will significantly improve not only your experience and know-how in responsive web projects but also your understanding of and practical ability to use core jQuery theory.

(4.9) 30 reviews

348 learners

Level Basic

Course period Unlimited

HTML/CSS
HTML/CSS
Sass
Sass
scss
scss
JavaScript
JavaScript
jQuery
jQuery
HTML/CSS
HTML/CSS
Sass
Sass
scss
scss
JavaScript
JavaScript
jQuery
jQuery

Reviews from Early Learners

4.9

5.0

My Dream

100% enrolled

I was worried because it was my first time developing a front-end web. The tuition fee was a bit different from other courses, so I was a little worried (lol) but my choice turned out to be a godsend. (The lectures are really good!!) I have no experience in web development at all. I thought I should prepare and study in advance because I wanted to service the main program I developed on the web/mobile, so I applied for the course and took a week off to study. On the 4th day~ I was going to come out on Saturday. Anyway, on the 5th day, I finished all the lectures and tested a few things with ASP.Net Core 7 Razor page. (After taking the 15,000 won ASP.NET Core Web Application Using Razor Pages lecture on the Udemy site~lol) I was so happy that the test results were well-linked with the DB and expressed well, and I experienced a new world. I started with COBOL and FORTRAN in the past, and now I have developed desktop work with C#, VB.NET, and several other development tools. I wondered if I could adapt to the current development environment that fits the trend.. I was able to understand it easily with the detailed explanation. Thanks to this, it gave me courage and helped me a lot. SCSS / Figma (paid) / JQuery / HTML I leveled up just with the above 4 items and sample example lectures!! I have used Photoshop for nearly 20 years, but thanks to this, I think I will hardly ever use Photoshop. ㅎㅎ That was a long postscript. It is the first time I have finished 100% of a long lecture..ㅎㅎ Thank you for the great lecture, teacher. I will always pray for your good health.

5.0

pcdoomco4

83% enrolled

One of the instructors considered to offer the most cost-effectiveness in Inflearn is Coding Works. Recently opened courses are a bit pricey because they are cutting-edge technologies, but looking at the existing content, I was impressed by the low tuition and the vast volume, so I found Coding Works and took the course. Even if you go to an offline academy, it is hard to find a class density that boasts such a vast volume, and if you look at the entire lecture structure, the content is so detailed that the lecture time exceeds 40 hours. In addition, it is a class that focuses on practical training by integrating the latest intermediate and advanced technologies of Webpub, so you can obtain results that cover all of the actual advanced technologies. Above all, the instructor's response was very impressive. I had an inquiry on Sunday, so I left two questions about the course, and they were answered right away that day. There is no reason not to recommend this course with its vast volume, the latest technology-intensive practice, and the instructor's quick feedback. I honestly think that web publishing skills are basic for front-end developers before React and View. These days, boundaries between industries are collapsing and multi-tasking is required, so those who know how to do everything can get high salaries. Those who need to be able to create what's in their heads at least as much as screen implementation, I recommend that those studying React or View take this course on their own. It's not yet complete, but the explanations are so kind and good that studying is fun^^ The vast volume means that the instructor has deep teaching skills. Even if an instructor with shallow skills is asked to organize the lecture time extensively, that won't work. I'm studying back-end, but I chose this course with the intention of improving my skills to an expert level, such as screen implementation.

5.0

문유연

17% enrolled

The best class ever...! I've taken many courses so far, but I don't think I've ever met a teacher who explains things as thoroughly yet simply as you do. Thanks to you, I was able to learn so much. I highly recommend this to anyone who is hesitating about taking the class. Even if you don't have any prior knowledge, the teacher explains everything so easily and in such detail that you definitely won't regret it.

What you will gain after the course

  • A Systematic Process for Creating a Responsive Website Project

  • Core SCSS (SASS) Theory and Practical Application Skills

  • Core Theory and Practical Application Skills of FLEX Layout

  • Design and development of responsive layouts for PC, mobile, and tablet devices

  • Core jQuery theory and practical skills for creating responsive web projects

  • Web UI design skills using Figma

  • Ability to design systematic HTML wireframe structures and class names

  • The Best Responsive Web Portfolio Creation for Web Publishers and Developers

Recommended for
these people

Who is this course right for?

  • Those who need core SCSS (SASS) theory and practical application skills

  • For those who need a portfolio showcasing systematically developed responsive website projects

  • Those who want to master the essence of publishing as a front-end developer

  • Those who need the most competitive responsive web project as a publisher

  • Those who want to gain a competitive edge on their resumes with SCSS (SASS) skills

Need to know before starting?

  • HTML+CSS skills at a basic level or above

Hello
This is codingworks

13,270

Learners

797

Reviews

2,125

Answers

4.9

Rating

23

Courses

■ [Current] Government-funded Publishing & Frontend Instructor
■ [Current] Freelance Frontend Publisher
■ [Current] Operator of HTML+CSS+JQUERY Publishing YouTube Channel 'Coding Works'
■ Green Computer Academy Web Publishing Instructor
■ The Joeun Computer Academy Web Publishing Instructor
■ Ezen Computer Academy Web Publishing Instructor
■ Frontend Publisher, Professional Frontend Publishing Instructor
■ UI/UX Web Design Portfolio Lectures
■ Web Design Technician Practical Certification Class Lectures
■ Easy & Edu Frontend UI/UX Design and Publishing

🌏CodingWorks Inflearn Lecture List - https://www.inflearn.com/users/@codingworks
🌏Inflearn CodingWorks Lecture Learning Order (Learning Roadmap) - https://www.inflearn.com/blogs/2351
🌏CodingWorks Inflearn Publishing Blog - https://www.inflearn.com/users/@codingworks/blogs
🌏CodingWorks Publishing YouTube Channel - https://www.youtube.com/codingworks
🟣View Inflearn In-Focus CodingWorks Interview: https://www.inflearn.com/pages/infocus-8-20230704

More

Curriculum

All

125 lectures ∙ (41hr 14min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

30 reviews

4.9

30 reviews

  • todamsseudam4203님의 프로필 이미지
    todamsseudam4203

    Reviews 2

    ∙

    Average Rating 5.0

    5

    60% enrolled

    Among the classes I've taken while doing practical work, this is the most helpful. I realize how much I've been coding in circles until now.. ^^;; I'm reflecting a lot each moment. Taking the course with a truly grateful heart!!!

    • codingworks
      Instructor

      Thank you for the review!

  • ds4odk님의 프로필 이미지
    ds4odk

    Reviews 4

    ∙

    Average Rating 5.0

    5

    100% enrolled

    I was worried because it was my first time developing a front-end web. The tuition fee was a bit different from other courses, so I was a little worried (lol) but my choice turned out to be a godsend. (The lectures are really good!!) I have no experience in web development at all. I thought I should prepare and study in advance because I wanted to service the main program I developed on the web/mobile, so I applied for the course and took a week off to study. On the 4th day~ I was going to come out on Saturday. Anyway, on the 5th day, I finished all the lectures and tested a few things with ASP.Net Core 7 Razor page. (After taking the 15,000 won ASP.NET Core Web Application Using Razor Pages lecture on the Udemy site~lol) I was so happy that the test results were well-linked with the DB and expressed well, and I experienced a new world. I started with COBOL and FORTRAN in the past, and now I have developed desktop work with C#, VB.NET, and several other development tools. I wondered if I could adapt to the current development environment that fits the trend.. I was able to understand it easily with the detailed explanation. Thanks to this, it gave me courage and helped me a lot. SCSS / Figma (paid) / JQuery / HTML I leveled up just with the above 4 items and sample example lectures!! I have used Photoshop for nearly 20 years, but thanks to this, I think I will hardly ever use Photoshop. ㅎㅎ That was a long postscript. It is the first time I have finished 100% of a long lecture..ㅎㅎ Thank you for the great lecture, teacher. I will always pray for your good health.

    • codingworks
      Instructor

      As a practitioner, I think it will be very helpful to prospective students because it provides specific content. Thank you for your review~!!

  • moondbdus5233님의 프로필 이미지
    moondbdus5233

    Reviews 1

    ∙

    Average Rating 5.0

    5

    17% enrolled

    The best class ever...! I've taken many courses so far, but I don't think I've ever met a teacher who explains things as thoroughly yet simply as you do. Thanks to you, I was able to learn so much. I highly recommend this to anyone who is hesitating about taking the class. Even if you don't have any prior knowledge, the teacher explains everything so easily and in such detail that you definitely won't regret it.

    • codingworks
      Instructor

      Thank you for the course review~!!

  • hamham00님의 프로필 이미지
    hamham00

    Reviews 6

    ∙

    Average Rating 5.0

    5

    6% enrolled

    I landed a job after taking your class two years ago, but due to financial difficulties, I'm preparing for another job search 😭😭 I haven't used SCSS yet, so I'm taking this class to study it! It's so great~! Thank you!

    • codingworks
      Instructor

      Thank you for the course review!

  • pcdoomco44801님의 프로필 이미지
    pcdoomco44801

    Reviews 3

    ∙

    Average Rating 5.0

    5

    83% enrolled

    One of the instructors considered to offer the most cost-effectiveness in Inflearn is Coding Works. Recently opened courses are a bit pricey because they are cutting-edge technologies, but looking at the existing content, I was impressed by the low tuition and the vast volume, so I found Coding Works and took the course. Even if you go to an offline academy, it is hard to find a class density that boasts such a vast volume, and if you look at the entire lecture structure, the content is so detailed that the lecture time exceeds 40 hours. In addition, it is a class that focuses on practical training by integrating the latest intermediate and advanced technologies of Webpub, so you can obtain results that cover all of the actual advanced technologies. Above all, the instructor's response was very impressive. I had an inquiry on Sunday, so I left two questions about the course, and they were answered right away that day. There is no reason not to recommend this course with its vast volume, the latest technology-intensive practice, and the instructor's quick feedback. I honestly think that web publishing skills are basic for front-end developers before React and View. These days, boundaries between industries are collapsing and multi-tasking is required, so those who know how to do everything can get high salaries. Those who need to be able to create what's in their heads at least as much as screen implementation, I recommend that those studying React or View take this course on their own. It's not yet complete, but the explanations are so kind and good that studying is fun^^ The vast volume means that the instructor has deep teaching skills. Even if an instructor with shallow skills is asked to organize the lecture time extensively, that won't work. I'm studying back-end, but I chose this course with the intention of improving my skills to an expert level, such as screen implementation.

    • codingworks
      Instructor

      Thank you for your detailed course review~!!

codingworks's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!