배웠지만 못 쓰겠는 CSS, 그 아이러니를 탈출하도록 도와주는 강좌입니다.

CSS 심화 강좌로 구현하는 웹 페이지

혹시 CSS를 배우고나서 직접 개발해 보려고 시도한 적이있나요?
CSS 문법은 배울 때는 쉽지만 막상 적용하기는 어렵습니다.

배웠지만 못 쓰겠는 CSS, 그 아이러니를 탈출하도록 도와주는 CSS 심화 실습 강좌입니다. CSS의 중요한 문법만을 공식암기하듯 익히고 넘어갔다면, 이 강의는 예제를 통해서 직접 CSS를 작성하며 실력을 키우기 좋은 강의입니다.

본 강좌는 철저히 실습위주로 구성되어 있습니다. 각 강의별 예제와 챕터를 총괄하는 예제, 본 강의 전체를 총괄하는 예제와 정답이 준비되어 있습니다.

학습 목표

  • 원하는 모양을 아무 것도 없는 상태에서 만들 수 있습니다.
  • 자주 사용되는 CSS 패턴을 익힙니다.
  • CSS 트릭을 이용해서 JS 없이 동적으로 작동하는 페이지를 만들 수 있습니다.

 도움이 되는 분들

  • CSS를 배웠고, 이해도 했는데 도무지 실전에서 사용할 엄두가 안 나는 분
  • CSS 예제를 통해서 진짜 실력을 키우고 싶은 분
  • 기초적인 수준의 CSS 실력을 향상시키고 싶은 분

참고 사항

  • CSS 이론을 이미 배웠다고 가정한 강의입니다. 이론 설명이 없는 것은 아니나 예제 코드 설명에 더 많은 심혈을 기울였으니 입문 강의로는 적절하지 않습니다.

지식공유자 소개

sonack

한양대학교 수학교육과에 재학중이다. 교내 컴퓨터 동아리 HUHS에 들어가 처음 코딩에 관심을 가지게 되었고, 여러 활동을 통해 웹 개발로 방향을 정했다. CSS를 배우고 나서 실질적으로 연습을 할 수 있는 예제가 없다는 것을 깨닫고 강좌를 제작하게 되었다. ‘극성 이과’의 영역이라고 여겨지는 컴퓨터와 수학을 보다 편안하게 많은 사람들에게 알리는 것이 목표이다.

강좌 평가

...

개의 수강평
  • 5 점0
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0

아직 수강평이 없네요

강좌 교육과정

Chapter0. Before start
오리엔테이션학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:02:00
수업의 진행방식학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:01:00
Chapter1. 원하는 모양 만들기
네모 네 개를 일렬로 놓는 방법학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:11:00
브라우저 호환성 문제학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
Absolute 활용하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
쌓임맥락과 z-index학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
최종예제: 곰돌이 만들기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:15:00
Chapter2. 반응형 프레임 만들기
가운데 정렬 프레임 만들기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
모바일에 대응하는 CSS학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
크기의 단위학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
Calc 함수: 크기 단위의 합성학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
최종예제: 반응형 2분할 프레임 만들기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
Chapter3. 애니메이션 만들기
가상, 인접 클래스 선택자학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
Transition 효과학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
최종예제학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
  • 가격 옵션 +
  • 무제한
  • 강좌 수료증
  • 15개 강의, 총 1 시간 54 분
  • 위시리스트

우리는 성장기회의 평등 을 추구합니다.

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED