강의

멘토링

로드맵

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

145 learners

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

Reviews from Early Learners

What you will learn!

  • 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

145

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

  • 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.

      • ssy0509159545님의 프로필 이미지
        ssy0509159545

        Reviews 1

        Average Rating 5.0

        5

        32% enrolled

        • youcool825829님의 프로필 이미지
          youcool825829

          Reviews 7

          Average Rating 5.0

          5

          32% enrolled

          • programdesignerk님의 프로필 이미지
            programdesignerk

            Reviews 1

            Average Rating 5.0

            5

            32% enrolled

            $26.40

            Similar courses

            Explore other courses in the same field!