This site is powered by
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
웹플로우(Webflow) 시작하기 VOD
섹션 1. 웹플로우의 기초
1. 웹플로우 툴 소개 (11:53)
2. 웹플로우 에디터 메뉴 구성 및 프로젝트 시작 준비 (15:06)
3. 웹플로우의 주요 Component 및 Class 개념 소개 (16:31)
4. 웹플로우의 Size 개념 소개 (4:17)
5. 웹플로우의 Layout 개념 소개 (14:26)
6. 웹플로우의 반응형 디자인 기초 (6:37)
7. 웹플로우의 CMS 개념 소개 (2:50)
섹션 2. 웹플로우 프로젝트 시작하기
8. 웹플로우 라이브러리, 템플릿, 플러그인 활용해서 프로젝트 쉽게 시작하는 방법 (18:03)
섹션 3. 웹플로우 초급 응용 - 랜딩페이지
9. 기본 구성 및 Component 넣기 (9:38)
10. Form 활용 (6:41)
11. 반응형 디자인 적용 (4:04)
섹션 4. 웹플로우 중급 응용 - 큐레이션 사이트
12. CMS 구성 (10:08)
13. 화면 구성 (18:30)
14. 애니메이션 적용 (2:53)
15. CMS Template 페이지의 추가 팁 (11:18)
16. 반응형 디자인 적용 (7:00)
섹션 5. 웹플로우 고급 응용 - 디스콰이엇 프로토타입 복제
17. CMS 데이터 가져오기 (15:56)
18. 기본 화면 디자인 1 - Layout, Class, Symbol (41:42)
19. 기본 화면 디자인 2 - 기타 요소 마무리 (17:42)
20. 회원 관리 플러그인, 멤버스텍 설치하기 (18:48)
21. 팝업 모달 디자인 (19:33)
22. 멤버스텍 이용해 멤버십 기능 적용하기 (7:46)
23. Zapier로 회원 CMS 업데이트하기 (8:10)
24. Finsweet Attribute 1 - CMS Nest (17:11)
25. Finsweet Attribute 2 - CMS Sort (8:37)
26. Finsweet Attribute 3 - CMS Slider (3:22)
27. Finsweet Attribute 4 - CMS Filter & 검색 (14:18)
28. Disqus 댓글창 구현 (5:51)
29. Airtable로 데이터베이스 동기화하기 (12:04)
30. 새 제품 등록하기 기능 구현하기 (25:24)
31. Upvote 기능 구현하기 (19:48)
32. 검색엔진 최적화(SEO) 개선하기 (6:47)
33. 노코드로 결제 구현하기 (18:43)
9. 기본 구성 및 Component 넣기
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock