Thank you this was very helpful because you gave some tips which made this process very clear. Actually, while filling out the manifest object keys, I did a typo that cost me a lot of time. I had typed the start_url key in the manifest file with the first word in title-case, that is 'Start'... AND also hadn't used a relative url address. I found out about the relative address quite quickly after gettng the 'invalid URL' message in the browser, but was still getting a 'url not valid' message. It was only when I you pointed out that it's possible to check all of the manifest properties in the 'application tab' of the browser that I noticed that another key, 'short_name' was not registered even though I knew I typed in the value. I went back to look at the manifest file and, HUGE FACEPALM... 🤣 I shall not be making that mistake again. I'm commenting just in case any of your other viewers make this minor, but completely time-wasting mistake. 🙄
the path to the manifest file is searched inside the same folder as index.html file right? Great tutorial!!! Congratulations! I put a like on all your videos from this playlist!
Dude, thank you for making straight forward tutorial videos! UA-cam needs more teachers like you! One quick question though--is there a technique to make the links in the header dynamic, so as to not keep copy-pasting them in every page? Would such a technique even be worth it in the long run? Kind regards
Hi there, loving the series so far and have been waiting to start this one after doing the HTML and CSS course and the Javascript course on Udemy. In this lesson, I seem to be getting errors when loading up the local server. From what I can see the stylesheet is not loading in the page and I'm not sure if the JS is loading in either. The error message is "Refused to apply style from 'URL' because its MIME type". Any help would be greatly appreciated so that I can proceed with the course. Thanks in advance.
Hello. I use Firefox, i can't fint that application tab on developers tools, also i can't find manifest or service workers... Can someone help me please? Thank you.
Just leave MZ Firefox already. It's not that good these days and most of the webtech is influenced by the capabilities of Chrome (and related projects and tools).
I uploaded my project to sub folder on my website at godaddy and when I look at Application in dev tools, it says that there is no manifest. I get the message, "Manifest: Line: 1, column: 1, Unexpected token." Am I supposed to put everything on the root directory on godaddy? I had to change the absolute links in the html files to relative links, and that worked, but now I have this problem.
Ahh, bummer to hear that! I didn't add any adverts manually to the video - UA-cam does that automatically when it's available for monetisation (sorry if you experienced a lot).
Can't tell you how much respect I have for you for putting this much effort into educating people for free. Thank you so much!
Thanks Simon :)
The best channel on UA-cam!
A well organized tutorial, you are an awesome teacher !
4 years later and still a relevant tutorial series 😎
Great to hear, thanks!!
I really appreciate this! I love your JS course on Udemy as well! Thank you Net Ninja!
Glad to hear that Dre :) thanks for the support!
Thank u for this awesome video and series
omg this is getting so excited :) cant wait to follow upcoming tutorial
I saw u type "dispaly" n I tried to tell u something but u wouldnt listen
Your voice sounds like developer cliff from democracy 4, thx for the tutorial btw
Very good skills and very nice explanatiion. Great job. 👍👍 THANK YOU. 🙏🙏
oh shit... this is better than other paid courses.....
Thank you this was very helpful because you gave some tips which made this process very clear. Actually, while filling out the manifest object keys, I did a typo that cost me a lot of time. I had typed the start_url key in the manifest file with the first word in title-case, that is 'Start'... AND also hadn't used a relative url address. I found out about the relative address quite quickly after gettng the 'invalid URL' message in the browser, but was still getting a 'url not valid' message.
It was only when I you pointed out that it's possible to check all of the manifest properties in the 'application tab' of the browser that I noticed that another key, 'short_name' was not registered even though I knew I typed in the value. I went back to look at the manifest file and, HUGE FACEPALM... 🤣
I shall not be making that mistake again. I'm commenting just in case any of your other viewers make this minor, but completely time-wasting mistake. 🙄
guess who's back, back again
Excuse me, what extension are you using? As long as I watch your videos, I feel comfortable with your vscode looks.
Sir thank you so much, you saved my life
the path to the manifest file is searched inside the same folder as index.html file right?
Great tutorial!!! Congratulations! I put a like on all your videos from this playlist!
Dude, thank you for making straight forward tutorial videos! UA-cam needs more teachers like you!
One quick question though--is there a technique to make the links in the header dynamic, so as to not keep copy-pasting them in every page? Would such a technique even be worth it in the long run?
Kind regards
use components
you are the best man😍
Thank you!
Loved the elevator music!
Awesome ,thank you
Hi there, loving the series so far and have been waiting to start this one after doing the HTML and CSS course and the Javascript course on Udemy. In this lesson, I seem to be getting errors when loading up the local server. From what I can see the stylesheet is not loading in the page and I'm not sure if the JS is loading in either. The error message is "Refused to apply style from 'URL' because its MIME type". Any help would be greatly appreciated so that I can proceed with the course. Thanks in advance.
Hi , where would I link the manifest file when using something like react that does not have HTML files
thank you~~
thank you for the big help ^_^
why icons variable has that name? Does it have any meaning?
Thanks
I am kindly asking, why still no manifest detected even I do follow the tutorial? what is the possible reason? hoping to hear your answer soon.
Thx!
Sir do to know, how to customise the service worker in react js. Which is generated by using create-react-app...
you don't customise the one result in the create-react-app, you write your own
medium.com/@zaffarabbasmughal/how-old-is-your-article-5489b6eb5b1d
How to add multiple manifest.json
is this same in vuefire?
Hello. I use Firefox, i can't fint that application tab on developers tools, also i can't find manifest or service workers... Can someone help me please? Thank you.
Just leave MZ Firefox already. It's not that good these days and most of the webtech is influenced by the capabilities of Chrome (and related projects and tools).
I uploaded my project to sub folder on my website at godaddy and when I look at Application in dev tools, it says that there is no manifest. I get the message, "Manifest: Line: 1, column: 1, Unexpected token." Am I supposed to put everything on the root directory on godaddy? I had to change the absolute links in the html files to relative links, and that worked, but now I have this problem.
Save the manifest file as 'manifest.webmanifest' and link it in the index.html as follows:
Any idea why they choose snake-case naming conventions? It always annoyed me🤦♂️.
code ?
Console says no manifest detected
I don't know how the f that file got on my phone
create manifest.webmanifest file
Worst video to watch, taking half an hour to go through all ads you added to video. So sad , no quality a t all
Ahh, bummer to hear that! I didn't add any adverts manually to the video - UA-cam does that automatically when it's available for monetisation (sorry if you experienced a lot).