Steve, I can't thank you enough for this example. I have a new web / mobile app I am creating where I was really struggling with how to pull the data from the forms, push it into a list and then into local storage. I have looked at dozens of UA-cam videos and gone done many rabbit holes along the way. Your example helped me to succeed. Clear, straight forward and easy to understand example. Please keep up the good work.
Steve, Thank you so much for explaining these little details. I'm new in Javascript and I wanted to know how to store those inputs from user in a storage for my thesis. I can't understand complex things as of the moment so I needed someone to explain these to me and Im glad I found your channel. Keep doing this, please. You're a great teacher. Thank you!
Steve, whenever i click on one of your videos after searching what I need to learn, I hit the like button and only then i watch it, because it's clear for me that you're going to help me with whatever programming issue I have. Can't thank you enough, you were born to teach and explain. Take care!
Dude you just became my hero. Thank you for explaining WHY and not just stating syntax. I want to be a better programmer not a faster typer. This is such an overlooked nuance in the YT coding realm. Solid stuff. Were also 4 minutes in and I've yet to hear about your amazing course that'll make me a full stack developer in 43 seconds. Subscribed.
I can't even begin to explain how much this helped. It is suprising how many videos I found here were either not helpful or missed crucial details but you made it all clear. Thanks man!
What are the odds than I'm doing my first project to end the precourse material right now. Happy to see my bootcamp of choice uploading these helpful videos!
I love this so much. I can't express how grateful I am to find this video! Anyone interested in adding this to a form you are creating I just learned you can hide the msg to make this more secure using CSS HTML line 27-29 I didn't want the data to show to the user, only show on the backend. I used CSS to hide it: #msg {display: none;} This helped me being a newbie so I hope it helps another!
amazing video i was actually doing the same as you and thought why it would not add the object to the array it turned out i had a simple logical mistake when checking if everything was not empty
You're an awesome teacher! Just a suggestion though, could you consider writing all the code as the viewers watch.. It helps learners explore the mind of a pro in terms of approaches to solving programming problems. Explaining an already-written code is cool but someone can easily get lost along the way. Thank you and keep educating
I do that in most videos. Sometimes I start with more code to save time while explaining it. Especially if it is a lot of code that I explain and write in other videos made around the same time
This was amazing!! I've been looking for someone to explain this for months!! Thanks!! Now I need to figure out how to send this information to the AWS S3 bucket!! Thanks a ton!!
Brother your voice and tone are just fascinating. You was just born to be an voice actor or the guy that makes trailers sound so badass. English is not just my native language even though im sure you guys will get the point
Look, Simba. Everything the light touches is our kingdom. A king's time as ruler rises and falls like the sun. One day, Simba, the sun will set on my time here, and will rise with you as the new king. Lol I can do it all day
As a beginner this helped me a lot ^^ thanks. I only programmed in java before but i did really good there. For example artificial intelligent. And now i wanna do something else. Thank you for the great start ^^
Steve!!!! Thanks for your dedication to these awesome videos. So I'm using part of this tutorial for an app that I'm developing. Do you have a tutorial that would demonstrate saving the data to a server?
For uploading data, this tutorial covers all you need - ua-cam.com/video/2sQ9xiEAXNo/v-deo.html I have a playlist on MySQL - saving data in a MySQL database, I also have a playlist on PHP - building webpages and talking to the database. And I am currently recording a video on how to use SQLite in NodeJS to save data. It will be part of the NodeJs playlist.
You're a developer favorite over at JavaScript academy. Keep up the great work with JavaScript and CSS. Also great use of descriptive language and never assuming the obvious.
Hey! Your videos are great! Your voice is like a masage. And the content: always right on point. Special stuff. Logic logics and enjoy every bit of it! Thanx🙏🏻
First of all, man, your voice is AMAZING xD. The video was exactly what I was looking for, but I still have one question, how can I send that JSON file to the server so I can use it for example in a python script that is living in the server scope?
Thanks. You can use fetch to upload the JSON data. I have a playlist on AJAX that gives lots of examples of fetch and sending data in different formats.
I can't thank you enough, it's exactly what I needed. You're one of the best teachers I've ever seen, it's brief and exactly to the point. I'm new to web development and I completely understand it. Just one question: is there anyway that I can save that data to a JSON file instead of local storage?
You can take the data and pass it to JSON.stringify. Then that JSON string can be uploaded to a server as the body in a fetch call. Eg with FormData - ua-cam.com/video/JtKIcqZdLLM/v-deo.html
thank you for this. I'm learning through the Odin Project and did all this reading on objects and .this and shit but they never did anything to explain how to link that stuff to the dom/ html elements. this let me know I was on the right track. thanks a lot.
how does this change when I have a constructor? I wrote a constructor for a book object that has title, author, pages, and whether it's read or not, and I have a modal form that I need to create an instance of the book. do I link the form to the constructor instead?
Question: i dont want it to display on my page,i just want to store(new user) it as a object in my javascript or anywhere and give same functions as other code ,can i do that using js?
You can save the data in a JS variable on your page if you only need it while the page is open in the browser. If you want it the next time they visit the same page using the same browser then you would use localStorage or IndexedDB. If you want the data available from other browsers then you need to send it to the server via fetch( ).
Thank you for the tutorial, one issue I have though is the instance not saving when I refresh, I thought saving to local storage like this retained information even when refreshing
Hi Steve! Great tutorial, it was really well presented. This may sound like a crazy question, but would local storage be possible with using a site like GitHub pages? I know JS works with GitHub pages but I am not sure if its possible to use any database features as I don't really have a database with pages. Any suggestions would be great, or maybe you if you have made a video that can help could you link to it? I am fairly new with JS I have been learning a bit of it from W3Schools so I am am for sure subbing to you channel right now.
Localstorage only runs in the users local browser. It is controlled by javascript. So, it runs anywhere that JS runs. Be careful with w3schools. It skips a lot of key details and key information. I don't recommend it to my students, ever.
Maaaan, that voice turns this tutorial into a fairytale 👍
I subscribed right away😂
@@scottdouglas2490 same!
0:03 and I'm down here just to say THIS MAN SHOULD START MAKING PODCASTS!
Steve, I can't thank you enough for this example. I have a new web / mobile app I am creating where I was really struggling with how to pull the data from the forms, push it into a list and then into local storage. I have looked at dozens of UA-cam videos and gone done many rabbit holes along the way. Your example helped me to succeed. Clear, straight forward and easy to understand example. Please keep up the good work.
Steve, Thank you so much for explaining these little details. I'm new in Javascript and I wanted to know how to store those inputs from user in a storage for my thesis. I can't understand complex things as of the moment so I needed someone to explain these to me and Im glad I found your channel. Keep doing this, please. You're a great teacher. Thank you!
Steve. Thank you! Complex --> Simple (once one tracks what's going on under the hood). I really appreciate your brain.
Steve, whenever i click on one of your videos after searching what I need to learn, I hit the like button and only then i watch it, because it's clear for me that you're going to help me with whatever programming issue I have. Can't thank you enough, you were born to teach and explain. Take care!
Dude you just became my hero. Thank you for explaining WHY and not just stating syntax. I want to be a better programmer not a faster typer. This is such an overlooked nuance in the YT coding realm. Solid stuff. Were also 4 minutes in and I've yet to hear about your amazing course that'll make me a full stack developer in 43 seconds. Subscribed.
Hi guys i am from India and came to this channel and got surprised
Because of esay explanation
Its really likeable
Who would've thought that I would hear such a voice and great explanation.
I can't even begin to explain how much this helped. It is suprising how many videos I found here were either not helpful or missed crucial details but you made it all clear. Thanks man!
This is really beautiful. Gave exactly what I needed and more. Very brief and nailed it
Thank you so much. I like how you explain why you wrote a certain code. Really helps to understand the code rather than memorising it.
This was amazing Steve 💯 I very rarely comment on videos, but this tutorial was spot on! Please never stop🙏
I stopped the video before 2 minutes and had to subscribe. This is the kind of teaching I'm looking for. I'm gonna continue watching now.
What are the odds than I'm doing my first project to end the precourse material right now. Happy to see my bootcamp of choice uploading these helpful videos!
The way you explained this made me insta subscribe. I don't even know what content you make but it doesn't really matter. Thanks, Professor Steve.
I wish I saw your channel a year ago, to be honest is it the best and you explain it like mixing two ingredients.. love it thank you
I love this so much. I can't express how grateful I am to find this video!
Anyone interested in adding this to a form you are creating I just learned you can hide the msg to make this more secure using CSS
HTML line 27-29 I didn't want the data to show to the user, only show on the backend. I used CSS to hide it: #msg {display: none;}
This helped me being a newbie so I hope it helps another!
Great tutorial. Thanks for walking through the "How's" and "Why's" rather than having a "Just copy me" approach.
Too many tutorials out there are just watching someone build one version of one project. I aim to help people understand. 🙂
I was facing the issue of retrieving data from input form to local storage. This video really helped me to solve that issue. Thanks Steve sir!
Man, you made it so easy I'm crying lol. I was stuck with this problem FOR HOURS and you just saved my butt, thank you so much!
amazing video i was actually doing the same as you and thought why it would not add the object to the array it turned out i had a simple logical mistake when checking if everything was not empty
Wow, the context and clarity is really helpful here.
More JavaScript vids please. Your explanations are really clear. Subscribed 👍🏼 keep up the good work I really need this in my life
You're an awesome teacher! Just a suggestion though, could you consider writing all the code as the viewers watch.. It helps learners explore the mind of a pro in terms of approaches to solving programming problems. Explaining an already-written code is cool but someone can easily get lost along the way. Thank you and keep educating
I do that in most videos. Sometimes I start with more code to save time while explaining it. Especially if it is a lot of code that I explain and write in other videos made around the same time
Thanks a lot for "prevent default". You really helped me to save my time (I already spent half of a day to solve this problem).
that's the reason I subscribed !
thanks for telling every small thing .
That voice tho. I subscribed immediately! Great content. Did exactly what I wanted! Thanks!
Got me a new teach love the in depth knowledge on why it works not just how
NOBODY explains things so well. Thank you!!!
Thanks, Steve! I like your teaching style.
This was amazing!! I've been looking for someone to explain this for months!! Thanks!! Now I need to figure out how to send this information to the AWS S3 bucket!! Thanks a ton!!
Only half way through and I'm already really impressed by this video. Great job. Best one ive seen regarding this topic.
Professor Steve to the rescue, twice in 2 days! Subscribed.
Brother your voice and tone are just fascinating. You was just born to be an voice actor or the guy that makes trailers sound so badass. English is not just my native language even though im sure you guys will get the point
In fact, after this video when I hear myself I sound to myself like a goddamn chicken lol
Look, Simba. Everything the light touches is our kingdom. A king's time as ruler rises and falls like the sun. One day, Simba, the sun will set on my time here, and will rise with you as the new king.
Lol I can do it all day
@@rasulali4690 lol
@@rasulali4690 dont think I will ever be on the same level as James Earl Jones or Morgan Freeman. 🙂
This is awesome. Super clear and well explained. Great job!
Amazing video!! Clear, simple and direct! Subscribed for sure!
no words to explain how much I am thankful to you.
As a beginner this helped me a lot ^^ thanks. I only programmed in java before but i did really good there. For example artificial intelligent. And now i wanna do something else. Thank you for the great start ^^
Thank you my friend, greetings from Greece!
Steve!!!! Thanks for your dedication to these awesome videos. So I'm using part of this tutorial for an app that I'm developing. Do you have a tutorial that would demonstrate saving the data to a server?
For uploading data, this tutorial covers all you need - ua-cam.com/video/2sQ9xiEAXNo/v-deo.html
I have a playlist on MySQL - saving data in a MySQL database, I also have a playlist on PHP - building webpages and talking to the database. And I am currently recording a video on how to use SQLite in NodeJS to save data. It will be part of the NodeJs playlist.
Greattttt work mannnn, I was stuck in a project but your video helped me out and saved my time
You're a developer favorite over at JavaScript academy. Keep up the great work with JavaScript and CSS. Also great use of descriptive language and never assuming the obvious.
Thanks!
Is that Chris Ferdinandi's Vanilla JS Academy?
Yes it is! Your videos have helped. Devs reference your links quite often.
Hey! Your videos are great! Your voice is like a masage. And the content: always right on point. Special stuff. Logic logics and enjoy every bit of it! Thanx🙏🏻
First of all, man, your voice is AMAZING xD. The video was exactly what I was looking for, but I still have one question, how can I send that JSON file to the server so I can use it for example in a python script that is living in the server scope?
Thanks. You can use fetch to upload the JSON data. I have a playlist on AJAX that gives lots of examples of fetch and sending data in different formats.
Steve Griffith Thank you so much again 🙏🏻
Great tutorial. Explained every line of code concisely. Thank you sir.
Thank you very much.
The others tutorials i saw didn't show the array method
Programming is supposed to save time and resources, like this video of Mr Steve's. Arigato-gozaimasu, sensei.
Thanks so much Steve, I was looking for it and youtube has suggested me your video... Super clarifying, congratulations!
I really want to thank for your amazing and understandable way
I can't thank you enough, it's exactly what I needed.
You're one of the best teachers I've ever seen, it's brief and exactly to the point. I'm new to web development and I completely understand it.
Just one question: is there anyway that I can save that data to a JSON file instead of local storage?
You can take the data and pass it to JSON.stringify. Then that JSON string can be uploaded to a server as the body in a fetch call.
Eg with FormData - ua-cam.com/video/JtKIcqZdLLM/v-deo.html
@@SteveGriffith-Prof3ssorSt3v3 Thank you so much.
Great tutorial and very helpful! I searched and searched and you nailed it all. Thank you so much!
You are awesome. A bit of everything in one video.
Great easy video on my quest to learn web development. For a moment, I thought you was Agent 47
this is he best video , I was looking for it for long time. you deserve 10000000 likes
Phenomenal. You were born to teach.
man your voice is heaven
Thank you for explaining what going on in the block of code. saved the grade
Thank you very much! you made me realize an error i was making and it was taking me to my "breaking point"
This video was exactly what I was looking for! Thank you! Just subscribed!!!
Man i've been struggling a lot with this thank you for the help.
thank you for this. I'm learning through the Odin Project and did all this reading on objects and .this and shit but they never did anything to explain how to link that stuff to the dom/ html elements. this let me know I was on the right track. thanks a lot.
how does this change when I have a constructor? I wrote a constructor for a book object that has title, author, pages, and whether it's read or not, and I have a modal form that I need to create an instance of the book.
do I link the form to the constructor instead?
thanks again. objects are confusing once you get into prototype and constructors
Question: i dont want it to display on my page,i just want to store(new user) it as a object in my javascript or anywhere and give same functions as other code ,can i do that using js?
You can save the data in a JS variable on your page if you only need it while the page is open in the browser. If you want it the next time they visit the same page using the same browser then you would use localStorage or IndexedDB. If you want the data available from other browsers then you need to send it to the server via fetch( ).
This channel just keeps on giving!!
Fantastic tutorial, I have learned things...
Thankyou soo much fort his beautiful Explanation
This is great
Better than explanations i have got in univ
Your voice is perfect for the tutorial. I'm saying this before I even dare to watch more than 0:15 of the video. I subbed, ez.
Awesome explanation Steve. Thanks a lot.
u r a hero! Thank you so much for saving the world with vanilla JS!
Well done. Love the way you explain. Thank you!
Thanks Boss. Adding to local storage is the jelly
What an encounter?! I just got exactly what I wanted. Thanks man!!
Oh my my !!
U saved me ! This really helped !
thank u so much for the detailed content
wow! great explanation ...
Your voice is so good and you're a good teacher
Thanks for the nicely done "tutorial". :) Keep up the very helpfull work.
This video helped me solve my issue thank you 😊
The voice just wants me to learn more lol
thanks a lot!!! so nice reverb
Thanks so much! you really helped me out here :)
Thank you so much! You made it very easy for a beginner like me to understand!
thank you very much man
Thank you so much!!! Cleared all my doubts.
Dear Steve, thank you for the amazing tutorial! Can I use this code for my personal project? Thanks!
Sure. I'm teaching people how to do things. All my code is freely available.
Clear, helpful and perfect. Thank you so much 🍻
I love u man. U don't know but u just saved my day
Great video, thanks! Exactly what I was looking for.
most helpful person on the internet
Exactly what i was searching for ! tnx mate
Keep making great content like this!
clear explanation and to the point, thanks a lot
Well explained, thank you ! Really helped me doing my project :)
Exactly what i needed and i learned new things also! thanks!
Thank you for the tutorial, one issue I have though is the instance not saving when I refresh, I thought saving to local storage like this retained information even when refreshing
It does. The information is still in localstorage but you need to read it from localstorage when the page loads.
you explain it very well thank you!!!
Hi Steve! Great tutorial, it was really well presented.
This may sound like a crazy question, but would local storage be possible with using a site like GitHub pages?
I know JS works with GitHub pages but I am not sure if its possible to use any database features as I don't really have a database with pages.
Any suggestions would be great, or maybe you if you have made a video that can help could you link to it?
I am fairly new with JS I have been learning a bit of it from W3Schools so I am am for sure subbing to you channel right now.
Localstorage only runs in the users local browser. It is controlled by javascript. So, it runs anywhere that JS runs.
Be careful with w3schools. It skips a lot of key details and key information. I don't recommend it to my students, ever.
@@SteveGriffith-Prof3ssorSt3v3 Thanks for the advice, and the reply :)
This is a great video sir❤️
It helped me a lot.😊 This video has solved a lot of my problems.
You are super man
best tutorials