JavaScript BookList App | No Frameworks




We build a full app in JavaScript without and library or JS framework, using classes, local storage and more.

Sponsor: DevMountain Bootcamp
https://goo.gl/6q0dEa

Code:

💖 Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Website & Udemy Courses
http://www.traversymedia.com

Follow Traversy Media:
https://www.facebook.com/traversymedia

https://www.instagram.com/traversymedia

Original source


29 responses to “JavaScript BookList App | No Frameworks”

  1. Merry Christmas everyone or whatever you celebrate 😊😊 I want to thank all of you for you’re support and for watching my videos. Without you guys I wouldn’t be able to do what I love for a living. So thank you, really

  2. Validation for fields
    const title = document.querySelector('#title').value;

    const author = document.querySelector('#author').value;

    const isbn = document.querySelector('#isbn').value;

    if([title,author,isbn].filter((a) => a === '').length > 0){

    alert('Missing Field Details n Fill all books fields');

    return;

    }

  3. I'll appreciate your hardwork bro, it worked fine. I made some changes on the project to add some features, but it's not working. In the table, I was going to add local time but there are some problems that i can't handle. Could you help me to work with Date()? Thanks bro for your answer

  4. funny how when i did this it worked in firefox but when i opened it in chrome it threw me an error msg "Uncaught TypeError: books.forEach is not a function
    at HTMLDocument.displayBooks"
    even when i copied a code from codepen, this weird error is still there.

    Great tutorial btw, love your courses! ^_^

  5. Thank you so much! This has convinced me to buy your course on Udemy to improve my JS. I loved how easily you explain concepts that have taken me MONTHS to master and your use of current ES standards without frameworks. Thanks for the quality, free tutorials!

  6. Hi Brad! Thanks for taking the time and effort and costs it took for you to make this excellent tutorial! I think I'm over my depression now… because you helped me over a big hump! Thank you soo much!!!! 5 stars!

  7. // alert will gone automatically after 3 seconds
    setTimeout(() => div.remove(), 3000);
    // clear fields
    document.querySelectorAll(".form-control").forEach(form => {
    form.value = "";
    });
    just a lil idea from me. Anyway, nice course brad

Leave a Reply