CSS에 날개를 달아주는 Sass (SCSS)
스마트한 CSS의 작성! Sass (SCSS) Sass (Syntactically Awesome Style Sheets)
초급자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.
이런 걸
배워요!
scss
css
CSS에 날개를 달아주는 Sass (SCSS)
스마트한 CSS의 작성! Sass (SCSS) Sass (Syntactically Awesome Style Sheets)는 세계에서 가장 성숙하고 안정적이며 강력한 전문적인 CSS 확장 언어입니다. Sass는 CSS pre-processor로서, Sass는 CSS의 모든 버전과 완벽하게 호환되고, 단조롭거나 복잡할 수 있는 CSS 작성 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성을 높여줄 뿐 만 아니라, 코드의 가독성을 높여주어 유지보수를 쉽게해줍니다. 거기에 CSS 작성에 능률과 재미를 불러일으킵니다!
도움이 되는 분들
- 웹 분야에 있어서 중급으로 발돋움 하고자 하시는 분들
- CSS를 더욱 더 고급스럽고 세련되게 작성하고자 하는 웹 개발자, 디자이너, 퍼블리셔 등
지식공유자 소개
DEvSIGNER안녕하세요. DEvSIGNER 입니다. DEvSIGNER는 Developer와 Designer 두단어를 섞은 활동명이 되겠습니다. 그에 부응하도록 2003년경 부터 플래시를 필두로한 웹디자인에서 지금의 웹개발자에 이르기 까지 다양한 플랫폼을 경험하고 습득하고 있습니다. 제가 수행한 다양한 프로젝트들과 거기서 경험한 시행착오들을 통해, 강의 내용에 있어서 최대한 수강생을 혼동시키지 않는 간단하고 직선적인 방법으로 설명할 수 있다고 생각합니다. 저의 강의 코스들이 여러분들의 커리어에 활력을 더해줄 수 있는 좋은 기회로 다가가 환영받기를 기대합니다!
강의 보완: 여러가지 소소한 웹관련 컨텐츠들이 있습니다~
저의 유튜브 채널: https://www.youtube.com/channel/UCzdBm7dzIEht0ATtshAVfAA?view_as=subscriber
이런 분들께
추천드려요!
학습 대상은
누구일까요?
css의 생산성을 높이고 더 고급스럽게 작성하고자 하시는 분들
css의 실제 활용 기법
선수 지식,
필요할까요?
html
css 기본적인 사용법, 개념
커리큘럼
전체
65개 ∙ (27시간 38분)
가 제공되는 강의입니다.
intro
03:40
Basic Editing
14:44
Extensions Essential
21:03
Sass란?
12:57
Sass 다른 컴파일 방법
43:41
Sass: 변수 - 기초 개념
01:04:59
Partial #1
39:49
Sass: Nesting
52:14
Sass: Nesting 추가 내용
19:38
Sass: map file
06:54
Sass: 기초 활용 예제
57:47
Sass: 함수 기초
19:51
Sass: 함수 활용 예제
50:12
mixin 기초 개념
18:12
mixin 예제 - flex
25:49
Lists 목록형 변수 기초
13:48
특정 부모 요소 선택자 :has()
22:33
CSS, SCSS 레이아웃 개념잡기
19:42
[지난 내용] mixin
20:17
[지난 내용] extend
08:57
[지난 내용] Partial #2
19:46
[지난 내용] if
16:57
Wrap up - Boxes Project - 1
01:15:15