Thumbnail
BEST 개발 · 프로그래밍 웹 개발
HTML,CSS 개발을 위한 핵심 가이드
(4.8)
96개의 수강평 ∙ 5541명의 수강생

무료

지식공유자 : 윤지수
총 22개 수업˙총 2시간 27분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
내 목록 추가 공유
초급자를 위해 준비한
[웹 개발, 프로그래밍 언어] 강의입니다.

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

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

안녕하세요
윤지수 입니다.
윤지수의 썸네일
공동 지식공유자: yoda의 썸네일
커리큘럼 총 22 개 ˙ 2시간 27분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. HTML을 통한 웹사이트 구조 설계
섹션 1. CSS 기본개념과 렌더링원리
CSS를 HTML에서 사용하는 방법 06:00
CSS에서의 상속 개념 05:00
캐스캐이딩 - computedstyle이 결정되는 방식 04:00
Selector를 활용한 DOM 탐색 05:00
섹션 3. Layout 설정
Position 속성을 이용한 Layout 미리보기 08:00
Float 기반 Layout 1편 05:00
Float 기반 Layout 2편 - float에서 생기는문제해결 06:00
FLEX 기반 Layout 09:00
z-index 속성의 이해 06:00
섹션 4. LESS로 CSS 프로그래밍하기
CSS언어의아쉬운점 미리보기 07:00
LESS Syntax 10:00
LESS Compile 08:00
섹션 5. 필수 CSS3 속성으로 애니메이션 구현
강의 게시일 : 2017년 03월 22일 (마지막 업데이트일 : 2018년 04월 19일)
수강평 총 96개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.8
96개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
휴식중인 불가사리 thumbnail
감사합니다. 디자이너이구요. 개발 기본 공부하려고 들어왔어요. 이해잘가는 설명! 감사합니다
2018-04-24
최은아 thumbnail
css, html, js 에 대한 전반적인 이해와 활용에 대한 설명이 좋았습니다. 감사합니다.
2019-07-26
지식공유자윤지수
감사합니다 ^^ javascript도 공부해보세요!
2019-07-31
Kyunghyun Frank Kim thumbnail
강의를 잘 만드신 것 같은데..외국인들이 있는 곳에선 동영상을 보면서 공부를 절대 못할 것 같네요.. 의도치 않을 것일 수도 있는데..네이버, 구글 아이디가 상당히 부적절해보여서요. 'niganiga', 'nigayo' .. 아이디 네임을 바꾸는 것을 고려 해보시는 것도 나쁘지 않을 것다는 생각이 드네요... 네이버 아이디 보고 설마 했는데 구글 아이디보고 깜짝 놀라 당황했습니다.
2019-08-18
지식공유자윤지수
먼저 강의를 보시면서 상당히 불편하셨을 것 같은데 사과드립니다. 당연히 의도하진 않았지만..(niga라는 건 그저 you are.. 라는 의도였네요) 충분히 오해할 수 있는 단어라고 생각합니다. 덕분에 심각하게 느끼고 있고요. 당장 아이디를 바꿔야겠네요. 진심을 담아주신 충고 감사드립니다.
2019-08-18
윤보라 thumbnail
기본을 정말 빠르게 잘 정리했습니다. ㅠㅠ 의문점 정리도 확실히 됬네요 감사합니다~~~
2020-09-17
lukas Ahn thumbnail
잘 보았습니다. 핵심 위주의 강의로 많은 도움이 되었습니다. 감사합니다^^
2017-06-13

무료

내 목록 추가 공유
지식공유자 : 윤지수
총 22개 수업˙총 2시간 27분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스