Vue JS - Build 5 Web Apps [1/5] | David Katz | Skillshare
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
18 students are watching this class

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?

302

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

David Katz

Software Engineer - Coding Instructor

David is a software engineer at Zendesk, with a Bachelor of Computer Science from the University of San Francisco.

David has gained valuable experience from the tech industry. By incorporating these best practices, he hopes to create the highest quality learning experiences possible.

Feel free to connect with David! He is always curious about the cool project you're working on. And he loves to discuss ideas on how to build impactful technology.

See full profile

Technology Web Development
Report class