iamshaunjp/vuejs-playlist

Course files for the Vue.js 2 playlist on The Net Ninja YouTube channel

cli-project

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

vuejs-playlist's Issues

lesson 12

why does lesson 12 has no content?

Update and Delete

Hi,
I followed your tutorial, however I hit a wall at the completion of it. I have not been able to figure out how to update and delete blogs.

search bar

in the videos that you put in youtube there was nothing about that search box in top of the page.
and thats not working!

Lesson 32 this.$http is undefined

so I got an error when clicking the button:

even after I copied your code 100%, still I get the error, I've installed vue-resource and used Vue.use

when I try to console.log(this.$http) I get undefined

lession7:index.html:line 15

A style guide notice?

First off, followed the YouTube tutorial. Great stuff.

I started the tutorial after reading the Vue essentials guide and I have a little suggestion - Point the viewers to the Vue style guide. This is because I noticed (only at a few places) breakage of https://vuejs.org/v2/style-guide/#Multi-word-component-names-essential

I'm aware that this isn't a major issue but I believe it's still a good idea to let learners know about the Vue style guide.

Lesson 32 - CORS issue

I wanted to learn Vue 2 to contribute to a project. I'm following this series and got stuck with a CORS policy issue on lesson 32.

I use npm create vue@2 to start a project.

I get the following error when trying the Post Blog button.

Can anyone help me with this?

lesson-40 branch missing?

Shaun, thanks for doing what you do! The branch: lesson-40 is missing, however.
https://www.youtube.com/watch?v=js5Sr_ZSHDs&list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa&index=41

Is Shaun okay?

Hi Shaun. Your Github has been pretty dormant. Are you good?

How to download code for all lessons at once?

Scoping Issue - Lesson 36

Problem:
I think there is a scoping issue in the filteredBlogs() method inside the showBlog.vue component.

computed: {
        filteredBlogs: function(){
            return this.blogs.filter((blog) => {
                return blog.title.match(this.search);
            });
        }
    }

the issue comes from this.search.

Proposed Solution:

computed: {
    filteredBlogs(){
      var that = this;
      return this.blogs.filter(function(blog){
        return blog.title.match(that.search);
      });
    }
  }

Code for all lessons?

Where is the code from here?