Vue JS - Build 5 Web Apps [1/5] | David Katz | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
16 Lessons (1h 5m)
    • 1. Introducing the Course

      1:54
    • 2. Installing a Code Editor

      1:22
    • 3. Installing Node

      1:57
    • 4. Forking the Repository

      1:22
    • 5. The Vue Instance

      6:47
    • 6. Directives and V-if

      4:32
    • 7. V-on for Clicking

      4:16
    • 8. V-model and Computed Properties

      4:30
    • 9. Components

      7:23
    • 10. V-Model and Computed Properties

      3:56
    • 11. Lifecycle Hooks

      5:56
    • 12. Previewing Notemaster

      1:13
    • 13. Setting Up Notemaster

      4:20
    • 14. Using V-models for the Note Form

      3:28
    • 15. Adding Notes

      5:03
    • 16. Looping Through and Removing Notes

      6:32

About This Class

Congratulations! You finished your first single-page application in Vue, and it must feel great! Now you can use this knowledge to build simple, clean apps that solve relevant problems around you.

 

With that said, here’s a few ways you can choose to extend Notemaster for a Class Project. Implement one or as many of these suggestions as you’d like.

 

Challenge portion and Class Project:

  1. Add a categories option that allows you to sort notes by specific category: i.e. Personal, Academic, Quotes, Jokes, etc.
  2. Add a color property to each note that allows you to sort notes according to color.
  3. Add a priority number to each note, that allows you to rank the priority of notes.
  4. Use this package for cookies in order to keep a history of notes through browser cookies. This way, if a user refreshes the app, they will find notes that they previously stored.

 

Once again congratulations, and let’s move on to building some more awesome applications with Vue!

 

[“Hip”, “Hip”]

 

“Hip-Hip Array”. Get it?