[바로실습] 생활코딩 - WEB2: CSS

CSS에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 생활코딩이 제공하는 수업입니다. 바로 코드를 작성하며 CSS 기초를 다지세요!

강좌 소개
난이도
보통
카테고리
웹 프로그래밍 - 프로그래밍
태그
CSS
추천 수강대상
- 웹 페이지를 아름답게 디자인하고 싶은 분
- CSS에 대한 근본적인 원리를 알고 싶은 분

#구름EDU 수강자 분들을 위해 생활코딩(https://opentutorials.org)이 함께 합니다. 항상 좋은 지식을 전해주시는 생활코딩에 감사드립니다.


해당 강좌는 생활코딩의 고퀄리티 강좌를 별도의 실습 환경을 설치하지 않고 곧바로 실행해볼 수 있도록 세팅되어 있습니다. Express를 조금 더 쉽게 배워봅시다!


📝수업 소개


🎨웹 페이지를 아름답게 디자인하고 싶은 분들을 위한 CSS의 근본적인 원리를 알고, 지식과 경험을 통해 본인의 웹 페이지를 꾸밀 수 있도록 소개합니다.

👩‍🏫CSS의 기본 문법과 Grid를 이용한 현대적인 레이아웃 제작방법MediaQuery를 이용한 다양한 크기의 스크린에 대응하는 방법을 배웁니다.



🎯학습 목표


  • CSS가 무엇인지 이해하고 그 기본 문법에 대해 공부합니다.
  • 다양한 레이아웃을 제작하고 여러 스크린에 대응하는 방법을 배우고 유용하게 사용할 수 있습니다.



📣참고사항


  • 본 수업을 수강하기 위해 HTML, 웹 서버, 인터넷에 대한 기초 지식을 필요로 합니다.
  • HTML, 웹서버, 인터넷에 대한 지식이 부족하다면 WEB1: HTML & Internet 수업을 먼저 보시기를 권장드립니다.
  • 야학사이트를 통해 학습 진행상황을 체크하고 다른 학우들과 교류할 수 있으니 참고해주시기 바랍니다.



강의자 소개


생활코딩(이고잉)

  • 약 10만 멤버로 구성된 개발 커뮤니티 생활코딩 운영
  • 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업을 제공
체험하기
모두 펼치기
교육 과정
모두 펼치기
  • 01
    수업 소개
  • 수업 소개
  • 02
    CSS의 등장
  • CSS 등장 이전의 상황
    CSS의 등장
  • 03
    CSS의 문법
  • CSS의 기본 문법
    혁명적인 변화
    CSS 속성을 스스로 알아내는 방법
    CSS 선택자를 스스로 알아내는 방법
  • 04
    박스 모델
  • 박스 모델 소개
    박스 모델 써먹기
  • 05
    그리드
  • 그리드 소개
    그리드 써먹기
  • 06
    반응형 디자인과 미디어 쿼리
  • 미디어 쿼리
    반응형 디자인 구현하기
  • 07
    CSS 코드의 재사용
  • CSS 코드의 재사용
  • 08
    수업을 마치며
  • 수업을 마치며
    Long take 버전
마지막 업데이트|2019년 12월 19일
강의자 소개
생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게 공부할 것인가를 생각해보기 전에 왜 프로그래밍을 공부하는 이유에 대한 이유를 함께 생각해보면 좋을 것 같습니다.

강좌 후기
무료

평균평점
5.0
난이도
보통
수강기간
평생 무제한