#3 JavaScript Tutorial | First Hello World Program
Ғылым және технология
Industry Ready Java Spring Developer - Live Course : bit.ly/jDevIndustry
For More Queries WhatsApp or Call on : +919008963671
website : courses.telusko.com/
Instagram : / navinreddyofficial
Linkedin : / navinreddy20
TELUSKO Android App : bit.ly/TeluskoApp
Discord : / discord
In this tutorial post we will be running our first JavaScript program which is a basic Hello World program where we ill simple print Hello World(or any other text) on the browser.
The 2 softwares needed to start of with JavaScript are -
Text Editor : I will be using Visual Studio Code Text Editor which is highly recommended by many specially for Javascript, however you can use any other text editor like Notepad++ or Sublime text etc.
Browser : Of course a browser is needed to load the HTML document and run the JavaScript so I will be using Google Chrome browser. You can use any browser of your choice as most modern browsers have JavaScript enabled by default.
There are 2 ways to include JavaScript in your HTML Document -
Embedding JavaScript in the same HTML document
Using External JavaScript file and linking it in your HTML document.
1. Embedding JS in HTML document -
As you can see in the code below, we are embedding JS code using the script tag of HTML. Usually when the JavaScript code is small it is directly embedded in the HTML document, however, it is not recommended to embed large sized JS code directly in the HTML document as the code becomes un-organized.
2. External JavaScript File -
As you can see below there are 2 file - one the actual HTML document and other a separate external javascript file (demo.js). This demo.js file is linked in the HTML document using the script tag with the use of the attribute src as shown in the code below. When the javascript code is large, it is highly recommended to use a separate external file to keep the HTML doc and the JS code organized.
For Program code and more resources checkout this article - simplesnippets.tech/first-hel...
Java and Spring Framework For beginners with Spring Boot : - bit.ly/3LDMj8D
Java Tutorial for Beginners (2023) :- bit.ly/3yARVbN
Video by - Tanmay Sakpal
Пікірлер: 260
Advance congratulations for 300 k subscribed sir. Huge achievement for educational youtube channel. ❤ from jaipur rajasthan.
The fact that the .write() method lets you literally inject new html into your document is mind-blowing! I can already see all the possibilities! Makes me curious how someone can use JS to alter CSS (I know we're gonna get to it). Thanks bro, your lectures are really helping my old brain figure things out 🙌🏽
Superb! Well explained. I can't believe how difficult others made this. Thanks again.
Learning is more interesting if you enjoy what you are learning......Big thank you!!!❤️
Well explained! But it looks awkward when you code at the right side but the output is shown on the left side. If you have not already recorded all the videos for this tutorial series/playlist then, please, I request, by now, keep the VS Code window opened at the left hand side and the browser window at the right. It will help maintaining our natural spirit of thinking and understanding with more ease and comfort. Its a matter of psychology. Note: If viewers dislike this comment don't change your way, but if they like then you should think, otherwise it's your choice whether you like my suggestion or not. 😊
@SimpleSnippets
5 жыл бұрын
Wow this is some pretty serious psychological analysis. Never gave this a thought. IT does makes sense though as we usually go from left to right so coding on the left and output seen on the right makes sense. I have recorded one video in this similar way but surely in the next video that I shoot i''ll try to do what you recommend and even ask feedback from everyone as to what they prefer, after all its important to take everyones view as well :-) Thank you for this suggestion :-)
Thank you I am loving it
these series are awesome!🙌
Thanks for this video the way you explain the code I like most, truly javascript is new for mi but I am feeling intereststing
I never seen anyone explaining like this # awesome ji# good explanation
SUPERB PRESENTATION,VERY USEFUL,KEEP GOING,THANK U
Good Job brother, Learning JS anew and hope to catch up with you. waiting for you next video. Thanks
@SimpleSnippets
5 жыл бұрын
Thank you buddy, next video coming up soon ;-)
@shubhambhatia3492
3 жыл бұрын
Thanks🌹
Good start up👍👍. Looking forward to learn more thing here... Thankq😀
@SimpleSnippets
5 жыл бұрын
Thank you so much buddy, glad to hear your positive feedback and super excited to make more videos :-)
hello, sir, the way you explain is very osm. that's what I was looking for a long time today thank you, sir.
Great coaching sir I learn slowly but good one too understand
explained it so Smartly..thanks bro
I have tried many js tutorials, but this makes me more perfect because of your explanation i really love it.
Thank you for sharing your valuable concepts
Install live server in visual studio code. Live server plugin .. after that you don't need to refresh browser after write new code in VS code. Automatically it will refresh .
Searching for this kind of sessions for Javascript.. Thanks mentor.. N btw your voice is damn cute😍😍.. Your voice makes me curious to listen u more 😁😁
Hello Tanmay sir New to this channel... And I am confident that you will provide more and more info of js along with examples.. 😎😎😎😍😍😍
Love the way you taught
Pretty Good way to explaind the all over great keep it up
thank you so much !! it really helped me
advance congo for 300k subscribers
thank you #Telusko your channel good than university congratulation
Great playlist!
Thank you for the tutorial. Like the way you explain. Waiting for next video 🤔
@SimpleSnippets
5 жыл бұрын
Thanks Bhavika :-) Yes next video coming up as soon as possible :-)
@telusuko learning:- hi Sir, do we have any java library for compressing video's...?
Voice is superb thank you bro
Hi Tanmay, Have 1 doubt. "hello world" can be print if we write it in Body tag. So, what's the difference between writing it in script tag?
thanks Guruji .. U explained it so Smartly.. Keep going 👌
@SimpleSnippets
5 жыл бұрын
Thank you so much Fazil for your feedback and support :-)
The opening greeting is a killer...
but there is one confusion , in the first method how java script code works outside the HTML tags also?
Great Explanation..Waiting for the next one sir..Thank You...
@SimpleSnippets
5 жыл бұрын
Thank you Elvis and yes next video coming up soon! :-)
Thank you very much sir!
thank you very much sir for this video amazing explanation
@SimpleSnippets
5 жыл бұрын
Thank you so much buddy :-) Happy to hear this from you. Do share the video with your friends too ;-)
Hey your content is great, I'm learning javascript as a beginner and my goal is to be an app developer for games and VR games, so should I first learn javascript for html or should I skip this html part (as I'm not intreasted in web development)
i am not getting output of "this is from main class" document.write("this is from main page");
Sir your voice is really good ...😁
good video.simply can understand
And advance Congratulations for 1,000 Suscribers
I have written HTML code on the vs editor and run on the chrome and it displays blank, title card too. Pls help and solve my issue, I hope.
Waiting for next video sir , this is good way to learn thank you 🤘
@SimpleSnippets
5 жыл бұрын
Thank you so much Nagendra for your positive feedback. Happy to hear this from you. Yes next video coming soon :-)
awesomeee explaination...
Thank you Simple Snippets and Telusko Learnings....
@SimpleSnippets
5 жыл бұрын
Thank you Sarath for your positive feedback :-)
hi i failed to understand how to install and use visualstudio code editor,please explain step by step about vsce
actually i tried doccument.write(); in visual studio code but it didnt display in my chrome tab i tried it through sublime too same prolem it didnt display anythingso pls help e with this sir
Can u just tell me how to open ur saved files like u did u said "I just saved in default then chrome opens" how it happens I don't know
very helpful video...
Great Video
Thank you!
Sir u do the javascript with node.js installed ....it will be easy for a beginner to understand js who dont know html and tags ...do it with node.js
awesome explanation :-) keep up the good work.
@SimpleSnippets
5 жыл бұрын
Thank you so much Shreyansh :-) your support and positive feedback surely keeps me motivated :-)
if our js is in different place then how can we mentioned path??
Thank you for the video Everything is working but External file May be there's a problem coz I use my Mac?
Amazing
isn't Javascript function enabled by default when using chrome or any other browser
I have no idea wtf I'm doing but this is fun :)
whats extension should be used for vs code
Bhut badiyaa bro
Well teached
good job👍🏻
good Job.
a very good video.
basics of js is very muvh needed in web hacking
Liked the video Again.👌
@SimpleSnippets
5 жыл бұрын
Thanks you so much Prashant :-)
You have a new subscriber.
Thanks bro 🙏🙏
Thanks man
Thanks bro...
awesome
imagine using regular notepad for this, it would be like, new text document, write javascript, save as helloworld.js i hope you hit 1,000,000 subs soon... i really just need to know how to output text for javascript, without html
Sir With which extension we have to save it??? Please tell me
is there any difference between JavaScript and ES 6 ?
What is node js we can do coding on node js ??
nice one
THANKS !
Just subscribed
Installed VSC and wrote same code. But not able to run. Can u plz tell me how to run?
thanks .. awesome video and the way of explaining is very good
@SimpleSnippets
5 жыл бұрын
Thank you so much Sachin. Your positive feedback means a lot :-) Do share the video with your friends too ;-)
@sachingupta5985
5 жыл бұрын
@@SimpleSnippets can you give me a advice please ? how can i improve my English .. your command on english is very cool bro
@SimpleSnippets
5 жыл бұрын
@@sachingupta5985 sure. Thank you for the compliments. Well the ideal way to learn and improve English would be by speaking in English with your friends and by reading books and English articles. However we hardly do that I know so even I myself have not read any big books 😅 What improved my English was - listening to English songs, watching English movies and talking in English at times. Also I watch a lot of English TV series. I would recommend you start talking in English with your friends who are good at it and ask them to correct you, if you make mistakes ✌️😇
@sachingupta5985
5 жыл бұрын
thank you bro .. work in progress 😅
@SimpleSnippets
5 жыл бұрын
@@sachingupta5985 most welcome ✌️
i just subscribe great teacher
I have problem with localhost, server is not up, how do you get server up?
After installing update VS code from site, my intellisense not working ; please help
Thx this helped
Nice
Thank u so much 🇳🇵🇳🇵
how to run JavaScript file , if it is located in different location
Dude, Visual Studio code is not just the next editor, its an IDE and is heavy. Sublime text and notepad++ are text editors.
@akshaychothe7391
4 жыл бұрын
Text editor*
@toopteeps6653
4 жыл бұрын
@@akshaychothe7391 you do realize you can *edit* a comment
Amazing Lecture ❤😍✌
@SimpleSnippets
5 жыл бұрын
Thank you so much Ram. Glad to see your positive feedback :-)
you can type ! and press tab in a default emoty html file and it will write basic html script
great
NYC one sir ☺️
@SimpleSnippets
5 жыл бұрын
Thanks Rahul :-)
Hi Sir, Thank you so much for this wonderful session.I m having one doubt after importing the external JavaScript file the remaining lines which are written next in the HTML file are not get printed in the browser. I don't know why it is not printed .Is this the expected behavior??.Can you please clarify this doubt??
@SimpleSnippets
5 жыл бұрын
Have you followed the exact same code that I wrote ? It should work perfectly fine actually.
You deserve my friend.
@SimpleSnippets
5 жыл бұрын
Thanks Kishan :-) Super grateful to such a wonderful response from everyone :-)
Hello sir,thank u for sharing the JD videos and also u have to tell about text editor like visual studio code,how we can add the files in vs code,pls make a video for me.
@SimpleSnippets
5 жыл бұрын
Sure the next video is on some tips and tricks on visual studio code only :-)
I can’t name the Document in Visual Studio Code
Good explaining
@SimpleSnippets
5 жыл бұрын
Thank you so much Ganesh :-)
nice
Thanks brother
@SimpleSnippets
5 жыл бұрын
Most welcome :-)
Thankyou