강의

멘토링

커뮤니티

Programming

/

Web Publishing

Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)

You can learn HTML and CSS quickly by directly cloning and coding the best shopping mall designs posted on Cafe 24. The course is structured so that you can learn the basic theories of HTML + CSS and complete the shopping mall design through direct cloning and apply what you learned in the theory, and solidify the framework of HTML and CSS.

(5.0) 11 reviews

152 learners

  • ruhunsu30591
실습 중심
html
css
클론코딩
Clone Coding
HTML/CSS
Web Design

Reviews from Early Learners

What you will gain after the course

  • HTML + CSS Core Theory

  • We can design any layout no matter how complex it may be.

  • Create your own portfolio

  • Deploying a project via GIT

Clone coding = dictation? NO!
The foundation of HTML and CSS, completed through direct coding 🏃

Cafe 24 Best Shopping Mall
I don't take dictation, I make it myself🔥

I believe the fastest way to learn coding is to apply what you've learned by creating something yourself, rather than simply reading about theories. You'll learn the core HTML and CSS theories needed to clone Cafe24's best shopping mall designs. Based on what you've learned, you'll clone the designs yourself, ultimately creating your own online store .

I guess I'll end up taking dictation?
I'll show you step by step why you should write it this way.

I think the downside of clone coding is that it ends up being "dictation."
To prevent this from happening, we'll carefully draw out the layouts, step by step, explaining why code needs to be written this way. After completing the course, I believe you'll be able to easily apply the concepts to other complex layouts on your own projects without fear :)

After attending the lecture, you will 💡

  • Massive amounts of HTML and CSS will no longer be scary.
  • You can even create websites with complex layouts yourself.
  • Later, when you learn Javascript, you will be able to freely manipulate HTML elements.

Unique lecture features of Together Coding ⭐

Through clone coding
Learn

You can learn coding accurately and quickly by creating your own projects using the theories you have learned through clone coding .

Just let it go
No

This course is designed for beginners and non-major developers. I'll cover everything thoroughly, without skipping over any points I assume you already know .


Chapter-by-Chapter Learning Content 📚

Chapter 1. Theory of HTML tags and various attributes

  • How HTML works
  • Tags and attributes
  • Semantic tags
  • How to study a large amount of tags

Chapter 2. CSS Theory for Clone Coding

  • CSS application method and grammar
  • margin and padding
  • box structure
  • flex box
  • transition and transform
  • animation

Chapter 3. Time for some serious cloning 🔥

  • Layout from a given photo
  • How to write CSS for layout implementation
  • Efficient CSS file management methods and CSS methodology
  • Write reusable CSS code and complete a subpage in 5 minutes.

Chapter 4. Deploying the Webpage I Created via Git

  • How HTML works
  • Tags and attributes
  • Semantic tags
  • How to study a large amount of tags

Frequently Asked Questions

Q. Can beginners learn coding as well?

This course is designed for beginners or non-majors in web development :) The course is conducted step by step, without skipping over parts that are assumed to be familiar, so that anyone can easily follow along.

Q. How is clone coding done?

Rather than starting from a template, you'll write code from scratch. You'll learn by looking at a photo of the layout you need to complete and then gradually building a layout like the photo. :)

Q. Is pre-study necessary?

No prior knowledge is required. Chapters 1 and 2 of the lecture cover the fundamentals of HTML and CSS necessary for clone coding. Additional theory that you might need during the clone coding process will be covered in detail in the corresponding sections, so don't worry.


Recommended for
these people

Who is this course right for?

  • For those new to coding

  • Anyone who wants to become a web developer or full-stack developer

Need to know before starting?

  • Want to learn coding?

Hello
This is

152

Learners

11

Reviews

2

Answers

5.0

Rating

1

Course

웹개발자로 이것저것 프로젝트를 만드는 것을 좋아하는사람이에요

직접 부딫혀가며 쌓아온 웹개발 지식을 공유 해드리고 있습니다 :)

 

Curriculum

All

47 lectures ∙ (6hr 17min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

11 reviews

5.0

11 reviews

  • companyable1600님의 프로필 이미지
    companyable1600

    Reviews 2

    Average Rating 5.0

    5

    32% enrolled

    You explain things in a way that's easy to understand, even for beginners.

    • freehy13566308님의 프로필 이미지
      freehy13566308

      Reviews 1

      Average Rating 5.0

      5

      32% enrolled

      Explains things step by step in an easy-to-understand way

      • styeo1799님의 프로필 이미지
        styeo1799

        Reviews 8

        Average Rating 4.8

        5

        100% enrolled

        • ingodwetrust88119375님의 프로필 이미지
          ingodwetrust88119375

          Reviews 1

          Average Rating 5.0

          5

          30% enrolled

          I've taken many online coding courses so far, but this is the first time I've encountered a lecture with such clear diction and clean explanations. At first, I was skeptical because the instructor wasn't famous, but I actually felt that the instructor's skills are really solid. The concept explanations are organized without any unnecessary fluff, and the examples are practical, making it much faster to understand. I was thinking 'What if this person becomes famous later?' so I paid for it right away. I strongly recommend this to beginners, especially those who have trouble concentrating. I really hope a JavaScript course comes out too. I'm 100% willing to take it immediately.

          • tingoat3746775님의 프로필 이미지
            tingoat3746775

            Reviews 4

            Average Rating 5.0

            5

            100% enrolled

            Many tips that are helpful during project development and information about useful sites, and above all, the knowledge about GitHub seems like it will be really helpful. Thank you.

            Limited time deal

            $18.70

            29%

            $26.40

            Similar courses

            Explore other courses in the same field!