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)
Teach online with
22. 멤버스텍 이용해 멤버십 기능 적용하기
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock