Web App Tutorial - JavaScript, Mobile First, Accessibility, Persistent Data, Sass
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
sd4033
Fantastic. Thank you. The javascript itself is a bit beyond my skill level at this point. What I would love to add is sub-items. No idea how I would go about that.
A few things didn't work for me on my pc setup. It might be because I am in Linux instead of Windows.
- Firefox did not display the styled checkboxes (just the default look). The styled checkboxes displayed correctly in other browsers.
- Installing the Chrome Vox extension in Chromium, the voice (oddly, as it seems to be the point of the extension) did not work. Just got sounds on clicking tabs, etc.
- Could not find the Live Sass Compliler in the vs code extensions on the vs code version I have installed. However, I already had Sass on my system previously, and just manually (command line) started the sass watch command.
reply
Fantastic. Thank you. The javascript itself is a bit beyond my skill level at this point. What I would love to add is sub-items. No idea how I would go about that.
A few things didn't work for me on my pc setup. It might be because I am in Linux instead of Windows.
- Firefox did not display the styled checkboxes (just the default look). The styled checkboxes displayed correctly in other browsers.
- Installing the Chrome Vox extension in Chromium, the voice (oddly, as it seems to be the point of the extension) did not work. Just got sounds on clicking tabs, etc.
- Could not find the Live Sass Compliler in the vs code extensions on the vs code version I have installed. However, I already had Sass on my system previously, and just manually (command line) started the sass watch command.
reply
salgorogaztec
Thanks for the tutorial! I had 2 issues at the end that I can't figure out my problem. I have triple checked every single line comparing main.js to my VS Code and I'm 99% sure they are identical.
1. My clear button does not clear my list when I click on it.
2. The very last function updateScreenReaderConfirmation displays a message on my screen -eggs removed from list- instead of having the voice work.
Any tips in the right direction would be appreciated!
reply
Thanks for the tutorial! I had 2 issues at the end that I can't figure out my problem. I have triple checked every single line comparing main.js to my VS Code and I'm 99% sure they are identical.
1. My clear button does not clear my list when I click on it.
2. The very last function updateScreenReaderConfirmation displays a message on my screen -eggs removed from list- instead of having the voice work.
Any tips in the right direction would be appreciated!
reply
Vincent
Hi, Dave. Thx a lot for the awesome tutorial. I use the same extensions for VS like you introduced. But by me the viarables are white not color. also some key words like document, localStorage, event are white. Do you know what's the reason for it? Because i get a problem by doing the same as you. so maybe something is wrong. can you give some advice? the second question is why do you underscores by using this. thx
reply
Hi, Dave. Thx a lot for the awesome tutorial. I use the same extensions for VS like you introduced. But by me the viarables are white not color. also some key words like document, localStorage, event are white. Do you know what's the reason for it? Because i get a problem by doing the same as you. so maybe something is wrong. can you give some advice? the second question is why do you underscores by using this. thx
reply
Dash
Would have been useful, but for some reason not reading the javascript. Using VS Code, nothing in the comments, no console, no network issues, total silence and yet it won't work. I have checked the code for errors, found some typos but fixed them. Good video though, excellent with explanations.
reply
Would have been useful, but for some reason not reading the javascript. Using VS Code, nothing in the comments, no console, no network issues, total silence and yet it won't work. I have checked the code for errors, found some typos but fixed them. Good video though, excellent with explanations.
reply
Raj
This is a great example of splitting the functions up so its cleaner but feel it's N overkill for this type of app and could be coded much simpler. Just my opinion but I do love the way he shows us how to code a class based structure
reply
This is a great example of splitting the functions up so its cleaner but feel it's N overkill for this type of app and could be coded much simpler. Just my opinion but I do love the way he shows us how to code a class based structure
reply
Bob
This was a great and highly useful tutorial. Thanks for the hard work. That said, I imagine it would save people a lot of debugging and trouble shooting if the code was made available on github to reference.
reply
This was a great and highly useful tutorial. Thanks for the hard work. That said, I imagine it would save people a lot of debugging and trouble shooting if the code was made available on github to reference.
reply
Ankit
Awesome video Dave, greatly explained everything, haven't really seen someone using javascript this good, like creating classes and reusable functions...really really liked your content-
reply
Awesome video Dave, greatly explained everything, haven't really seen someone using javascript this good, like creating classes and reusable functions...really really liked your content-
reply
Jacob
45:23 anyone else having trouble with the scss here? flex just lined everything up in a row for this container instead of having the title/button, hr, list in a column
reply
45:23 anyone else having trouble with the scss here? flex just lined everything up in a row for this container instead of having the title/button, hr, list in a column
reply
Abhishek
Hey Dave I am getting error message in chrome where it says Acess to script at main.js from index.html:1 origin 'null' has been blocked by CORS policy.
reply
Hey Dave I am getting error message in chrome where it says Acess to script at main.js from index.html:1 origin 'null' has been blocked by CORS policy.
reply
Rochi
Is there a repository or somthing to check the code? I am following the tutorial yet I messed up in something and my app doesn't work
reply
Is there a repository or somthing to check the code? I am following the tutorial yet I messed up in something and my app doesn't work
reply
Add a review, comment
Other channel videos
