배달의민족
에 관심있는 사람들도 듣는 중!
배달의민족
에 관심있는 사람들도 듣는 중!
먼저 경험한 수강생들의 후기
5.0
dlsrksrhk
백엔드 개발자인데 최근 프론트 엔드쪽으로도 깊이 파보려고 기초를 공부하기 위해 수강하였습니다. 일단 목소리 톤도 그렇고 귀에 편하게 꽂히는 스타일이셔서 집중도가 좋았구요. 내용은 전반적으로 html 기본 및 웹표준, 웹 접근성에 대한 알짜배기만 모아주셔서 좋았습니다. 이후 CSS 강의도 열심히 듣겠습니다.
5.0
hyd
HTML에 대한 이해도가 거의 전무한 상태에서 시작했는데, 이 강의를 통해 차근차근 학습할 수 있었습니다. 매 강의마다 간단한 개념부터 시작해 점점 더 심화된 내용까지 다뤄주어서 HTML의 전반적인 개념을 체계적으로 익힐 수 있었습니다. 특히, 각 예제와 실습을 통해 실용적인 지식을 쌓을 수 있어 유용했습니다.
5.0
박건웅
HTML의 기초를 다지는데 도움이 많이 되었습니다. 단지 개념들만 훑고 지나가는 것이 아닌, 어떤 것은 왜 쓰이고, 어떤 것은 왜 쓰이지 않는지를 그냥 넘어가지 않고 설명을 잘 해주셔서 그러한 세심한 부분이 마음에 들었습니다.
HTML4 레거시 문법을 배워요
HTML5 최신 문법을 배워요
HTML5 기본 구조 이해하기
HTML5 시맨틱 태그 사용
다양한 폼 요소 사용법 (<input>, <select>, <textarea>)
HTML5의 멀티미디어 요소 (오디오, 비디오)
SEO를 고려한 HTML 작성
실제 HTML5 기반 프로젝트 실습
비전공자도 이해하기 쉬운 HTML5!!
🛩 수코딩의 프런트엔드 로드맵 시리즈 1단계! 🛩
HTML 입문 분야 베스트셀러
2022 『코딩 자율학습 HTML+CSS+자바스크립트』 출간! 🎉
수코딩 온라인 강의가 책으로 출시되었어요.
출시 이후 한 번도 1위 자리에서 내려온 적이 없을 정도로 HTML/CSS 입문 분야 베스트 셀러입니다. 😎
도서와 함께 보면 시너지가 몇 배로 올라갑니다.
HTML5에서는 사용할 수 있는 태그가 150개 이상이나 됩니다. 정말 많죠?
하지만 이 모든 태그를 전부 배우고, 각각의 의미를 모두 암기하는 것은 쉽지 않습니다.
이 강의에서는 실무에서 자주 사용하는 태그만 엄선하여 학습합니다.
실제 업무에서 활용 빈도가 낮은 태그는 과감히 제외하고,
핵심적인 태그들만 집중적으로 학습할 수 있도록 구성했습니다.
이를 통해 초보자도 보다 쉽고 효율적으로 HTML을 배울 수 있습니다.
HTML5는 프런트엔드에서 배우는 언어 중 가장 쉽지만,
프런트엔드의 시작이자 끝이라고 할 만큼 중요한 언어입니다.
아무것도 모르는 비전공자라도 걱정하지 마세요.
기초를 탄탄하게 쌓을 수 있도록 꼼꼼하고 친절하게 설명해 드립니다.
비전공자도 이해할 수 있도록 기초 개념부터 차근차근 설명합니다.
실습과 이론을 적절히 배합해 학습 효과를 극대화했습니다.
실무에서 자주 사용하는 핵심 태그만 엄선하여 효율적으로 학습할 수 있습니다.
불필요한 이론은 최소화하고, 실제 활용에 집중합니다.
추상적인 설명이 아닌, 직접 코딩하면서 배우는 실습 중심 강의입니다.
즉시 결과를 확인하며, 빠르게 실력을 쌓을 수 있습니다.
교과서에 없는 현업 개발자만의 실전 팁과 업무 효율을 높이는 방법까지 알려드립니다.
HTML5뿐만 아니라, 프런트엔드 개발자로 성장하기 위한 방향성도 제시합니다.
수강생의 질문에 대해 빠르고 친절한 피드백을 제공합니다.
자주 하는 실수나 헷갈리는 부분을 짚어주며, 개개인의 학습 효과를 극대화합니다.
누구에게나 인정받는 대작 게임이 나에게는 재미없을 수 있는 것처럼,
강의도 모두에게 똑같이 맞는 건 아닙니다.
아무리 칭찬이 자자한 강의라도 나와 맞지 않을 수 있고,
반대로 누군가에겐 평범한 강의가 나에겐 최고의 강의가 될 수 있죠.
그래서 제 모든 강의는 최소 10% 이상 무료로 공개되어 있습니다.
직접 들어보고, 저와 스타일의 ‘결’이 맞는지 확인해 보세요!
만약 저와 결이 잘 맞는다면,
프런트엔드 개발자로 가는 가장 빠른 지름길을 안내해 드리겠습니다.
믿고 따라오세요! 🚀
마크업으로 활용할 수 있는 이미지 링크를 만들어봅니다.
간단한 카드 형태의 UI부터 시작하여 올바른 마크업 방법을 배웁니다.
목록 태그를 배우면 이렇게 복잡한 위키백과 목차도 만들 수 있습니다.
다양한 폼 관련 요소가 포함된 UI를 마크업 하는 방법을 배워봅니다.
테이블 코딩을 올바르게 하는 방법도 배워봅니다.
복잡한 신용카드 UI를 마크업하면서 올바르게 HTMl 태그와 ARIA를 적용하는 방법을 배워봅니다.
Q. 진짜 아무것도 모르는 초보자입니다. 괜찮을까요?
A. 네. 정말 괜찮습니다. 아무것도 모르는 분들이 학습할 수 있게 구성한 맞춤 강좌입니다.
Q. 책을 구매했어요. 온라인 강의도 구매할 필요가 있을까요?
A. 책을 구매하셨다면 더욱 더 구매하시는 걸 권장드립니다. 책에서는 다루지 않는 내용도 많이 포함하고 있습니다.
Q. HTML5를 공부해 본 적이 있어요. 그래도 들을만 할까요?
A. 본 강의는 HTML5만 다루기 때문에, 태그에 대해서 어느정도 알고 계시다면 안들으셔도 됩니다. 하지만 기초를 복습하는 마음으로 다시 들어보시는 걸 권장드려요!
운영 체제 및 버전(OS): Windows, macOS
사용 도구: 비주얼 스튜디어 코드(Visual Studio Code), 크롬(Chrome)
PC 사양: 웹 서핑이 가능한 수준의 최저 사양도 가능
실습 진행을 위한 강의별 학습 자료 제공
완전 비전공자, 초보자도 수강 가능
선수 지식 필요 없음
학습 대상은
누구일까요?
HTML을 한 번도 공부한 적이 없는 초보자 & 입문자
HTML을 알긴 하지만, 정확하게 안다고 자신할 수 없는 경험자
시맨틱 태그를 사용하지 않고 div로만 마크업하는 실무자
복잡한 설명 없이 단순하고 쉽게 배우고 싶은 사람
인프런인증
커리어인증
5,618
명
수강생
377
개
수강평
194
개
답변
4.9
점
강의 평점
11
개
강의
수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.
다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.
현재까지 다음과 같은 5권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:
또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]
다양한 할인 소식 또한 공식 홈페이지에서 빠르게 확인하실 수 있습니다.
👇 지금 바로 방문해 보세요
[공식 홈페이지 링크]
전체
69개 ∙ (4시간 11분)
해당 강의에서 제공:
전체
23개
5.0
23개의 수강평
수강평 2
∙
평균 평점 4.5
수정됨
5
중간중간 실습도 있어서 복습하기 좋았고 설명도 이미지로 구체화해서 해주시니까 더 이해가 잘된것 같습니다. 솔직히 리액트공부하다가 너무 근본없이 코드만 타이핑하는 느낌이여서 html부터 다시 기초공사 해보려고 들었습니다. 이번 기회에 수코딩님 커리로 제대로 다져볼까합니다 ㅎㅎ
정성스러운 후기 정말 감사합니다! 😊 실습과 이미지를 활용한 설명이 도움이 되었다니 정말 뿌듯합니다. 말씀하신 것처럼 React를 공부하다 보면 "왜 이렇게 작성하는지"보다 "일단 따라 치는 것"에 집중하게 되는 경우가 많은데, 그래서 HTML부터 차근차근 기초를 다지는 것이 장기적으로 큰 도움이 됩니다. 제 커리큘럼으로 기초를 탄탄하게 다져보겠다고 말씀해 주셔서 더욱 책임감을 느끼네요. 앞으로도 단순히 문법만 알려드리는 것이 아니라, 원리를 이해하고 스스로 응용할 수 있는 강의를 만들도록 하겠습니다. 끝까지 함께 성장해 봅시다! 감사합니다. 😊
css.png?w=420)
![[2024]리베하얀의 HTML 기초 실무강의 썸네일](https://cdn.inflearn.com/public/courses/334082/cover/faaaa70e-cae8-4488-afb0-5a2d4e7c0905/334082.png?w=420)
![모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]강의 썸네일](https://cdn.inflearn.com/public/courses/334857/cover/4ccc6c75-74aa-4aba-b3d9-8aabe36e9452/334857.jpg?w=420)
![풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]강의 썸네일](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?w=420)
![[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드강의 썸네일](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?w=420)
