Webflow - Collections and CMS

Focused View

Jen Kramer

1:49:50

141 View

01 - Introduction

01 - Next-level Webflow with collections.mp4

00:47

02 - Setting up the starting state.mp4

01:15

02 - 1. Organizing Information in a Collection

01 - What is a collection and how does it work.mp4

02:43

02 - What kind of fields are available in a collection.mp4

03:11

03 - Review the starting content and organize it.mp4

05:49

04 - Create your tour collection.mp4

12:02

05 - Populate your collection.mp4

10:11

06 - Challenge Creating the tour guide collection.mp4

01:27

07 - Solution Creating the tour guide collection.mp4

01:49

08 - Connecting the tour collection and tour guide collection.mp4

03:24

03 - 2. Displaying Collection List and Collection Detail Pages

01 - Connecting the tours page to the tours collection.mp4

06:47

02 - Replacing static fields with dynamic collection fields.mp4

05:44

03 - Combining static labels with dynamic values.mp4

08:49

04 - Setting up the tour detail page.mp4

06:23

05 - Challenge Completing the tour detail page.mp4

01:12

06 - Solution Completing the tour detail page.mp4

05:19

07 - Adding tour guides to the tour detail page.mp4

06:56

04 - 3. Filtering and Displaying Collections

01 - Challenge Configuring tour categories on the home page.mp4

03:17

02 - Solution Configuring tour categories on the home page.mp4

03:32

03 - Using filters to select items for the home page.mp4

03:27

04 - Sorting and ordering collection items.mp4

03:59

05 - Applying CMS filter to the collection page.mp4

09:27

05 - Conclusion

01 - Learning more about Webflow.mp4

02:20

Description

Webflow allows you to create professional-looking websites without writing a single line of code. It also lets you manage large amounts of repetitive content using a customizable database called a collection. In this course, instructor Jen Kramer shows the basics of how to add, organize, and manage a structured collection behind your Webflow interface.

Explore the advantages of using collections to sort complex information and how to display collection lists, detail pages, and more. Jen offers pointers and practical strategies to apply category filters and display collections as you go. Along the way, test out your new technical know-how in the practice challenges at the end of each section. By the end of this course, you’ll be prepared to take your Webflow skills to the next level and design more dynamic content for your site.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

CSS

HTML5

Web App Development

Jen Kramer

Instructor's Courses

Want an expert curriculum developer and subject matter expert to design your no-code boot camp? I'm the person you've been looking for! I eliminate the web's gatekeepers by teaching the world how to tell their stories online in a fun and accessible way for all skill levels. Whether you are a code person or a no-code person, or if you have a deep technical background or none at all, you can create an online side hustle, change your career, sell your services, and market your products. I'm here to teach you how. Follow me at LinkedIn Learning for coding and no-code solutions to your problems. Follow me at Frontend Masters for coding solutions to your problems.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.