Search and Compare course prices, ratings, and reviews. Over +350 Design and Technology courses in one place!

20 Web Projects With Vanilla JavaScript

(12 customer reviews)
Product is rated as #13 in category Development

What you’ll learn

  • Build 20 Frontend Projects From Scratch
  • No JS or CSS Frameworks
  • Modern JavaScript (ES6+) – Arrows, Fetch, Promises, etc
  • DOM Manipulation & Events
  • Animations With CSS & JavaScript
  • Fetch & JSON With 3rd Party API’s
  • HTML5 Canvas, Speech API, Audio & Video
  • Beginner Friendly

This is a fun, practical & project based course for all skill levels. The projects in this course are designed to get you building things using HTML5, CSS &  JavaScript with no frameworks or libraries. Every project is built from scratch and has some kind of dynamic functionality from small games to an expense tracker to a breathing relax app.

Although this is a project based course, I will still be explaining everything as I go. These are mini-projects designed for you to complete in a few hours.

You should have some basic knowledge of HTML/CSS/JS. If you are brand new, I would suggest my Modern HTML/CSS From The Beginning and/or my Modern JS From The Beginning courses on Udemy. This course is a mix of both.

 

Some Things You Will Learn In These Projects:

  • Create Layouts & UI’s With HTML/CSS ( No CSS Frameworks )
  • CSS Animations (Transitions, Keyframes, etc With JS Triggers)
  • JavaScript Fundamentals
  • DOM Selection & Manipulation
  • JavaScript Events (Forms, buttons, scrolling, etc)
  • Fetch API & JSON
  • HTML5 Canvas
  • The Audio & Video API
  • Drag & Drop
  • Web Speech API (Syth & Recognition)
  • Working with Local Storage
  • High Order Array Methods – forEach, map, filter, reduce, sort
  • setTimout, setInterval
  • Arrow Functions
  • and More!!

 

Who this course is for:

  • Anyone that wants to build some fun and easy to intermediate projects

12 reviews for 20 Web Projects With Vanilla JavaScript

4.8 out of 5
10
2
0
0
0
Write a review
Show all Most Helpful Highest Rating Lowest Rating
  1. Evgeniya Ishunina

    Thank you for this amazing course! I learnt a lot of new cool things which I’ll definitely use in my future projects.

    Helpful(0) Unhelpful(0)You have already voted this
  2. Shashank Shekhar

    This is really build as a fun, practical & project based course for all skill levels.
    I enjoyed throughout the course the way Brad taught us.

    Helpful(0) Unhelpful(0)You have already voted this
  3. Alejandro Foucault

    Brad never disappoints. This is my second course from him, but I’ve also watched several of his YouTube tutorials. I also bought his React course, which I will tackle next. Truly one of the best instructors in this website.

    Helpful(0) Unhelpful(0)You have already voted this
  4. Gabriel Valdivia

    This course was very engaging and fun. You’ll want to stick with it because it’s enjoyable. There is much repetition to let things sink in, and it really does help in understanding how things are put together. Highly recommend.

    Helpful(0) Unhelpful(0)You have already voted this
  5. Tommy TBones Cramer

    There are no shortcuts, Brad Traversy explains every step with clear speaking voice and describes the simple steps with the tool he’s using. The tips and tricks he is sharing with the tool has increased my ability with the tools as much as the programming. I didn’t complete all the sections and maybe in time I might but making “Hangman”, hell I never liked that game as a kid when we only had pen and paper. The time you spend with this course will be time well spent. Thank you, I learned and that was my goal!

    Helpful(0) Unhelpful(0)You have already voted this
  6. Corey Hall

    Started watching Brad’s tutorials on youtube a year ago. All of his content is great.

    Helpful(0) Unhelpful(0)You have already voted this
  7. Silvia Stanciu

    Very well explained, in detail, which makes it easy to understand for beginners like me.

    Helpful(0) Unhelpful(0)You have already voted this
  8. Francis Odum

    This is the first course I am buying from Udemy and I feel I underpaid for the amount of value I got. Thank you

    Brad.

    Helpful(0) Unhelpful(0)You have already voted this
  9. Ali Mahmoud

    The projects are very helpful and 100% improved my skills and the idea behind the course is amazing.
    Brad is an amazing instructor and is very clear most of the time.

    The downsides are:
    1) Very few projects have some bugs/issues.
    2) Brad does some bad practices like removing button outlines or writing nested timeouts.
    3)The Q&A section needs more attention (as some students’ questions are never answered)

    Helpful(0) Unhelpful(0)You have already voted this
  10. Mark Bodenchak

    Easy to follow along with a lot of clear explanations of what is going on. I already had a good handle on javascript when I started this course, so I was able to breeze through it, however, after seeing Brad’s teaching style I will definitely be checking out more of his courses on Udemy

    Helpful(0) Unhelpful(0)You have already voted this
  11. Simone Baravelli

    Brad is the right person to follow as explanation, timing, and quality. Great projects.

    Helpful(0) Unhelpful(0)You have already voted this
  12. Brent Van Holder

    Love to learn by doing mini-projects. projects are not too long, you learn a lot.

    Helpful(0) Unhelpful(0)You have already voted this

    Add a review

    Your email address will not be published.

    20 Web Projects With Vanilla JavaScript
    20 Web Projects With Vanilla JavaScript

    $94.99

    Coletividad
    Logo
    Compare items
    • Total (0)
    Compare
    0
    Shopping cart