![[Introduction to Web Development] HTML and CSS developed by yourself with Carrot MarketCourse Thumbnail](https://cdn.inflearn.com/public/courses/329537/cover/e58304bd-ac81-4ec4-88c8-479cde58188a/329537-eng.png?w=420)
[Introduction to Web Development] HTML and CSS developed by yourself with Carrot Market
mjcoding
This course is designed to help you learn HTML/CSS on your own, along with essential concepts.
Beginner
HTML/CSS
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) 12 reviews
159 learners
Level Beginner
Course period Unlimited
Clone Coding
Clone Coding
HTML/CSS
HTML/CSS
Web Design
Web Design
Clone Coding
Clone Coding
HTML/CSS
HTML/CSS
Web Design
Web Design
Reviews from Early Learners
Reviews from Early Learners
5.0
5.0
companyable
32% enrolled
You explain things in a way that's easy to understand, even for beginners.
5.0
freehy1356
32% enrolled
Explains things step by step in an easy-to-understand way
5.0
빠른 까치
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.
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 ruhunsu30591
159
Learners
12
Reviews
2
Answers
5.0
Rating
1
Course
I'm someone who loves building various projects as a web developer.
I am sharing the web development knowledge I've built up through hands-on experience :)
I'm someone who loves creating various projects as a web developer. I'm sharing the web development knowledge I've built up through hands-on experience :)
Curriculum
All
47 lectures ∙ (6hr 17min)
Course Materials:
Lecture resources
16. About the box
07:43
19. About padding
02:35
20. id and class
06:05
22. flex box
14:33
25. pseudo-class
05:36
27. About transform
08:02
28. Animate elements
05:49
Published:
Last updated:
Reviews
All
12 reviews
5.0
12 reviews
tingoat3746775Reviews 4
∙
Average Rating 5.0
- freehy13566308
Reviews 1
∙
Average Rating 5.0
- styeo1799
Reviews 8
∙
Average Rating 4.8
- ingodwetrust88119375
Reviews 1
∙
Average Rating 5.0
5
30% enrolledI'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.
- companyable1600
Reviews 2
∙
Average Rating 5.0
Similar courses
Explore other courses in the same field!
.png?w=420)
![[2024] HTML Basics by Lee BehayanCourse Thumbnail](https://cdn.inflearn.com/public/courses/334082/cover/faaaa70e-cae8-4488-afb0-5a2d4e7c0905/334082.png?w=420)
![[Inflearn X Opentutorials] HTML and InternetCourse Thumbnail](https://cdn.inflearn.com/public/courses/335806/cover/88d920fe-0c13-484f-8d31-1f1be0c6c4e0/335806.png?w=420)
![Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]Course Thumbnail](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?w=420)
![[Fantasy Pig's Feet] From design to codingCourse Thumbnail](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?w=420)
