Hey :D. I appreciate you for uploading such a beginner friendly video. Noob question upon downloading Bracket Pair colorizer 2 it says that the extension is now deprecated, the functionality is built in to VS code. Is the full functionality built in or is there any alternative extension to download ? Thank you again for your time
There are no noob questions, just thinks you and I don’t know 🤷🏾. You don’t need to download everything else, it is fully integrated. Hope this was helpful;)
commands at the start of the code or can I just jump straight into writing the title and so on as if I were on a notepad on a windows pc? Thank you for posting this video, it was very helpful!!
Meta tags are important because they impact how your site appears in the SERPs and how many people will be inclined to click through to your website. They will therefore impact your traffic and engagement rates, which can impact your SEO and rankings.
Hi, thanks for the great question. :) I will create a Step-by-step Video Tutorial and Blogpost for this, it will make it much easer to follow. Video will be up in approx. 48h so stay subscribed and notifications turned on. Have a nice day, Norbert BM
Hey it is showing that HTML snippets are no longer available while I'm trying to install it in the extensions. Can you please tell me why this is showing in my vscode ide?
Hi I'm currently a high school student and I love your content it inspires me to explore more on Web Development. You just earned a new subscriber, btw I have this error when I run my html code I was directed to google chrome then it says that "This site can’t be reached Check if there is a typo in testing.html. If spelling is correct, try running Windows Network Diagnostics. DNS_PROBE_FINISHED_NXDOMAIN" may I ask how can I fix this?
There are a multiple Extensions that ware deprecated (No logger as it is no longer being maintained) in the last couple of Months. And YES this is one of them :) . But it is kind of integrated in to Visual Studio Code, this means that even more extensions will follow to be integrated directly in the installer of VS Code. No, I cant recommend anything else because VS Code dose the work for you. Hope this was helpful.
Thank you for valuable info - I'm very new to this field to know more about extensions in vs code to start any practice my project in programming.😀😊👏👌👌
If you have the live server extension installed you will see it in the bottom right part of visual studio code. You can also have a .html file opened in VS Code and if it contains a html5 boilerplate then just right click in the code and you should see "open with live server" in the options. Hope this was helpful. Best regards, Norbert
UPDATE - FIX the HTML5 Boilerplate Emmet Shortcut Key in Visual Studio Code . If the Shift + 1 shortcut key is not working then this is the solution. ruclips.net/video/PWlIyQ09O0o/видео.html
Click o manage down in the left corner, then command palette, then type in word wrap and click on it , it will toggle it on /off Hope this was helpful.
You can run HTML CSS and JavaScript right after installing VS Code. The only thing you might need is live server so you don’t need to constantly refresh your browser. The rest of the extensions just make life easier ;) Was this helpful?
Hi, No you are not missing anything. Shift + ! for the HTML5 Boilerplate no longer works in Visual Studio Code. The solution is to just type out " html : 5 " and Emmet should recognize it and give you a HTML5 Boilerplate. It is almost the same thing. Try it out and get back to me. Hope this was helpful.
I saw one thing. But didn't know what was it. When you were typing any tags or codes on the right side, a line with "emmet" word keep popping up. can you tell me what was it?
Hi, sure! Emmet - the essential toolkit for web-developers · HTML from CSS. It is baked in to VS Code and its syntax is inspired by CSS selectors. Basically it suggests HTML tags, classes. It is extremely helpful because it increases you coding speed. Was this explanation helpful ?
That is so odd, why is that, if you want you can create your own nodejs serve, I got a video on it, but I would still suggest to try and make live server to work! Was this helpful?
Hold down Shift + 1 on the keyboard, this will give you a “!” Wihitch is the shortcut key for the HTML 5 boilerplate. Then you need to Enter or Tab in order to use it. Hope this was helpful.
Create on by giving it a name and a extension, for example a commun us is style.css , this will create a file that is a type of css and in wichch you can write css code in.
Hey :D. I appreciate you for uploading such a beginner friendly video. Noob question upon downloading Bracket Pair colorizer 2 it says that the extension is now deprecated, the functionality is built in to VS code. Is the full functionality built in or is there any alternative extension to download ?
Thank you again for your time
There are no noob questions, just thinks you and I don’t know 🤷🏾.
You don’t need to download everything else, it is fully integrated.
Hope this was helpful;)
@@NorbertWebDev oh thank you ❤️
thanks man! you saved my hella amount of time... .
No Problem, glad I could help
after word wrap what shall i do? control shift and??
Don`t be shay, stay awhile and listen. Also leave you questions or suggestion in the comments!
wow its so helpful btw im new at web developing I started from c# but i feel its not for me thanks for the set up
Hei, welcome to the web dev world, and pls, "stay awhile and listen" 😅.
Thank you so much, it was really useful and understandable!
You're very welcome!
Spread the word to others :)
Quick Question: Is it required to put the
commands at the start of the code or can I just jump straight into writing the title and so on as if I were on a notepad on a windows pc?
Thank you for posting this video, it was very helpful!!
Meta tags are important because they impact how your site appears in the SERPs and how many people will be inclined to click through to your website. They will therefore impact your traffic and engagement rates, which can impact your SEO and rankings.
I'm trying to figure out the magic trick at 3:15
nice vid but you didnt show the javascript executing from the html page... This what i came to learn.
Hi, sorry but this is a specific vs code video. I do have JavaScript videos on my channel, check them out if you wish.
is Live Server and Microsoft Live Preview - VS Code Extension both are the same ?
Nop
How to change style and color of the cursor #VS Code
ruclips.net/video/8r_iRuusTgE/видео.html
Hi, thanks for the great question. :)
I will create a Step-by-step Video Tutorial and Blogpost for this, it will make it much easer to follow. Video will be up in approx. 48h so stay subscribed and notifications turned on.
Have a nice day,
Norbert BM
Hey it is showing that HTML snippets are no longer available while I'm trying to install it in the extensions. Can you please tell me why this is showing in my vscode ide?
Hi, the HTML snippets are integrated in the latest version of VS Code. Just have your VS Code up to date and its all good :P
@@NorbertWebDev Thanks :D
Why it's not opening local server on my pc when I m clicking go live
You need to have a html boilerplate
thanks to you ....it's a helpful video for beginners💯
My pleasure 😊
you sound like Arnold Schwarzenegger lol
To bad I don't have his body from his 20-40 and only his voice :))))))
Hi I'm currently a high school student and I love your content it inspires me to explore more on Web Development. You just earned a new subscriber, btw I have this error when I run my html code I was directed to google chrome then it says that "This site can’t be reached Check if there is a typo in testing.html.
If spelling is correct, try running Windows Network Diagnostics.
DNS_PROBE_FINISHED_NXDOMAIN" may I ask how can I fix this?
have you found a fix yet?
the version of braket pair colorize it'snt
It is now integrated in visual studio code, no extension required;)
insta sub from a beginner web dev (i hope)
Appreciated
First clear the spelling in thumbnail HRML to HTML
HAHAHAHAH, Thank you so much, I didn't notes it :)))))
it helps alot thanks
I am glad it was helpful. Hope you enjoyed it:6
now that the Html snippets is depreciated do you recommend any other extension?
There are a multiple Extensions that ware deprecated (No logger as it is no longer being maintained) in the last couple of Months. And YES this is one of them :) . But it is kind of integrated in to Visual Studio Code, this means that even more extensions will follow to be integrated directly in the installer of VS Code.
No, I cant recommend anything else because VS Code dose the work for you.
Hope this was helpful.
is the live server extension still runing?
Yes shure, do you have problems running it?
Thank you for valuable info - I'm very new to this field to know more about extensions in vs code to start any practice my project in programming.😀😊👏👌👌
Glad it was helpful!
Where is this "go live" button?
If you have the live server extension installed you will see it in the bottom right part of visual studio code. You can also have a .html file opened in VS Code and if it contains a html5 boilerplate then just right click in the code and you should see "open with live server" in the options.
Hope this was helpful.
Best regards,
Norbert
My backspace is not working on vscode what might be the problem
Wow, that is so strange, I never heard about this. Will take a look at it and come back to you if I find something.
@@NorbertWebDev Yeah its even in stack overflow but with no answer glad your willing to check it out thanks a lot.
@@japhethachimba174 No problem.
I dint understand How did you spawn the whole code ? Can you explain that please
Yes!
Hold down Shift + 1 on the keyboard
maybe you have to restart VSC and insert the exclamation mark (❗)
UPDATE - FIX the HTML5 Boilerplate Emmet Shortcut Key in Visual Studio Code . If the Shift + 1 shortcut key is not working then this is the solution.
ruclips.net/video/PWlIyQ09O0o/видео.html
I just get a "File could not be accessed" when I try doing this. Exactly to the letter but not working.
I would gladly help. could you be a bit more precise?
easy peasy
lemon squeezy :P
such a good video, love for this my brother
Thanks bro, so kind of you :)
Hrml? Lol 🤦🏻♂️
It is a mind trick :P
Thank you and thank you
Your welcome 🤗
hi I have a question, what command did you use to appear the ( command and the other code with it.?
Hi, it’s “ shift + ! “ but you need to have emmet installed in vs code, usually it come with vs code perinatale.
@@NorbertWebDev oh ok thank you.
No problem 🤘
where is css
is it yellow color means warning ???
Yes
@@NorbertWebDev then why did you done at vs code a warning ⚠ code ???
Good, haha the Thumbnail says HRML haha good video
Thanks ☺️
When the word wrap appears what do u do? I am confused at what u said
You just click on it in order to activate it. Sorry for the confusion.
I can't figure out the wordwrap,how do I toggle it on
Click o manage down in the left corner, then command palette, then type in word wrap and click on it , it will toggle it on /off
Hope this was helpful.
tnx a loooooooooooooooooooot
No problem
Thanks
You’re welcome 😉
Thanks
Your welcome 🤗
very helpful thanks
Glad it helped :)
Sup
All good, sub back ;)
Do we need to do some setup before hand or will just doing this will allow vs code to run css JavaScript html ..
You can run HTML CSS and JavaScript right after installing VS Code.
The only thing you might need is live server so you don’t need to constantly refresh your browser. The rest of the extensions just make life easier ;)
Was this helpful?
@@NorbertWebDev yup thanx for the info
Hi thanks a lot for this video. However, I am not getting any options/shortcuts when I press ! in the text editor. Is there a setting I'm missing?
Hi,
No you are not missing anything.
Shift + ! for the HTML5 Boilerplate no longer works in Visual Studio Code.
The solution is to just type out " html : 5 " and Emmet should recognize it and give you a HTML5 Boilerplate.
It is almost the same thing.
Try it out and get back to me.
Hope this was helpful.
HI. I just created a video with two solutions for this problem:
ruclips.net/video/PWlIyQ09O0o/видео.html
Hope this was helpful :)
Thanks 👍🙏
Your welcome 🙏
I saw one thing. But didn't know what was it. When you were typing any tags or codes on the right side, a line with "emmet" word keep popping up. can you tell me what was it?
Hi, sure! Emmet - the essential toolkit for web-developers · HTML from CSS. It is baked in to VS Code and its syntax is inspired by CSS selectors.
Basically it suggests HTML tags, classes. It is extremely helpful because it increases you coding speed.
Was this explanation helpful ?
@@NorbertWebDev Yes. Very much!! Thank you!
edit:- so in short it helps us to write codes first.
@@_kiaz_ Exactly !
live server is so nice
Yes it is :)
Amazing!
Thanks!
Can't find live serve in the extensions
Try typing it in to google and it should find it and send you directly to the visual studio code website
What key you pressed here at 3:18?
For the boiler plate schift+1
I cannot use live server. what should I use instead of that?
That is so odd, why is that, if you want you can create your own nodejs serve, I got a video on it, but I would still suggest to try and make live server to work!
Was this helpful?
ty so much it was very helpful
Glad it helped!
finally met someone else named norbert lol
Power to the Norbert’s of the earth 🌍!
i m saving this video rn good job
Thank you, glad you enjoyed it and it was useful for you :)
w video thank you man
Glad you liked it :)
GOD bless you
So kind, God bless you to.
man u just earned a subs
thanks for this tutorial
Thanks for the sub! And welcome to the club :P
Thank u so much! We appreciate your work !
Thank you 🙏
chikititoy
Thank you 💗
You are welcome ;) hope you enjoyed it :)
You sir, are a living legend. 👍
Wow, thanks
Thank you so much it's very helpful
Much appreciated, share the word and help others ;)
Thank you so much sir it's help me alot 🙌
You are welcome Sir. Like and share with other if it was of value.
Change the Thumbnail. There is a mistake in the name of HTML
Thanks, but I know, it's just so long ago that its funny to get this comment :)))).
But thanks for pointing it out, showing that you care :)
At 3:16 how did you autofill?
Hold down Shift + 1 on the keyboard, this will give you a “!” Wihitch is the shortcut key for the HTML 5 boilerplate. Then you need to Enter or Tab in order to use it.
Hope this was helpful.
@@NorbertWebDev Thanks for replying. Great videos!!
How to get CSS file?
Create on by giving it a name and a extension, for example a commun us is style.css , this will create a file that is a type of css and in wichch you can write css code in.
@@NorbertWebDev Thanks for responding to comments nearly a year later. Also thanks for that, it worked.
Thanks ! 👌
Your welcome 🙏
Thanks
No problem
well explained and on point.
Thank you, glad you liked it :)
your voice is soo soothing
That’s… wait, is that good or bad ? :)))
i wonder how you got so much views. you are not willing to teach but doing this to make funds
Hi, what exactly do you mean with "you are not willing to teach but doing this to make funds" is there something I can help you with?
amazing
You flattered me ;)
Spelling mistakes :
HRML is not correct,
HTML is correct 😂😂
I know but it’s to much fun to change it now :)))
@junior coder check this channel out
Thanks for the recommendation ! :)