왕초보를 위한 HTML&CSS 웹 개발 입문 - goormEDU

왕초보를 위한 HTML&CSS 웹 개발 입문

코딩을 처음 접할 때 두려움이 없도록 정말 알기 쉽게 설명 했어요! HTML과 CSS를 배워서 웹 사이트 제작에 필요한 기본을 배울 수 있습니다.

Lecture Introduction
Difficulty
Easy
Category
Programming - Programming Fundamentals
Tag
html, css
Certificate
You can issue a certificate of completion
Target Audience
- 코딩을 처음 접하는 사람
- 홈페이지를 만들고 싶은 사람
- 코딩이 어렵게 느껴지는 사람

📝강좌 소개


우리는 웹 사이트를 만들기위해 기본적으로 HTML, CSS, JavaScript를 사용합니다.

우선 이 웹 언어를 쉽게 설명드리면!

  • HTML로 웹 사이트를 정의하고,
  • CSS로 예쁘게 꾸민 후에,
  • JavaScript로 동작하게 하는 것을 말합니다.

이 강의에서는 HTML과 CSS가 무엇인지 정확하게 이해하고,
HTML 태그 사용법 그리고 CSS로 HTML 요소를 스타일링 하는 방법에 대해 자세히 학습합니다.


수강 타겟/강의 목적 🔑

이 강의는 왕초보를 위한 강의로 홈페이지를 만들고 싶은 사람을 대상으로 합니다.

  • 쉽게 HTML, CSS를 배우고 싶으신 분
  • 지루하지 않게 HTML, CSS를 배우고 싶으신 분
  • 코딩을 처음 접하는 디자이너, 학생, 직장인!

강의 리뷰


"댓글 달려고 로긴한 적 첨인데 이 강의 ㄹㅇ 대박입니다. 제가 지금까지 이것저것 코딩강의 많이 들어봤지만 이렇게 명료하고 쉽게 설명하시면서 교안 디자인까지 깔끔한 분은 처음 봤습니다. 부디 대성해서 100만 유튜버 되세요. 아직 10강도 못 들었지만 전 무조건 완강하렵니다."



🤔짐코딩 소개

실용적인 코딩컨텐츠를 만들어 가는 짐코딩 입니다.
Youtube | Github | GymStagram | CodingStagram

Preview
Expand All
  • 01
    강의소개 & 개발환경설정
  • 강의소개
    개발 환경 설정
  • 02
    HTML이란? 시작하기 전에!
  • HTML이란? - 시작하기 전에
    HTML이란? - 알아보기
    코드 자동완성 Emmet
Curriculum
Expand All
  • 01
    강의소개 & 개발환경설정
  • 강의소개
    개발 환경 설정
  • 02
    HTML이란? 시작하기 전에!
  • HTML이란? - 시작하기 전에
    HTML이란? - 알아보기
    코드 자동완성 Emmet
  • 03
    HTML 학습하기1
  • 폰트 태그
    목록 태그
    표 태그
    강의소스 공유해요~!
    시맨틱(Semantic) 태그
    Block Element vs Inline Element
  • 04
    HTML 학습하기2
  • 이미지&멀티미디어 태그 - img 태그
    이미지&멀티미디어 태그 - audio. video, a
    폼(Form) 태그 - input
    폼(Form) 태그 - select, checkbox, radio
    Head 태그
  • 05
    CSS 선택자
  • CSS란 무엇인가?
    선택자(Selector)1- 기본선택자
    선택자(Selector)2- 속성선택자
    선택자(Selector)3- 그룹/결합 선택자
  • 06
    CSS 학습하기1
  • 폰트(Font) 스타일1
    폰트(Font) 스타일2
    표(Table) 스타일
    Box Model1 - margin, padding
    Box Model2 - border
    Display 속성1
    Display 속성2
  • 07
    CSS 학습하기2
  • Float 속성
    Position 속성
    Background 배경 스타일1
    Background 배경 스타일2
    고급선택자 1탄
    고급선택자 2탄
  • 08
    CSS 더 깊게 학습하기
  • Transform&Transition 1탄
    Transform&Transition 2탄
    Animation 1탄
    Animation 2탄
    반응형 웹 1탄
    반응형 웹 2탄
    Flexbox 1탄 - 레이아웃, Flexbox 구성요소
    Flexbox 2탄 - Flex Container 속성
    Flexbox 3탄 - Flex Item 속성
    Flexbox 4탄 - Navbar 실습
Instructor Introduction
user
짐코딩 GYM CODINGTeacher

Lecture Reviews
Free

Average Rating
4.6
Difficulty
Easy
Lecture Period
Unlimited