SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 대시보드

안녕하세요. 코딩웍스입니다.

이번에 코딩웍스가 심혈을 기울여서 만든 Tailwind CSS 강의가 오픈되었습니다.
코딩웍스가 만든 Tailwind CSS 강의는 [Tailwind CSS로 개발자가 만드는 멋진 UI 스타일링]라는 제목으로 만든 것 처럼 개발자가 퍼블리싱을 할 때 퍼블리셔 못지 않게 예쁜 UI 스타일링을 할 수 있는 부분에 가장 초점을 맞췄습니다.

[Tailwind CSS로 개발자가 만드는 멋진 UI 스타일링] 강의는 현재 가장 핫한 프레임워크인 Tailwind CSS를 이론부터 실전 반응형 웹사이트까지 19시간 이상의 수업시간으로 충실하게 다루고 있습니다. 수업 시간이 길다고 좋은 강의는 아닙니다. 하지만 해당 강의는 시간도 길고 강의도 좋다고 자부합니다. 특히, Tailwind CSS 모든 이론을 8시간 30분 동안 상세하게 다루기 때문에 CSS 이론이 부족한 사람에게 CSS 이론을 충실히 학습할 수 있습니다.

Tailwind CSS는 CSS Frameworks Ranking에서 현재까지 꾸준히 인기를 누리고 있고, 만족도 1위를 하고 있는 Tailwind CSS는 요즘 전 세계적으로 가장 핫한 CSS 프레임워크입니다. 핫한 이유 중에 가장 대표적인 것이 바로 유틸리티 클래스를 사용한 창의적인 스타일링을 할 수 있고 또한, 좋은 퀄리티의 디자인을 만들기 위한 작업 시간이 꽤 빠르다는 점이라 생각됩니다.

이론 수업 뿐만 아니라 Tailwind CSS로 만드는 실전 예제들 그리고 개발자 경력 이력서 & 포트폴리오 소개 반응형 웹 제작도 충실하게 배우시고 결과물을 얻으실 수 있습니다.

✅ 강의소개 및 무료강의 보러가기 : https://inf.run/pjqKk

안녕하세요. 코딩웍스입니다.
원활한 SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 퍼블리싱 작업을 위해서 SCSS 핵심 이론(Essential Theory)을 업데이트 했습니다. SCSS 핵심 이론(Essential Theory) 영상은 5시간 9분에 걸쳐 SCSS의 거의 모든 이론을 다루고 있으므로 SCSS 핵심 이론을 충분히 심도 깊게 하실 수 있습니다.

▼ 추가된 섹션과 영상 내용(2023.07.06)

섹션 4. SCSS 핵심 이론(Essential Theory)

1. SCSS 핵심이론(01) - 선택자 중첩(Nesting)

2. SCSS 핵심이론(02) - 부모 선택자 참조(&)와 주석처리

3. SCSS 핵심이론(03) - 부모 선택자 참조(&) 응용

4. SCSS 핵심이론(04) – 대표적인 CSS 선택자 SCSS에서 만들기

5. SCSS 핵심이론(05) - 부모 선택자 참조(&) 가상클래스

6. SCSS 핵심이론(06) - 부모 선택자 참조(&) 속성선택자

7. SCSS 핵심이론(07) - 부모 선택자 중첩 나가기 @at-root

8. SCSS 핵심이론(08) – 접두어(prefix) 사용해서 CSS 속성 자동생성

9. SCSS 핵심이론(09) – 가상클래스 :is로 선택자 중복 줄이기

10. SCSS 핵심이론(10-1) - 변수(Variables) 01

11. SCSS 핵심이론(10-2) - 변수(Variables) 02

12. SCSS 핵심이론(10-3) - 변수(Variables) 유효범위와 CSS 변수선언

13. SCSS 핵심이론(11-1) - 외부파일 가져오기 @import

14. SCSS 핵심이론(11-2) - @import로 분할(Partial)된 파일 불러오기

15. SCSS 핵심이론(12) - 연산자(Operations), 출력창 없애기

16. SCSS 핵심이론(13-1) - 그룹 선언하기 @mixin, 그룹 사용하기 @include

17. SCSS 핵심이론(13-2) - @mixin과 @include 응용하기

18. SCSS 핵심이론(13-3) - @mixin과 @include 활용한 버튼디자인

19. SCSS 핵심이론(13-4) - @mixin의 매개변수(인수)를 @include로 사용하기

20. SCSS 핵심이론(14) - 선택자 속성 가져오는 @extend

21. SCSS 핵심이론(15) - @extend와 함께 사용하는 플레이스 홀더 선택자 %

22. SCSS 핵심이론(16) - 다중 변수 선언, 내장 함수(map-get)

<SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma> 수강평 이벤트😋

해당 강의에 수강평을 작성해주시는 분들에 한해서 SCSS(SASS)+FLEX 핵심이론 및 활용예제 파일을 제공합니다. 제공되는 PDF 교재와 파일은 <SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma> 퍼블리싱 작업과 앞으로 실무에서 작업하실 때를 위해서 좋은 레퍼런스가 될 것 입니다. 

수강평은 수강생분이 해당 강의를 보고 느낀 솔직한 수강평을 적어주시면 됩니다. 수강평을 작성하시고 작성하신 수강평을 캡쳐해서 아래 이메일로 보내주시면 [SCSS(SASS)+FLEX 핵심이론 및 활용예제 파일]을 이메일로 보내드립니다.

수강평 이벤트는 기간 한정으로 강의 오픈 할인기간 4주간 진행합니다.

■ 기간 : 4주간(2023년 7월 1일~7일 28일)
■ 이메일 : webnlife@naver.com

🚩제공파일

- SCSS(SASS) 핵심이론 교재(PDF, 67페이지) 및 완성본 활용 예제
- FLEX 핵심이론 교재(PDF, 36페이지) 및 완성본 활용 예제

※ 완성본 활용예제는 해당 교재에 나오는 모든 예제를 만든 완성본입니다.
※ SCSS(SASS)+FLEX 핵심이론 교재 및 제공파일 상세소개 보기 : https://inf.run/qzdx

안녕하세요. 코딩웍스입니다.
이번에 새롭게 <SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma> 강의가 오픈되었습니다.

SCSS(SASS)와 FLEX Layout을 실전에 완벽하게 활용합니다! 피그마로 전체 웹사이트의 메인 페이지 및 핵심 서브 페이지 UI를 디자인하고, 일관성 있는 클래스네임과 함께 HTML 와이어프레임 구조를 만들어 퍼블리싱까지 완료하는 체계적인 반응형 웹 사이트 프로젝트 제작 과정입니다. 총 35시간 이상의 과정 속에서 핵심 이론 및 실무 활용 능력을 충분히 익히고, PC - 모바일 - 태블릿 대응 반응형 레이아웃을 설계 및 제작하면서 반응형 웹 프로젝트에 대한 경험과 노하우는 물론 제이쿼리(jQuery) 핵심 이론 및 실무 활용 능력까지 대폭 향상시키게 됩니다.

🚩 강의소개 보러가기 : https://inf.run/TH3b

"SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 강의로 체계적인 반응형 웹 사이트 프로젝트 제작 능력 완성"

SCSS(SASS)와 FLEX를 실전에 완벽하게 활용합니다! 

Point 1. 피그마(Figma)로 SCSS(SASS)+FLEX 웹사이트 UI 디자인 제작
Point 2. SCSS(SASS)+FLEX 웹사이트 HTML 와이어프레임 모든 페이지 상세한 제작
Point 3. SCSS(SASS)+FLEX를 활용한 다양한 다수의 웹 페이지 퍼블리싱 제작
Point 4. PC, 모바일, 태블릿 대응 반응형 레이아웃 설계, 제작 그리고 완벽한 퍼블리싱 작업까지
Point 5. 반응형 웹 프로젝트 제작을 위한 제이쿼리 핵심 이론 및 실무 활용 능력

코딩웍스가 지금까지 수많은 오프라인 학원과 개인 포트폴리오 홈페이지 제작 과정에서 수업한 중상급 퍼블리싱 제작 노하우가 담겨 있습니다. 특히 SCSS(SASS)+FLEX를 기본으로 제작하는 반응형 웹 퍼블리싱 프로젝트라서 SCSS(SASS)+FLEX 능력을 최대한으로 끌어올릴 수 있습니다.
완강 후 한층 향상된 중상급 반응형 웹 퍼블리싱 능력을 갖게 되실 거라고 확신합니다!