Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
16 Videos (1h 5m)
    • Introducing the Course

      1:54
    • Installing a Code Editor

      1:22
    • Installing Node

      1:57
    • Forking the Repository

      1:22
    • The Vue Instance

      6:47
    • Directives and V-if

      4:32
    • V-on for Clicking

      4:16
    • V-model and Computed Properties

      4:30
    • Components

      7:23
    • V-Model and Computed Properties

      3:56
    • Lifecycle Hooks

      5:56
    • Previewing Notemaster

      1:13
    • Setting Up Notemaster

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

      3:28
    • Adding Notes

      5:03
    • 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?

7 of 7 students recommendSee All

Great course!
Really nice way of teaching.
Renzo Salvador

UI Web Designer

53

Students

--

Projects

David Katz

Software Engineer - Coding Instructor

Hello! I'm David - a native San Franciscan and biracial American. I currently study CS at the University of San Francisco.

I'm a self-taught full-stack developer with hopes to become a software engineer. In my spare time, I make apps and coding tutorials.

I've used technologies like ReactJS, React Native, NodeJS, and plenty more to build my applications.

Because the programming community has given me so much, I spend a lot of time teaching.

At MVCodeClub, I help ki...

See full profile

Technology Web Development