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

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

강좌 소개
난이도
쉬움
카테고리
웹 프로그래밍 - 프로그래밍
태그
CSS, HTML
수료증
발급 가능
추천 수강대상
- 본인의 웹 디자인을 직접 코드로 구현하고 싶은 디자이너
- 실무에서 바로 적용 가능한 실용적인 스킬을 원하는 분
- 웹 개발을 처음부터 똑바로 배우고 싶은 예비 개발자
- HTML을 공부했으나 실제로 사용하지는 못하는 아기 개발자



🦄


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






1단계

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

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





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







2단계

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

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


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







3단계: Twitter Markup Challenge

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

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






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







Bonus+

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

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




.

.

.

.



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


.

.

.

.






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

체험하기
모두 펼치기
  • 01
    시작하기에 앞서
  • HTML이 왜 중요한가요?
  • 02
    HTML 기초
    24개 (03:18:04)
  • 태그 해부학
    03:05
    마무리 + 쉬어가기
    03:28
  • 03
    HTML 훈련
    14개 (02:17:25)
  • Ad Banner
    08:27
  • 04
    트위터 마크업 챌린지
    12개 (01:16:20)
  • 챕터 소개: 구조적인 웹 문서 설계
    02:54
교육 과정
모두 펼치기
  • 01
    시작하기에 앞서
  • HTML이 왜 중요한가요?
    HTML을 시맨틱하게 작성해야 하는 이유
    08:30
    강의 100% 활용하기
    강의 환경 세팅
    07:12
  • 02
    HTML 기초
    24개 (03:18:04)
  • 태그 해부학
    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
    06:04
    표 Table (1) - 기본 구조
    08:12
    표 Table (2) - 심화
    18:20
    미디어 파일 Media
    17:57
    기타 Etc
    17:58
    Doctype & Document Structure
    06:51
    Title, Link, Style & Script
    05:13
    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
마지막 업데이트|2024년 01월 17일
강의자 소개
안녕하세요. 구름에듀 캡틴 김버그입니다. 함께 학습을 시작해봐요!

강좌 후기
50,000

평균평점
4.9
난이도
쉬움
수강기간
평생 무제한