피그마 환경이 생소해서, 생각보다 공부와 작업이 늦어질 거 같지만, 차근차근 해보도록 하겠습니다. 그래도 재밌습니다. :)

jaeuishin

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

코딩웍스(Coding Works)

인프런 10주년! 사랑주간 전체 할인

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

실습 중심

웹퍼블리싱

Master the practical use of SCSS (SASS) and FLEX Layout! This is a systematic responsive website project creation process that designs the main page and key sub-page UI of the entire website with Figma, creates an HTML wireframe structure with consistent class names, and completes publishing. In the course, which lasts more than 41 hours in total, you will learn the core theory and practical application skills and design and create PC-mobile-tablet responsive layouts, which will greatly improve your experience and know-how with responsive web projects as well as your core jQuery theory and practical application skills.

codingworks

입문

초급

중급이상

HTML/CSS

사스

Sass

scss

자바스크립트

JavaScript

제이쿼리

jQuery

SCSS(SASS)+FLEX Practical Responsive Web Project with Figma

Lecture introduction

SCSS(SASS)+FLEX Responsive Web Project UI Design Production with Figma

SCSS(SASS)+FLEX Responsive Web Project HTML Wireframe with Figma

Setting up and using Live Sass Compiler in Visual Studio Code

SCSS Essential Theory

SCSS(SASS)+FLEX Responsive Web Project Detailed Publishing for PC Layout

SCSS(SASS)+FLEX Responsive Web Project Detailed Publishing for Responsive Layout

[Final Finishing] SCSS(SASS)+FLEX Responsive Web Project Detailed Publishing

Download student reference materials and completed copies