5 Javascript Projects to Build (For Beginners)

Поділитися
Вставка
  • Опубліковано 3 лип 2024
  • If you have been learning Javascript from a book or tutorial and haven't built your first project yet then this video is for you. In this video I lay out 5 projects that you can start working on to refine your problem solving skills and build confidence in creating more difficult projects in the future.
    👥 ** JOIN MY GROUP **
    Looking for a high-quality group of software developers where you can discuss your ideas and not be bombarded by spam? Then come join my free Facebook group! You can access it by going to: andysterkowitz.com/group
  • Наука та технологія

КОМЕНТАРІ • 403

  • @AndySterkowitz
    @AndySterkowitz  3 роки тому +239

    If you're just starting out; did this video help give you a clear idea of what projects to build?

    • @Blecyn
      @Blecyn 3 роки тому +8

      Yes🙋🏽 the video is very helpful and I like the projects you suggested. I am particular interesting in the finance tracking project. Lol I like the memory game project too. Thanks much Andy

    • @Steven-wo9bm
      @Steven-wo9bm 3 роки тому +3

      Dude love your videos , you should give programming courses! Pleaseeeeee consider it :D

    • @sreeharimeledam1152
      @sreeharimeledam1152 3 роки тому +2

      Very helpful thanks❤❤

    • @muhammadyasin6603
      @muhammadyasin6603 3 роки тому

      Very Helpful tbh. thank you so much !!!

    • @sajeerp2934
      @sajeerp2934 3 роки тому

      It's very helpful

  • @alexzajacek518
    @alexzajacek518 3 роки тому +156

    These beginners projects really did help build momentum in my coding. They helped challenge me and got me more comfortable and confident with my coding skills. Now instead of intimidated I feel excited to start a new project.

    • @BusinessWolf1
      @BusinessWolf1 2 роки тому +6

      Yo this feedback is so useful!! Thank you bro!!!!!

    • @yaredghost5021
      @yaredghost5021 2 роки тому

      how you ain’t get stuck

    • @alexzajacek518
      @alexzajacek518 2 роки тому +8

      @@yaredghost5021 I get stuck all the time, especially in the beginning, follow a tutorial...then rebuild it by yourself, look over the project you made the first time when you get stuck....start looking at what each line is doing...you will start noticing architecture patterns...example: you'll see where you need to make selectors or add event listeners and why. It's a process, bur you will consistently get better as you keep consistent.

    • @yaredghost5021
      @yaredghost5021 2 роки тому +1

      @@alexzajacek518 you see my problem is, i can rebuild it myself the tutorials i have watched. i can even go on a week and rebuild it but, when it comes to building my own projects, i get stuck… i guess i’m good at logic thinking 🤦🏻‍♂️. thanks for the tips though.

    • @AdamCanDoIt
      @AdamCanDoIt 2 роки тому +2

      @@yaredghost5021 Always build projects! I made this mistake, but when watching tutorials, start making projects. As soon as you learn a little about web dev, just start building stuff outside of a video or course. And if you get stuck, you can ask questions on Discord channels for web dev, or other places like that.

  • @BohoSpiral
    @BohoSpiral 3 роки тому +116

    Good advice. I've been wasting too much time messing around with CSS lately. When it's the Javascript that I really need to be focused on.

    • @WithDeionB
      @WithDeionB 2 роки тому

      how did learning go?

    • @despacitodaniel801
      @despacitodaniel801 2 роки тому

      How did it go now?

    • @g.v.m7935
      @g.v.m7935 2 роки тому +6

      I'm learning css and html now, but JavaScript is something I'm strugeling at but eventuelly when I get the logics down it will get better quick.

    • @yaredghost5021
      @yaredghost5021 2 роки тому +4

      @@g.v.m7935 javascript hard asf 😭 i’m in the same boat as u

    • @sixstringscoder8412
      @sixstringscoder8412 2 роки тому +5

      I found that my CSS got stronger as I got more into JavaScript, esp. JS that modifies the DOM.

  • @beffjezos3911
    @beffjezos3911 3 роки тому +97

    Woah no kidding i was just YouTubing how to get started with projects and bomb you release this vid

  • @sebasn6751
    @sebasn6751 3 роки тому +88

    ive just finished my todo list 01/21
    ive just finished my expense app 02/5
    ive just finished my notetaker app 03/17
    ive just finished my vowel counter app 03/23
    ptsd: dont give up

  • @hb15577
    @hb15577 3 роки тому +11

    This is perfect all of these are at the right difficulty level where its hard enough that I'll learn something but easy enough that I can see the steps to take to get through it.

  • @TheTakenKing999
    @TheTakenKing999 3 роки тому +11

    I love this video as a beginner. It's a really good place to get started with polishing the fundamentals little by little and since they are all related to some extent it also helps subconsciously revise what we already know. Thanks for this!

  • @sv-hermes
    @sv-hermes 3 роки тому +47

    This is great man!
    I'm so proud, it's been two weeks since I started learning JavaScript, yesterday I completed the Vowel Counting App, and today I did the Note Taking App (I had previous basic experience with Python), but really thanks for these great ideas!
    Although the design aspect is like... I'm leaving it for later haha, it doesn't look that good. But it works.
    Happy!

  • @raphaelchagas1676
    @raphaelchagas1676 2 роки тому +10

    The to-do list was just perfect for me. I've been teaching for a while and stopped programming. I've recently came back to the game and noticed nearly forgot about everything. The to-do list really helped me remember about a lot of things.
    Thanks, friend.

  • @lollilolli4582
    @lollilolli4582 2 роки тому +8

    You are my first mentor even before I actually started to code . I used to listen your channel content when I ran. Now I have 1-year of programming experience. I appreciate !

  • @jasonmurphy6253
    @jasonmurphy6253 3 роки тому +68

    If you’re feeling up to it, a fun way to improve the note project is to implement a database, add some simple authentication, and design it so users can save their notes to their account. And add a share feature that allows them to share a URL that loads that note, which doesn’t require authentication and is non editable.

    • @ponderatulify
      @ponderatulify 2 роки тому

      in memory?

    • @jasonmurphy6253
      @jasonmurphy6253 2 роки тому

      @@ponderatulify if you want them to be able to share it with other users it will need to be managed in a database.

    • @Ikejosh9
      @Ikejosh9 2 роки тому

      @@jasonmurphy6253 node js?

  • @Hippyfishhikes
    @Hippyfishhikes 3 роки тому +3

    I'm just at the cusp of changing my major to software dev... searching and stumbling to find your channel has been wonderful, your content is easily conveyed in a kind and humble manner. Thank you and keep up the great work!🙏🏼😊

  • @xwmaxx05
    @xwmaxx05 2 роки тому +3

    Thanks for giving out these nice videos for beginners. I wish someone like you had made this video years ago it would have saved me a lot of time. I got stuck in tutorial mode for so long cause I didn't understand what type of project I needed to do. Too large of a project felt overwhelm and projects I wanted to do felt difficult to start cause I didn't have these basic projects to learn the logic for bigger projects. Thanks again.

  • @cedricmendoza8316
    @cedricmendoza8316 2 роки тому +1

    You just reminded me of something I really needed. I've been following project based tutorials and there's something about it but I just didn't think it was helping much. Nothing better than getting your own hands dirty and have your own brain working.

  • @Castisto
    @Castisto 3 роки тому +3

    liked them alot and helped me alot too. mostly getting rid of the 'fear' of making things. done all 5 of them in a week :) very nice to get suggestions from a reliable person like andy :) hope there is a follow up video for intermediate projects too

  • @coleanderson8242
    @coleanderson8242 2 роки тому

    Was watching youtube tutorials and using google to learn c# and javascript. Ran across this video now I'm on the third application. Definitely helped get the ball rolling. Thank you, sir!

  • @jasurkurbanov5274
    @jasurkurbanov5274 3 роки тому +9

    1. Todo App
    2. Expense App
    3. Note Take App
    4. Vowel Counter App
    5. Memory game

  • @patriciajackson6057
    @patriciajackson6057 3 роки тому +2

    Right on Time!!! Thank you for this!!!

  • @jaydenmoon1165
    @jaydenmoon1165 3 роки тому

    Thank you Andy for all your videos - you have a really awesome attitude and are very helpful - thank you again 🤗

  • @ferfykins
    @ferfykins 3 роки тому +1

    Excellent ideas, thanks Andy!

  • @KGcodes
    @KGcodes 3 роки тому +2

    Great suggestions! I’m definitely a proponent of building real projects along with your learning. There are certain things you only learn from doing.

  • @ademineshat
    @ademineshat 3 роки тому +10

    I like this Style. Challenges, apps, JavaScript 💪

  • @vinniciusrosa8284
    @vinniciusrosa8284 3 роки тому +11

    Thank you, from Brazil.

  • @tharushathejan3691
    @tharushathejan3691 3 роки тому +1

    Best way to learn is doing projects. Thank you man❤️

  • @DDDDDDDDDDDDDDDDDDDDDDDDDDDDD8
    @DDDDDDDDDDDDDDDDDDDDDDDDDDDDD8 11 місяців тому

    This is actually my best downloaded video currently. Learned allot from the project. Thank you

  • @FagnerSerrano
    @FagnerSerrano 3 роки тому

    Thanks Andy. I really appreciate your help on try to make us better softdevers.

  • @husseindhooma5816
    @husseindhooma5816 3 роки тому

    Hey Andy thanks for the brilliant content, man those apps look so simple, but the complexity behind it is major. Thank you once again really appreciate your info man.

  • @00el04
    @00el04 3 роки тому +10

    very helpful tips Andy! Should do a follow-up video with source code after like 3 months or something, to see how we all did :)

  • @unacakane1247
    @unacakane1247 3 роки тому +1

    Yes, very helpful and needed ideas coz I was struggling with this step.I liked videos. Wish to have more .Thank u!

  • @SabeDoesThingsChannel
    @SabeDoesThingsChannel 2 роки тому +2

    Dude I love your videos and I'm watching so many of your videos on how to be a self-taught programmer mostly because I'm only 13 and it's not like I can just join something like collage that would cost like $200 a month to a year so you have helped me find things that help me learn to code all on my own thank you so much.

  • @mikevinturner
    @mikevinturner 3 роки тому

    Thanks Andy, I will make all of these!

  • @NetMistro
    @NetMistro 3 роки тому

    Great video. Just what I was looking for.

  • @nitin3863
    @nitin3863 2 роки тому

    This video is really helpful, love the way you gave hope for learning javascript and the project ideas are amazing........ Can't stress that enough.

  • @seetsamolapo5600
    @seetsamolapo5600 3 роки тому

    Thanks man I've beeeeen waiting on this 🙏

    • @seetsamolapo5600
      @seetsamolapo5600 3 роки тому

      By the way is knowing html a deep prerequisite for learning javascript. I just know about a couple of head tags and body tags...but haven't finished the freecodecamp html tut for desire to get working on JS projects as I've done all beginner python and trying to learn js via projects.
      Thanks again for the video. Well appreciated

  • @Refoundsound
    @Refoundsound 3 роки тому

    Thank you. I am looking at doing a boot camp, but I am going to start coding by using some of the instruction you provide in your videos.

  • @aungpyaephyo2823
    @aungpyaephyo2823 3 роки тому

    Thanks a lot Andy!
    This video is very effective on me.

  • @andrewlitten6609
    @andrewlitten6609 3 роки тому

    You have such helpful videos, thank you so much!

  • @killaburribo
    @killaburribo 3 роки тому +8

    Thank you! Code along tutorials are nice, but projects will help me put stuff to actual use

    • @AndySterkowitz
      @AndySterkowitz  3 роки тому +2

      Yup exactly! They’re important but so is putting what you’re learning into practice.

  • @nurudinmudhir9337
    @nurudinmudhir9337 3 роки тому

    Super helpful I didn't know where to start or what to practise on!

  • @CharlesSmith-vk8co
    @CharlesSmith-vk8co 3 роки тому

    Great advices,thanks for your work!

  • @LisaSeong
    @LisaSeong 3 роки тому +1

    i finished my js tutorial and was sitting here wondering what's next and i saw this video. super helpful! thank you!

  • @gaurav32257
    @gaurav32257 3 роки тому +2

    Thank you for uploading brother.

  • @Jester2b04
    @Jester2b04 3 роки тому +1

    Excellent video ! I needed this. My brain is too fried from learning too much at once to come up with any project ideas at the moment.

    • @BrianKarmo
      @BrianKarmo 2 роки тому

      @@danjoredd That is simply Genius, how did your brain even come up with the ideal that it can actually store a list of projects to do? are they numbered as well, like for example 1#,2#,3# and so on and is the projects in detailed descriptions or is it bare min memory type?

  • @simsationelle
    @simsationelle 2 роки тому

    Omg i have been stuck on what to make and you helped

  • @CodeEnthusiast78912
    @CodeEnthusiast78912 Рік тому

    cant believe how much i learned from making a to do app. good advice. Now i'm going to do the other ones.

  • @lungaarsenio1791
    @lungaarsenio1791 2 роки тому

    It's my first time watching this channel and i really like it

  • @ankitsonekar3834
    @ankitsonekar3834 2 роки тому

    I am gonna try this, thank you for your help

  • @scottym50
    @scottym50 2 роки тому

    Great video, great tips.
    Thank you so very much.

  • @kelofarrar
    @kelofarrar 2 роки тому

    Great project ideas!!

  • @ariap9697
    @ariap9697 3 роки тому

    My Favorite JS teacher, You are a real Teacher , since I learn from you I wanna introduces you with Feynman technique,hope It helps you Andy

  • @tarun7617
    @tarun7617 3 роки тому +5

    Andy !! Can you please make a video , on what kind of questions people ask in interviews ?

  • @shashankthapa659
    @shashankthapa659 Рік тому

    Loved ur content and thanks for the suggestion. I would definetly try it

  • @thilakamn575
    @thilakamn575 3 роки тому

    Its very helpful video. I will start doing these projects. Thank a lot

  • @NurFarahana
    @NurFarahana 3 роки тому

    Excellent video for me who just starting

  • @Sammorris207
    @Sammorris207 3 роки тому

    Thanks Andy!

  • @taniakedrova
    @taniakedrova 3 роки тому

    Thanks Andy for such helpful video)

  • @pilloIMNG
    @pilloIMNG 11 місяців тому

    Great tips, thanks a lot, this is what I need to practice my knowledge!

  • @andress9780
    @andress9780 3 роки тому +5

    Great video! More projects please!

  • @kaushikiyer9470
    @kaushikiyer9470 3 роки тому +2

    loved the content brother.....i have started learning javascript in the project based learning approach.

  • @mathiauskalanda9377
    @mathiauskalanda9377 2 роки тому

    Thanks so much...this has really helped me

  • @amazingworld5511
    @amazingworld5511 2 роки тому

    Thanks for your help

  • @Salah-YT
    @Salah-YT 2 роки тому +1

    thank u so much ill try my best from the first one thx

  • @katongoleisaac2007
    @katongoleisaac2007 2 роки тому

    God Bless you for the great work you do. Am actually a JavaScript beginner.

  • @g.v.m7935
    @g.v.m7935 2 роки тому

    These projects are really cool for learning.

  • @onoriodeanuta3121
    @onoriodeanuta3121 2 роки тому

    Interesting! Nice one

  • @CraftMuseumrmps
    @CraftMuseumrmps 3 роки тому

    It Helped Alot " THANK YOU SO MUCH ";
    Please Make More Videos On This Topic;
    I'm started javascript over a month and i did not know how to apply whatever i learned.

  • @YolandaTheGardener
    @YolandaTheGardener 2 роки тому

    Thanks for this video.

  • @MissoyKE
    @MissoyKE 2 роки тому +1

    Defn gonna subscribe

  • @frotafretagamer
    @frotafretagamer 3 роки тому

    thanks, helped me a lot

  • @benbradfield4299
    @benbradfield4299 3 роки тому

    Thanks for the video!

  • @johnbackman9641
    @johnbackman9641 3 роки тому +3

    Started js yesterday, 4th chapter in head first book, this is awesome Andy :)

    • @AndySterkowitz
      @AndySterkowitz  3 роки тому +2

      Cheers John! Definitely take a stab at these projects while you're going through the book.

    • @sagarsagi510
      @sagarsagi510 3 роки тому

      Context implementation in React
      ua-cam.com/video/g-rBjrVkpZg/v-deo.html

  • @BusinessWolf1
    @BusinessWolf1 2 роки тому +1

    Thanks, man!

  • @adrianfilimon7124
    @adrianfilimon7124 3 роки тому +1

    i love you man for this

    • @sagarsagi510
      @sagarsagi510 3 роки тому

      Context implementation in React
      ua-cam.com/video/g-rBjrVkpZg/v-deo.html

  • @Sonu_Kr95
    @Sonu_Kr95 Рік тому

    Thank you for this video. I completed all these projects within 10days. Last one the memory game is very tough

  • @ifthebeltiscrackedor
    @ifthebeltiscrackedor 3 роки тому

    Perfect timing..!

  • @brockobama257
    @brockobama257 3 роки тому

    This was extremely helpful

  • @franmesonero9592
    @franmesonero9592 3 роки тому

    I just did them all. Another video like this would be very helpful

    • @khadiii60
      @khadiii60 3 роки тому +1

      Please share code

  • @mariadc3917
    @mariadc3917 3 роки тому

    Omg I'm so excited, even though I'm a beginner 😅
    Thanks u so much :)
    🇵🇪

  • @Cientificosdelsoftware
    @Cientificosdelsoftware 3 роки тому

    Thank you Andy

  • @isaiparedes1172
    @isaiparedes1172 2 роки тому +1

    Ive been watching tutorials for js and honestly I understand it but It takes me a long time. I honestly retain info and problem solve when I have a goal set in mind such as projects instead of “just learn”

  • @antoniobutcher
    @antoniobutcher 3 роки тому

    solid tips man

  • @suyashrahatekar4964
    @suyashrahatekar4964 3 роки тому +1

    Watched to-do list tutorial from Dev Ed and then I built a calculator and I m so proud right now.

  • @xames7789
    @xames7789 3 роки тому

    I loved your video thanks so much

  • @Blecyn
    @Blecyn 3 роки тому +3

    Thanks for this tips, as per trying to make it work and not looking at beauty and looks.

    • @AndySterkowitz
      @AndySterkowitz  3 роки тому +4

      Styling is always something you can come back and work on later. Getting it to "work" is priority number one.

  • @ol1175
    @ol1175 3 роки тому

    awesome!!!

  • @saurabhhchavan
    @saurabhhchavan 3 роки тому +1

    Thank you ❤️ awersome helpful videos ❤️

  • @7uc4s
    @7uc4s 3 роки тому

    Wow.. this is a new concept of "Project for Beginners".. because, for whom is starting recently in JS, this is actually very challenging... which is good, and I think is the right way of learning.

  • @BalpreetDhillon
    @BalpreetDhillon Рік тому

    Great projects, theses really are getting me more comfortable with using javascript

  • @raelindashoates975
    @raelindashoates975 3 роки тому

    Thank you for sharing these ideas!

  • @jbarx5435
    @jbarx5435 2 роки тому +1

    Some of the best advice I have heard is to finish the project Completely! Make sure each project is 100% done. In past classes I have left projects almost done thinking I will come back to them. But I never do. I have completed 4 out of 5 of these projects completely with detailed comments on each one. I am about to start the memory app. I feel like I have real momentum and I feel like I can do this!!

    • @eXtaCisGr
      @eXtaCisGr Рік тому

      Having trouble with the modal in the note taker app , could use some help...

  • @acreed3638
    @acreed3638 2 роки тому

    This was great

  • @kentmiggalen9756
    @kentmiggalen9756 2 роки тому

    hello andy 2021 guy here when you were talkin about projects and fun stuff's i feel something inside me that excites me i don't know what is that, then i checked your channel your latest upload is 2 month's ago, upload more videos like this.

  • @akashgovindabhat8947
    @akashgovindabhat8947 2 роки тому

    I finished the To Do list project in or about a few days. It feels so easy now when I do more and more projects

  • @CodeandDream
    @CodeandDream 3 роки тому

    These are great projects for beginners 🤩

  • @KB-pk5ze
    @KB-pk5ze 3 роки тому

    This is perfect for me 👌

  • @sivanagarajapakalapati8162
    @sivanagarajapakalapati8162 3 роки тому

    nice and simple projects to beginners and all your words are like a sort of confidence boosters........THANK YOU

  • @lukemcconnell7671
    @lukemcconnell7671 3 роки тому +1

    Good stuff. You should make a video on suggestions for 5 intermediate projects.

  • @giovannimichel5506
    @giovannimichel5506 Рік тому

    Thank you for the intel

  • @fnukarimullah8963
    @fnukarimullah8963 3 роки тому

    You are awesome...............

  • @BeckyAlter
    @BeckyAlter 2 роки тому

    Andy- 2 questions:
    1. Are you still taking on new 1-on-1 clients?
    2. I got the book you suggested and it’s awesome! Just now starting to learn about the DOM. When should I start working on these projects you’ve laid out? Honestly I don’t think I know enough yet to start doing them.
    Thanks!