Learn JavaScript By Building A Bookmarker Application




In this video we will build an application for storing website urls using nothing but pure JavaScript. No jQuery or frameworks, just plain old JavaScript. We will use Local Storage to store the bookmarks

CODE – https://github.com/bradtraversy/bookmarker

JAVASCRIPT/JQUERY COURSE – http://www.traversymedia.com/course/learn-projects-in-javascript-and-jquery/

SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH:
http://www.patreon.com/traversymedia

ONE TIME DONATIONS:
http://www.paypal.me/traversymedia

Original source


46 responses to “Learn JavaScript By Building A Bookmarker Application”

  1. I got really hung up on the min.css since there is a literal file named min.css. If anyones copy isn't showing like his, that is possibly why! Everyone use the min file that has a .css extension.

  2. pls don't make videos anymore. because your videos so good and simple so in a few years we as a developers will can't find job. any monkey can write in a JS after your videos.
    P.S. wow!

  3. You're tutorials are very clear and to the point. Very basic so I can easily understand. Just a quick thing that I wanted to ask. If you were to write that script in an object oriented way, how can we do it? Please can you show a sample of that code written in object oriented style

  4. These kind of examples are great, particularly for new developers like myself. We are often missing a context in which to put things into practice but you provide that with these kind of examples so thank you.

  5. This is great! Do you have a Bootcamp or online course where you could learn by projects? but the project is what the student needs or wants to accomplish? I would certainly pay and sign up for something like that! (btw, I have done your Udemy course on MEAN Stack, well done great course)

  6. if i copy paste code from zip file it work fine…but if exact same code are typed along with your videos it doesn't respond in some places or in some cases it responds unnecessarily and there is nothing wrong with code …what's wrong with my laptop..?? plz help..

  7. Mmm, although JSON array does not exist as such, it seems to work with JSON.stringify. It does the trick to store the value in localStorage. I would have used another object instead of an Array. Thanks for your video and effort, Brad. I truly think your demos are very good. Very practical and interesting.

  8. Hi there my program wont add the second entry to the array in the else statement. I get a push error of uncaught type error and im really not sure what ive done wrong as ive followed along with the video. line 35 is whats causing the error in my program

  9. this is my delete function:

    function deleteItem(index) {
    var bookmarks = [];
    bookmarks = JSON.parse(localStorage.getItem('bookmarks'));
    if (bookmarks[index] !== -1) {
    bookmarks.splice(index, 1);
    }
    localStorage.setItem('bookmarks', JSON.stringify(bookmarks));
    }

    and the button which passes the array index instead of url
    for (var i = 0; i < stored_bookmarks.length; i++) {
    tag.innerHTML += '<a class="button" href="' + url + '"> View </a>' +
    '<a class="button is-danger" onclick=deleteItem(' + i + ')> Delete </a>';
    }

    BTW thanks man!

  10. As a beginner, your videos are amazing and it helps me through this kind of preparation for being a Web Developer. After I learn these tutorials. Soon I'll be the one to contribute and help others how to develop a website. Thank you!

  11. Hello. I think you could be a very important tutor in javascript, going forward into 2017-2018. You have the experience, you have the style of teaching that resonates with "IT people" and the sympathy to explain the basics to the uninformed or a veteran who might benefit from your viewpoint on it. Either way, you want to look at it – you are doing good, so I encourage you to continue 🙂

Leave a Reply