Thumbnail
개발 · 프로그래밍 웹 개발

배웠는데 못 쓰겠는 CSS 구출기 대시보드

(5)
1개의 수강평 ∙  40명의 수강생

27,500원

지식공유자: sonack
총 15개 수업 (1시간 54분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.

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

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

혹시 CSS를 배우고나서 직접 개발해 보려고 시도한 적이있나요? CSS 문법은 배울 때는 쉽지만 막상 적용하기는 어렵습니다. 배웠지만 못 쓰겠는 CSS, 그 아이러니를 탈출하도록 도와주는 CSS 심화 실습 강좌입니다. CSS의 중요한 문법만을 공식암기하듯 익히고 넘어갔다면, 이 강의는 예제를 통해서 직접 CSS를 작성하며 실력을 키우기 좋은 강의입니다.

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

학습 목표

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

 도움이 되는 분들

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

참고 사항

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

지식공유자 소개

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

안녕하세요
sonack 입니다.
sonack의 썸네일
커리큘럼 총 15 개 ˙ 1시간 54분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. Chapter1. 원하는 모양 만들기
네모 네 개를 일렬로 놓는 방법 미리보기 11:00
브라우저 호환성 문제 03:00
Absolute 활용하기 14:00
쌓임맥락과 z-index 06:00
최종예제: 곰돌이 만들기 15:00
섹션 2. Chapter2. 반응형 프레임 만들기
가운데 정렬 프레임 만들기 05:00
모바일에 대응하는 CSS 09:00
크기의 단위 09:00
Calc 함수: 크기 단위의 합성 08:00
최종예제: 반응형 2분할 프레임 만들기 07:00
섹션 3. Chapter3. 애니메이션 만들기
가상, 인접 클래스 선택자 09:00
Transition 효과 07:00
최종예제 08:00
강의 게시일 : 2018년 03월 07일 (마지막 업데이트일 : 2018년 06월 25일)
수강평 총 1개
수강생분들이 직접 작성하신 수강평입니다.
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
김정래A thumbnail
5
쉽게 설명을 잘하시는거 같아요.
2023-11-07