inflearn logo
inflearn logo

Easy to learn and create a responsive web portfolio! #Sulwhasoo

Easy to make responsive web practice portfolio! #Sulwhasoo portfolio

(4.9) 11 reviews

134 learners

Level Basic

Course period Unlimited

HTML/CSS
HTML/CSS
Responsive Web
Responsive Web
Clone Coding
Clone Coding
HTML/CSS
HTML/CSS
Responsive Web
Responsive Web
Clone Coding
Clone Coding
날개 달린 동전

Recommend Course to grow and earn commission!

날개 달린 동전

Marketing Partners

Recommend Course to grow and earn commission!

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

foxball

64% enrolled

If you are taking this course, you are already a developer. There is no other course that teaches you this much detail.

5.0

시연

100% enrolled

At first, there were a lot of classes, so there were some parts that were confusing, but after writing them down on paper and drawing them until I understood them, I immediately understood why the classes were written that way. I'm looking forward to future lectures!

5.0

박병조

100% enrolled

I heard you well.

What you will gain after the course

  • Improve your publishing skills through core theories of HTML + CSS + JavaScript + jQuery

  • I've heard of Click, Mouseenter, Mouseleave, etc., but I don't have the script writing skills to use them.

  • Accurate concept and use of the Position property

  • Understanding and utilizing Hover, Before, After, Focus, and Active virtual classes

  • Animate Slider that you can create yourself

  • Creating a Layout Using Flex

  • Tab Menu, Toggle Menu, slideToggle

  • Ability to create mobile responsive web publishing (Media Queries)

  • Ability to create a full responsive web optimized for both PC and mobile versions

  • Event using Class Method

Responsive website coding, perfect for your practice!

1. Why should I take this class?

  • We've made it easy for beginners to learn and access.
  • Anyone who knows the basics of HTML can easily follow along.

Prepare for employment now with online classes! If you need a responsive web portfolio, let's study together and prepare!

For those who are just learning the web and preparing for employment, this course goes beyond simply studying and allows you to create your own results in your own style.

2. Customize it to your own style!

This is a project created by students through actual offline classes!

In the current offline course, students have completed their portfolios, customizing everything from drafting to coding in their own unique style. The content of this course will be of great help in creating portfolios for employment as a new publisher or web designer.

3. We will teach you how to design HTML information.

The most important thing in web coding is information architecture. A solid design structure is essential for a well-made structure. Coding is no exception. The results can vary depending on the information architecture. I'll explain how to structure it step by step!

4. Is writing CSS layout difficult?

If you already know HTML and basic CSS usage, you can follow along with the lecture, creating your own code step by step, observing the changes and correcting any errors. By participating in the class, you'll be able to freely use various properties like Flex, Position, and Display.

5. If you are unsure how to use the script!

A variety of events await you. By meticulously analyzing and writing practical script examples, you'll master the fundamental principles and application methods!

6. We will explain responsive web design in an easy-to-understand manner.

Responsive web design is one of the essential projects that must be included in any web publishing/design portfolio. By writing media queries one by one, you can easily understand the basic principles and master responsive web design.

#Sulwhasoo

7. If you want to code a structured code that is used in practice!

I recommend this to anyone who wants to learn more than just a simple portfolio layout, but rather a structured one used in real companies. I highly recommend it to anyone looking to add a responsive web commercial website to their portfolio. I've compiled a collection of real tools used in the field.

8. Provide step-by-step completed versions and PSD files for each lecture section.

We provide a complete version of each section. To help you follow along even if you missed something, we provide step-by-step worksheets containing all the files at the very end of each section.

We will also share the original PSD file with everyone who writes a review of the course.

Change the content to create your own portfolio!

9. If you want to create a responsive web hard-coded using Flex!

Sulwhasoo's responsive website was built using pure hard coding. Rather than relying on plugin sliders, I plan to learn by building each slider individually and understanding its principles.

10. Let me show you how to use VScode!

The text editor used in this responsive website creation course is VScode. You can use any other editor. However, please note that VScode shortcuts and usage instructions will be included throughout the course.

Recommended for
these people

Who is this course right for?

  • For those who want to know the basic principles of how to use Flex

  • For those interested in implementing creative, interactive web

  • Improve your publishing skills through core theories of HTML + CSS + JavaScript + jQuery

  • For those who want to upgrade their basic skills from beginner to intermediate level!

  • Anyone who wants to create a responsive website for practical use

Need to know before starting?

  • Even beginners can do it

  • Anyone can do it if they understand h1{color:red}!

  • If you know the basic principles of tags that open with <div> and close with </div>, let's join!

Hello
This is lizb

785

Learners

43

Reviews

92

Answers

4.7

Rating

7

Courses

View the reviews for the instructor's offline government-funded course

Go to "Responsive Web Design Training Course" Reviews
(2022.03-2022.07)

From March until now, it may have been a long time for some and a short time for others, but for me, it was a truly important and valuable period in my life. Although I had some prior knowledge, I felt lost and overwhelmed, not knowing how to proceed, which direction to take, or what to do. However, thanks to the teacher's sincere and dedicated guidance, I was able to achieve significant growth in both my technical skills and career preparation. Thanks to this, my confidence has grown a lot, and I feel like I will do well even after getting a job! I am so grateful to Teacher Bang Mi-jung, who led the classes, and the other career advisors! :) I’m leaving now after successfully finding employment! I hope the students in future cohorts stay strong and gain great experiences as well! Fighting! :)

I took the Web Publisher training course from March to July :) I took on this challenge knowing nothing but design, but I feel like I'm leaving with so much thanks to the support and encouragement from my teacher and classmates. I will continue to study hard based on what I learned at the academy~~ I am so grateful to teacher Bang Mi-jung, who always taught me kindly, and to the other career support teachers!

Go to "Front-end Developer Training Course" Reviews
(2020.11.17-2021.05.11)

The training course was so interesting that the six months felt short. Although coming up with ideas and designing took a long time at first, I felt proud to see my skills gradually improve as I gained know-how and significantly shortened my work time through the course. For someone like me who couldn't find a career direction, the lessons learned through this training were not only my own knowledge but also a milestone that guided my path. My classmates in Room 3 of the Frontend Developer Training Course and Instructor Mi-jeong Bang, whom I studied with for six months, were great connections and a huge source of support. I am so grateful to Instructor Mi-jeong Bang, the employment support team, and the administrative staff for their hard work, which I believe helped me secure a job even before completing the course. Since there are many other great programs available, I would like to recommend Daewoo Vocational Training Institute to juniors and friends who, like me, have fears about employment or are struggling to find their career direction.

When I first arrived, I worried a lot about whether I could actually get a job after taking this course, since I had never learned design or coding before. However, those worries disappeared the more I attended. I learned so many things, including Illustrator, Photoshop, HTML, CSS, JS, and Vue. It might be difficult at first because there is so much new information to take in, but you don't need to worry because the passionate teacher, Bang Mi-jung, explains everything so well. ㅎㅎ Looking at reviews for other academies, I've seen cases where they use the same repetitive curriculum every year, or where teachers don't even know the answers to questions. But our teacher was always passionate about teaching us new things and was so knowledgeable that I received a lot of help! If you want to become a web publisher or a web designer, I highly recommend this course.~~

In November 2020, I happened to come across an excellent institution called Daewoo Vocational Training Institute, and I am truly grateful to have met a wonderful teacher and received such great education there. If I hadn't taken this training course, it would have been difficult for me to have the job opportunities I have now. After graduating from university, I was lost and wandering at a crossroads in my career. During that time, the 5-6 month curriculum—filled with the teacher's actual field experience and know-how that is hard to find anywhere else—became a period of great learning and growth for me, even though I knew nothing about web development. Based on this, I learned various aspects of design and web development and was able to create my own portfolio. There were several moments when I wanted to give up because learning coding languages was so unfamiliar and difficult, but thanks to the teacher's passion and guidance—teaching me ten times over if needed—I was able to secure a job early (after completing over 80% of the course) and finish the program successfully. I would like to express my deep gratitude to the teacher and the Daewoo Vocational Training Institute for making it possible for me to find my first job and make a fresh start.

They explained things in a way that was easy for even non-majors to understand, and thanks to that, I was able to get a job. I am very happy that I took this course.

The curriculum explains design and coding tools step-by-step starting from the basics, tailored for practical use in the field. It was very helpful because the teacher did their best to support me so that I could work independently. This education shattered the prejudice that government-funded classes are of low quality. My teacher was also very proactive and always tried to teach new things, which allowed me to learn a lot.

They explained things in a way that was easy for even non-majors to understand, and thanks to that, I was able to get a good job. I am so glad I took this course.

In addition to the knowledge I already had, I learned a wide variety of new things through the training at the academy. They provided practice sessions so I could obtain certifications, and although it was difficult for me, I learned enough to understand most coding-related terms. I am relieved and happy because I was able to secure a job while taking this course.


I majored in architecture, and it has been over 20 years since I first connected with web design. After experiencing many ups and downs while balancing practical work and teaching, I have come to truly love this profession, and my interest and sense of accomplishment drive me to work even harder. I hope to share the knowledge I have gained to help more non-majors enter this field easily, and I sincerely wish for all your dreams to come true.

Lucete!

Inquiries regarding lectures email: loo4love90@gmail.com

 

 

Teaching Experience  

  • 2018.3 - Present. Web Design/Multimedia/Front-end Specialist Course in progress

  • Elice Academy `HTML / CSS in a Class of Its Own` Preparing to open

  • Elice Academy `JavaScript in a Different Class` preparing to open

□ Current Instructor for Frontend / Multimedia / Web Content courses at Daewoo Vocational Training Institute
□ UI/UX Web Publishing Lecture at Hi Media

□ Ezen Computer UI/UX Web Publishing Lecture
□ The Joeun Computer Academy Jongno Campus Web Design Lecture
□ The Joeun Computer Academy Gangnam Campus Web Design/Graphics Lecture
□ Youngjae Vocational School Web Design Lecture

 

  Certification  

□ Web Design Technician Certification
□ Computer Graphics Operation Technician Certification

□ KPC Certified Instructor (GTQ, GTQi, GTQid) Certificate

Vocational Education and Training Instructor Grade 3 (Information Technology, Design, Cultural Content, IT Strategy & Planning)

IT Operations)
□ Computer Literacy Level 1

 

More

Curriculum

All

42 lectures ∙ (7hr 57min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

11 reviews

4.9

11 reviews

  • k971152849711님의 프로필 이미지
    k971152849711

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    I heard you well.

    • kbba785883님의 프로필 이미지
      kbba785883

      Reviews 33

      Average Rating 4.8

      5

      64% enrolled

      If you are taking this course, you are already a developer. There is no other course that teaches you this much detail.

      • siyeon002524님의 프로필 이미지
        siyeon002524

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        At first, there were a lot of classes, so there were some parts that were confusing, but after writing them down on paper and drawing them until I understood them, I immediately understood why the classes were written that way. I'm looking forward to future lectures!

        • lizb
          Instructor

          It seems like you studied really hard! You even wrote it down on paper. If you continue to study, you will think about rules for creating names and ways to write code more easily. I will also come back with a better lecture. Thank you!

      • roykean19930688님의 프로필 이미지
        roykean19930688

        Reviews 35

        Average Rating 5.0

        5

        100% enrolled

        thank you

        • lizb
          Instructor

          Thank you too!

      • leekj9510089605님의 프로필 이미지
        leekj9510089605

        Reviews 3

        Average Rating 5.0

        5

        100% enrolled

        I'm studying publisher these days, and I feel like I'm lacking a lot in HTML information design, which is a really important part, so I'm learning great tips by listening to the teacher's lecture! Haha, this lecture is like light. I paid for other lectures too!! This lecture is faithful to the most important basics!! This is a class that contains only the content I really needed! I'm looking forward to more lectures~

        • lizb
          Instructor

          Thank you! You are the one who left the question yesterday! I hope you study hard and achieve what you want. Also, I am currently working hard on making lectures, so your good review recharges my energy!! Thank you. I will make better lectures!!

      lizb's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!

      $46.20