HTML,CSS 개발을 위한 핵심 가이드

HTML,CSS 개발을 위한 핵심 가이드

(34개의 수강평)

2978명의 수강생

무료

윤지수
평생
입문
22개 수업, 총 2시간 27분

1. 강좌 소개

입문자와 웹개발자들에게 HTML,CSS는 낯설고 방대하게 느껴집니다. 특히나 CSS는 개발자들에게 두려움(?)의 대상이기도 합니다. 하지만 HTML, CSS의 원리와 핵심내용만 잘 알고 있다면, 그런 걱정에서 조금 벗어날 수 있습니다.

본강의에서는 HTML,CSS의 중요 개념을 소스코드를 통해 배울 수 있습니다.

배우는 것들

HTML을 통한 웹사이트 구조 설계 CSS 기본개념과 렌더링원리 CSS 기본스타일 적용방법 Layout 설정 LESS로 CSS 프로그래밍하기 필수 CSS3 속성으로 애니메이션 구현

2. 도움되는 분들

  • bootstrap에만 의존하는 웹개발자
  • 웹프론트엔드 개발자로 입문하고 싶은 분들
  • 자신의 디자인을 웹 화면으로 보여주고 싶은 웹디자이너
  • 핵심 개념을 제대로 익히고 싶은 웹퍼블리셔

3. 강좌 특징

  • 입문~초급 난이도
  • 핵심 개념에 집중하고 활용할 수 있는 간결한 강좌

4. 강사소개

윤지수
- 현재 코드스쿼드 웹프론트엔드 마스터.
- SK플래닛 웹UI 마스터.
- NHN NEXT 웹UI 전임교수.
- 네이버 웹UI 개발팀장.
코드스쿼드 코드스쿼드 개발자 출신의 교육 전문가들이 만든 최고품질의 소프트웨어 교육기관 http://codesquad.kr

지식공유자 소개

윤지수

교육과정

HTML을 통한 웹사이트 구조 설계
HTML은 무엇이고 어떻게 만드나요
06 : 00
HTML 의 중요 태그
06 : 00
UI 레이아웃을 위한 HTML 태그들
07 : 00
HTML 구조화 설계
08 : 00
ID 와 Class
06 : 00
디버깅- 크롬 - element 탭
04 : 00
CSS 기본개념과 렌더링원리
CSS를 HTML에서 사용하는 방법
06 : 00
CSS에서의 상속 개념
05 : 00
캐스캐이딩 - computedstyle이 결정되는 방식
04 : 00
Selector를 활용한 DOM 탐색
05 : 00
CSS 기본스타일 적용방법
COLOR,FONT와 같은 스타일 변경 방법
07 : 00
BOX Model을 이용한 엘리먼트 배치
07 : 00
Layout 설정
Position 속성을 이용한 Layout
08 : 00
Float 기반 Layout 1편
05 : 00
Float 기반 Layout 2편 - float에서 생기는문제해결
06 : 00
FLEX 기반 Layout
09 : 00
z-index 속성의 이해
06 : 00
LESS로 CSS 프로그래밍하기
CSS언어의아쉬운점
07 : 00
LESS Syntax
10 : 00
LESS Compile
08 : 00
필수 CSS3 속성으로 애니메이션 구현
transition 을 이용한 CSS 기본 애니메이션
07 : 00
transform 속성 활용
10 : 00

수강 후기

4.8
34개의 수강평
script java 6일 전
짱짱
Hyunju Lee 10일 전
엑기스만 잘 정리해주셔서 쉽게 알수있었습니다!
한혜경 11일 전
강의 하나하나가 짧고 필요한 부분을 잘 잡아주셔서 도움이 많이 됐어요~!감사합니다^^
서태선 21일 전
html 과 css에 대해 간략하게 훑어보기 좋은 강의입니다.
강준호 28일 전
빠르게 듣고 실습해보기 좋은강의같아요
이현준 2달 전
굳굳 빠르게 복습하기 좋습니다.
신민혁 (탈퇴) 3달 전
좋은 강의 감사합니다. HTML / CSS에 대해서 전반적으로 훑어보기 좋은 강의입니다!
자기개발힘내자! 3달 전
전체적으로 짧은 시간에 잘 정리 된 것 같습니다 감사합니다. 감사합니다!!!!!!
자기개발힘내자! 3달 전
전체적으로 짧은 시간에 잘 정리 된 것 같습니다 감사합니다. 감사합니다.
Comp Star (Spentime) 4달 전
속성으로 배우기 좋아요
설월 6달 전
잘 배웠습니다 강의가 지루하지도 않고 이해하기 쉽게 잘 설명해주셔서 감사해요. 잘 배웠습니다.
놀러 7달 전
기초 개념을 훑어보기에 좋습니다. layout, less 부분 도움 많이 되었습니다. 더 궁금한 부분은 스스로 메꿔나가며 공부해야겠습니다. 4년 전 윤지수 선생님 강의를 온라인으로 들었는데 보는 것 만으로도 정말 많은 도움이 되었습니다. 당연히 알 거라고 생각하고 아무도 설명해 주지 않았던 개발자 도구 보는 방법 등을 그때도 설명 해 주셨거든요. 이번 강좌 들으면서 그때의 마음이 다시 느껴져서 행복하고 좋았습니다. 무료로 강의 올려주셔서 감사합니다.
jaesikyi 2018.04.30
좋은강의 감사합니다. 속성으로 개념잡기에 좋은 강좌였습니다. 감사합니다.
일산훈남 2018.04.25
좋은 강의 감사합니다 감사합니다.
한가람 2018.04.24
감사합니다. 디자이너이구요. 개발 기본 공부하려고 들어왔어요. 이해잘가는 설명! 감사합니다
쿠드아이 2018.04.16
빠르게 정리하기 좋은강의 html과 css를 알고 있다면 빠르게 정리하기 좋은 강의이다. 기본적인 내용설명도 충실하고 어떤식으로 공부하면 될지 생각해보게 만드는 강의이기 때문에 다음 공부를 기대하게 만든다. 강의의 제목과 내용이 정말 잘 맞아떨어지는 강의! 추천한다.
이상준 2018.04.06
좋은 강의 감사합니다 많은 도움이 되었습니다.
이동훈 2018.02.13
지금도 되나요? 안녕하세요, 강의를 듣고 싶어 진행을 해보았는데 영상이 없다고 나와서요.. 다른 주소로라도 강의를 볼수있을까요?
TaeWoo Park 2018.01.10
재미있고 유익한 무료 강의 잘 보았습니다 :) 기초를 다지는데 많은 도움이 되었습니다.
임준혁 2018.01.07
기본 그리고 틀리기 쉬운것 들 다시 짚고 가는 강의 였습니다. 웹 페이지 제작하면서 자주 틀리던 부분인 position과 float 속성 다시 되짚어보고 less언어도 속성으로 금방 배울 수 있어서 좋았습니다. 기본 중에 중요한 것들, 틀리기 쉬운 것들, 유용한 팁들로 구성된 강좌라 유익했습니다. 무료로 강의해주셔서 감사합니다.
Jane song 2017.12.24
간단하게 짚고 넘어가기 좋네요 웹개발을 아무렇게나 내맘대로 했던 저에게 개념을 간단하고 빠르게 짚고 넘어가는 기회였습니다 감사합니다
이영민 2017.11.29
띄엄듸엄 알던 지식이 확 맥이 잡혔습니다.
허정운 2017.11.21
기초를 빠르게 훑어보기에 좋습니다!! 초보자분들께 추천드립니다!!
성수김 2017.10.13
딴거 듣고 왔더니 갓강의...클라스 인정 다만 gird가 나온시점에 flex는 조금 아쉬웠다.
불뚝 2017.10.09
좋은 강좌였습니다. 알차게 잘 들었습니다.
uzusun 2017.09.23
좋은 강의 감사합니다~~ css의 전반적인 사용법 및 팁등을 배울수 있는 시간이었습니다. 강의시간도 길지 않아 좋았구요^^;
그린나래 2017.09.17
많은 도움이 되었어요 동영상의 길이가 짧아서 부담스럽지 않고 굉장히 쉽게 설명해주셔서 좋았어요. 저는 초보라서 html이랑 css로 개발하려니 막막했는데 이 강의가 많은 도움이 되었습니다.
땀모 2017.09.08
정말 저에게 유익한 강좌였습니다. css가 어렵게 느껴졌는데 이젠 재미있게 배울수 있겠어요~ css가 어렵게 느껴졌는데 이젠 재미있게 배울수 있겠어요~
mocona 2017.07.20
좋은 강의입니다! 기초적이지만 꼭 필요한 부분을 잘 강의해주셔서 좋았어요! 감사합니다!
신건식 2017.06.17
좋은 강좌였습니다. CSS 입문을 위한 좋은 강좌였네요.
lukas Ahn 2017.06.13
잘 보았습니다. 핵심 위주의 강의로 많은 도움이 되었습니다. 감사합니다^^
자유여행 2017.06.02
감사합니다! 하나의 강의가 짧아서 듣기 더 좋았어요!
박형진 Park 2017.04.19
핵심만 찍어주는 강좌 좋습니다. 실무에서는 상세한 내용도 알아야 하지만 그것은 혼자 할수 있는 것이고. 중요한 핵심 부분만 간결하게 설명해주니 바로바로 이해가 되서 좋네요.. 감사합니다.
이승우 2017.04.13
좋아요 좋은 강의 입니다.