Vue Syntax Wrap up and Nuxt Migration

Assignment 2: Landing Page

• Due: Sunday April 3 @11:59PM
• Weight: 15%

---

Morning Javascript: Filter

• Docs
• This creates a new array of elements that fit predefined parameters
• Gist

---

Vue Syntax Wrap Up

Card Component Finale

• Named Scoped Slots
• We will refactor the product cards from the past few days to be a bit more flexible

Class and Style Binding

• Docs
• You can bind classes as well as content. This is great for creating variations on an otherwise
• Use this for things like buttons and anything else that needs a stylistic variation that's not enough to necessitate another component

---

Vue 3 to Nuxt Migration and Multipage Site Setup

• Migrate components
• Set up layouts
• Test on a couple of pages

Netlify Deployment

• This will be a review of how to deploy a site ot netlify
• Vue Netlify Deployment Article
• Nuxt 3 Netlify Deployment Article
• Nuxt Netlify Deployment

---

Extra Challenges and Cool things to check out

• VueJS Drag and Drop File Uploader
  • This would be an excellent project to pursue
• 15 VueJS Project Ideas

Prep

• Video Series on Storyblok Data Fetching
• Add Headless CMS to Nuxt in 5 minutes
  • ... maybe more like 30 but still a good primer
• Video: Async Data in Nuxt
• Video: AsyncData vs Fetch in Nuxt 6:40
• Video: Program with Erik - Nuxt 3 Tutorial 32:00