김버그의 버그 없는 HTML - goormEDU

김버그의 버그 없는 HTML

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

Lecture Introduction
Difficulty
Easy
Category
Programming - Web Programming
Tag
html, css, 프론트엔드 개발 기초, 프론트엔드 개발, 웹개발, Frontend development, Web development
Target Audience
- 웹 개발 혹은 프론트엔드 개발을 처음 배우는 예비 개발자
- HTML을 공부했으나 여전히 마크업이 자신 없는 아기 개발자
- 시맨틱한 HTML 작성에 관심 있는 누구나



🦄


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






1단계

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

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





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







2단계

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

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


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







3단계: Twitter Markup Challenge

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

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






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







Bonus+

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

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




.

.

.

.



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


.

.

.

.






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

Preview
Expand All
  • 01
    시작하기에 앞서
  • HTML이 왜 중요한가요?
    HTML을 시맨틱하게 작성해야 하는 이유
  • 02
    HTML 기초
  • 태그 해부학
    링크 Anchor
    마무리 + 쉬어가기
Curriculum
Expand All
  • 01
    시작하기에 앞서
  • HTML이 왜 중요한가요?
    HTML을 시맨틱하게 작성해야 하는 이유
    강의 100% 활용하기
  • 02
    HTML 기초
  • 태그 해부학
    제목과 문단 Headings & Paragraph
    강조 Emphasis
    링크 Anchor
    이미지 Image
    리스트 Lists
    정의 리스트 Description List
    인용 Quotations
    흑마법 Div & Span
    Form (1) - 기본구조
    Form (2) - Input
    Form (3) - Label
    Form (4) - Radio & Checkbox
    Form (5) - Select & Option
    Form (6) - Textarea
    Form (7) - Buttons
    표 Table (1) - 기본 구조
    표 Table (2) - 심화
    미디어 파일 Media
    기타 Etc
    Doctype & Document Structure
    Title, Link, Style & Script
    Meta
    마무리 + 쉬어가기
  • 03
    HTML 훈련 (연재예정)
  • 챕터 소개
    Ad Banner
    Google Search Result Item
    Feature Box
    Logo in Header
    Breadcrumb & Pagination
    Star Review
    Instagram User Profile
    Receipt
    User List Item
    Medium Post Card
    Medium Post Card List
    Github Dropdown Menu
    Icon Button
    Input Group
    Combo Box
    Context Switcher
    Image File Uploader
    Feed Comment
    Feed Form
    Gmail Inbox
    Music Player
    Video Player
    마무리
  • 04
    트위터 마크업 챌린지 (연재예정)
  • 문서 구조 설계
    Sectioning Elements
    페이지 구조 설계
    Header
    Global Navigation
    Feed Section
    Sidebar Sections
    Footer
  • 05
    김버그의 디~테일 (연재예정)
  • 경로 Path
    HTML의 가족관계도
    Emmet
    센스가 넘치는 HTML 작성 팁
Instructor Introduction
user
김버그Teacher

Lecture Reviews
  • No reviews have been written.

50,000

25,000(50%)


Average Rating
5
Difficulty
Easy
Lecture Period
Unlimited
URL