All Lectures
RouteNoticeQ&A

김버그의 HTML은 재밌다 - 기초부터 실무 레벨까지

웹 개발의 시작인 HTML, 탄탄한 개념이해부터 실습까지 한 강의로 끝내기! 실무 가능한 실력으로 😎

Lecture Introduction
Difficulty
Easy
Category
Web Programming - Programming
Tag
CSS, HTML
Certificate
You can issue a certificate of completion
Target Audience
- 본인의 웹 디자인을 직접 코드로 구현하고 싶은 디자이너
- 실무에서 바로 적용 가능한 실용적인 스킬을 원하는 분
- 웹 개발을 처음부터 똑바로 배우고 싶은 예비 개발자
- HTML을 공부했으나 실제로 사용하지는 못하는 아기 개발자



🦄


웹 개발의 시작인 HTML, 그런 만큼
우리는 공부해야 합니다






1단계

태그의 용도와 웹 표준에 맞게 작성하는 법을 학습합니다

이때 배워야 하는 태그의 양이 좀... 많습니다 😖





강의에서 다루는 HTML 태그 Map   실무에서 가장 많이 사용하는 녀석들만 쏙쏙 골랐습니다







2단계

배워서 써먹지 못한다면 의미 없다!
자주 등장하는 UI 컴포넌트를 함께 마크업 하면서 HTML 작성법을 익힙니다

14개의 (직접 만든!) UI 컴포넌트가 여러분을 기다리고 있습니다 💕


이런 슬픈 일이 일어나지 않도록 김버그가 멱살 잡고 캐리하겠책임지겠습니다







3단계: Twitter Markup Challenge

시맨틱하고 구조적인 HTML 작성하는 법을 학습합니다

더이상 작은 UI 컴포넌트가 아니라 문서 전체를 구조적으로 설계하는 법을 배웁니다 🙌






우리가 함께 마크업하게 될 친구입니다 (압박)







Bonus+

개발자라면 알아야 하는 소소한 팁들을 공유합니다

틈틈이 업데이트될 예정입니다 🐝




.

.

.

.



"실례지만 누구세요...?"


.

.

.

.






https://www.youtube.com/c/kimbug

Preview
Expand All
  • 01
    시작하기에 앞서
  • HTML이 왜 중요한가요?
    06:10
  • 02
    HTML 기초
    24개 (03:12:40)
  • 태그 해부학
    03:05
    마무리 + 쉬어가기
    03:28
  • 03
    HTML 훈련
    14개 (02:17:25)
  • Ad Banner
    08:27
  • 04
    트위터 마크업 챌린지
    12개 (01:16:20)
  • 챕터 소개: 구조적인 웹 문서 설계
    02:54
Curriculum
Expand All
  • 01
    시작하기에 앞서
  • HTML이 왜 중요한가요?
    06:10
    HTML을 시맨틱하게 작성해야 하는 이유
    08:29
    강의 100% 활용하기
    강의 환경 세팅
    07:12
  • 02
    HTML 기초
    24개 (03:12:40)
  • 태그 해부학
    03:05
    제목과 문단 Headings & Paragraph
    04:59
    강조 Emphasis
    04:24
    링크 Anchor
    11:40
    이미지 Image
    05:41
    리스트 Lists
    08:26
    정의 리스트 Description List
    08:52
    인용 Quotations
    06:53
    흑마법 Div & Span
    01:13
    Form (1) - 기본구조
    03:47
    Form (2) - Input
    17:42
    Form (3) - Label
    06:56
    Form (4) - Radio & Checkbox
    15:53
    Form (5) - Select & Option
    06:04
    Form (6) - Textarea
    02:53
    Form (7) - Buttons
    03:32
    표 Table (1) - 기본 구조
    08:12
    표 Table (2) - 심화
    18:20
    미디어 파일 Media
    17:58
    기타 Etc
    06:51
    Doctype & Document Structure
    05:13
    Title, Link, Style & Script
    15:05
    Meta
    05:33
    마무리 + 쉬어가기
    03:28
  • 03
    HTML 훈련
    14개 (02:17:25)
  • Ad Banner
    08:27
    Google Search Result Item
    12:12
    Feature Box
    07:30
    Logo in Header
    05:54
    Breadcrumb & Pagination
    14:30
    Product Card
    13:41
    Instagram User Profile
    08:26
    Receipt
    10:09
    Github Dropdown Menu
    10:42
    Input Group
    03:58
    Feed
    13:30
    Gmail Inbox
    15:50
    Music Player
    08:36
    Video Player
    04:00
  • 04
    트위터 마크업 챌린지
    12개 (01:16:20)
  • 챕터 소개: 구조적인 웹 문서 설계
    02:54
    올바른 Sectioning Elements 사용 방법
    02:16
    페이지 구조 설계
    03:49
    Header
    03:13
    Global Navigation
    05:29
    Main
    07:12
    Tweet Form
    14:08
    Timeline
    02:07
    Tweet
    15:36
    Aside
    08:01
    Footer
    03:58
    마무리
    07:37
Recent Update|2024. 01. 17
Instructor Introduction
hello.Goorm Edu Captain 김버그.Let's start learning together!

Lecture Reviews
50,000

Average Rating
4.9
Difficulty
Easy
Lecture Period
Unlimited