Awesome. Wish you could add code for different notes and add a bar so each note can gave a title e.g. to do list and then in the body we can have different tasks.
it was already said your tutorials are getting really significantly improved. it's still Dom but improved Dom :). I like how you're trying do things byt different way than the others and it's perfectly fine.
Nah mate, he was good from the start... His early tutes were about basic concepts e.g. Array.shift() ect. Lately he's been building projects BUT if you're not the type of person who needs their hand held through projects all the little snippets are gold, especially for beginners...
Hi dcode thank you for this. I would suggest next time to code following a user behaviour (I click + then the text area appears then I can change the content, then I can edit etc...) as it is going a bit in every directions.
thanks for the tutorial like this! question: I get this error"Uncaught TypeError: Cannot read properties of null (reading 'querySelector')" at line const addNoteButton = notesContainer.querySelector(".add-note"); I am not able to add note / see note that I added so I think code has issue with addNoteButton but not sure.. can you comment?
How to modify the code so that all notes from all client devices were stored on the web server storage and will be able to work with same notes on all devices ?
@@vaibhavdhole9117 I think you might need to expand on that one mate. If you have a typo inside your inline function you'll get X is not a function. Just put up the the entire forEach(x => { x.doSomething }) code block.
Hello sir ! I run unsuccessfully, it error "Uncaught SyntaxError: Unexpected token N in JSON at position 20 at JSON.parse () at getNotes (main.js:12) at main.js:4" you can teach me fix it. Thank you very much !
@@vietmobile159 make sure your function is returning an Array. if getNotes(...) isn't returning something that you can iterate over ( like an array) it won't work. Make sure getNotes is also returning something altogether. My get notes looked like this: getNotes() { if (localStorage.localStickyNotes === undefined) { console.log('failed to get sticky notes') localStorage.setItem('localStickyNotes', JSON.stringify([{}])); return JSON.parse(localStorage.getItem('localStickyNotes')); } else { console.log('sticky notes retrieved successfully'); return JSON.parse(localStorage.getItem('localStickyNotes')); } } Make sure to use the return keyword and maybe console.log what it's returned to see if it's an array. I didn't follow the tutorial exactly but my code returns an array of objects and arrays are iterable.
It's probably too late to reply, but someone might find it helpful. The filter() method creates an array, in this case we get an array that contains the object we're looking for eg. [{ id: 12, content: 'this is a note' }]. We want the note object itself and not the array, adding the [0] would return the object { id: 12, content: 'this is a note' } which is the note we're looking for.
Is Lenovo legion 5 pro good for android and web development purposes? Processor and memory features - • 11th generation, core i7 • 16GB RAM, 1TB SSD • 6GB graphic/ NVIDIA GeForce RTX 3060 Or I should go for MacBook Air or Pro m1 With 16GB unified memory and 1TB SSD...?
@@vaibhavdhole9117 if getNotes(...) isn't returning something that you can iterate over ( like an array) it won't work. Make sure getNotes is also returning something altogether. My get notes looked like this: getNotes() { if (localStorage.localStickyNotes === undefined) { console.log('failed to get sticky notes') localStorage.setItem('localStickyNotes', JSON.stringify([{}])); return JSON.parse(localStorage.getItem('localStickyNotes')); } else { console.log('sticky notes retrieved successfully'); return JSON.parse(localStorage.getItem('localStickyNotes')); } } Make sure to use the return keyword and maybe console.log what it's returned to see if it's an array. I didn't follow the tutorial exactly but my code returns an array of objects and arrays are iterable.
Cant follow these, you honestly move too fast for beginners. I dont know how you get your sentences to finish automatically but it would be a big help because you move way too fast and dont explain what youre doing much.
You can try to understand by source code that he provide in the video description. It's my trick to understand tutorial by source code but first i complete video then i follow the source code to understand.
Dom tutorial is getting better day by day. My favourite CZcams tutor.
You're favourite? 👀 Wow thanks mate!
Thank you for the comprehensive explanation about using local storage. You rocked it. No one could do it better than you did .
Awesome. Wish you could add code for different notes and add a bar so each note can gave a title e.g. to do list and then in the body we can have different tasks.
Nice tutorial~ Simpler than "notes app" but easier to understand. Thank you Dom❤
Keep the great tutorials coming! They're worth more than gold!
By the way: Which font are you using in your text editor?
Hey thanks, using Roboto Mono
Love your tutorial, keep the good work 👍
i love that thank you sir make courses like this
it was already said your tutorials are getting really significantly improved. it's still Dom but improved Dom :). I like how you're trying do things byt different way than the others and it's perfectly fine.
Nah mate, he was good from the start... His early tutes were about basic concepts e.g. Array.shift() ect. Lately he's been building projects BUT if you're not the type of person who needs their hand held through projects all the little snippets are gold, especially for beginners...
It really helped me a lot. Thank you.
Can you make more vue.js projects?
Such a pleasure to listen and follow... Many thanks from France :)
Good job. But I have one question: How worked without calling function could you explain it please
thank you for the detailed tutorial it really helped!!
Well explained. It was really an awesome beginner friendly project :) Following You! DOM :)
Hi dcode thank you for this. I would suggest next time to code following a user behaviour (I click + then the text area appears then I can change the content, then I can edit etc...) as it is going a bit in every directions.
Thanks a lot . this helped me so much
loving the project videos mate!
Cheers mate glad you like them
Loving you videos. Do you know how to make a 508 complaint drag and drop?
Thanks, this was helpful
Thanks!
Keep up the good work ;)
very nice thank you so much
Awesome as always 👍
thanks for the tutorial like this! question: I get this error"Uncaught TypeError: Cannot read properties of null (reading 'querySelector')" at line const addNoteButton = notesContainer.querySelector(".add-note"); I am not able to add note / see note that I added so I think code has issue with addNoteButton but not sure.. can you comment?
Its awesome dude👍
some one help in his url bar local host is mention but for me it is showing files://
and i guess because of that i code is note running
How to modify the code so that all notes from all client devices were stored on the web server storage and will be able to work with same notes on all devices ?
The Double Click to delete a note doesn't work
is there a shorter way to make this? kis principle?
Hi just asking how can I make any video private just by coding on notepad++ or visual studio code
amazingggggggggg
Thank you, Dom. BTW, Aussies have weird hobbies. 0:57
🤣🤣
How would I deploy this? Do I host this?
Your a machine mate.... your like an Aussie version of Steve Griffith. Are you in lock down? working from home? having a break?
Cheers mate! Yeah still working from home basically in my office so day 🤣
" Uncaught TypeError: getNotes(...).forEach is not a function " error showing at 25.25min please help
@@vaibhavdhole9117 I think you might need to expand on that one mate. If you have a typo inside your inline function you'll get X is not a function.
Just put up the the entire forEach(x => { x.doSomething }) code block.
my key doesnt show.. is that an issue
First 🙂🙂🥰
Hello sir ! I run unsuccessfully, it error "Uncaught SyntaxError: Unexpected token N in JSON at position 20
at JSON.parse ()
at getNotes (main.js:12)
at main.js:4" you can teach me fix it. Thank you very much !
" Uncaught TypeError: getNotes(...).forEach is not a function " error showing at 25.25min please help
@@vaibhavdhole9117 same here but dont know how to fix:))
@@vaibhavdhole9117 Try to delete all textarea elements in your HTML file then try refresh the page, it work with me
@@vietmobile159 make sure your function is returning an Array. if getNotes(...) isn't returning something that you can iterate over ( like an array) it won't work. Make sure getNotes is also returning something altogether. My get notes looked like this:
getNotes() {
if (localStorage.localStickyNotes === undefined) {
console.log('failed to get sticky notes')
localStorage.setItem('localStickyNotes', JSON.stringify([{}]));
return JSON.parse(localStorage.getItem('localStickyNotes'));
} else {
console.log('sticky notes retrieved successfully');
return JSON.parse(localStorage.getItem('localStickyNotes'));
}
}
Make sure to use the return keyword and maybe console.log what it's returned to see if it's an array. I didn't follow the tutorial exactly but my code returns an array of objects and arrays are iterable.
at 31:32, why is it necesaary to add [0] while filtering the notes.
It's probably too late to reply, but someone might find it helpful. The filter() method creates an array, in this case we get an array that contains the object we're looking for eg. [{ id: 12, content: 'this is a note' }]. We want the note object itself and not the array, adding the [0] would return the object { id: 12, content: 'this is a note' } which is the note we're looking for.
could i and my gf use this and it would update with what we both put on it through separate devices?
no, localStorage doesn't work on separate devices. You'd need a database like firebase
Is Lenovo legion 5 pro good for android and web development purposes?
Processor and memory features -
• 11th generation, core i7
• 16GB RAM, 1TB SSD
• 6GB graphic/ NVIDIA GeForce RTX 3060
Or I should go for MacBook Air or Pro m1
With 16GB unified memory and 1TB SSD...?
" Uncaught TypeError: getNotes(...).forEach is not a function " error showing at 25.25min please help
lol #overkill mate.
@@vaibhavdhole9117 if getNotes(...) isn't returning something that you can iterate over ( like an array) it won't work. Make sure getNotes is also returning something altogether. My get notes looked like this:
getNotes() {
if (localStorage.localStickyNotes === undefined) {
console.log('failed to get sticky notes')
localStorage.setItem('localStickyNotes', JSON.stringify([{}]));
return JSON.parse(localStorage.getItem('localStickyNotes'));
} else {
console.log('sticky notes retrieved successfully');
return JSON.parse(localStorage.getItem('localStickyNotes'));
}
}
Make sure to use the return keyword and maybe console.log what it's returned to see if it's an array. I didn't follow the tutorial exactly but my code returns an array of objects and arrays are iterable.
note : delete note will not work in touch screens
The .note part of the css doesn't work
Cant follow these, you honestly move too fast for beginners. I dont know how you get your sentences to finish automatically but it would be a big help because you move way too fast and dont explain what youre doing much.
You can try to understand by source code that he provide in the video description.
It's my trick to understand tutorial by source code but first i complete video then i follow the source code to understand.
Dom is stick to DOM
how the hell it s possible i copied pasted your code and it is not working for me??:DD
const addNoteButton = notesContainer.querySelector(".add-note"); this command doesnt work for me
try to run the script after the div, then works
@@thorbenmoe4195 have you used the same class names in your html?
@@thorbenmoe4195 Thanks that solved my issue
@@thorbenmoe4195 thank you i was going to lose my mind it was saying notesContainer is null
Love your tutorial, keep the good work bro👍👍👍
Thanks, will do!