#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

  • @abhisheksethi7308
    @abhisheksethi73085 жыл бұрын

    Advance congratulations for 300 k subscribed sir. Huge achievement for educational youtube channel. ❤ from jaipur rajasthan.

  • @ozzyfromspace
    @ozzyfromspace4 жыл бұрын

    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 🙌🏽

  • @k.chriscaldwell4141
    @k.chriscaldwell41414 жыл бұрын

    Superb! Well explained. I can't believe how difficult others made this. Thanks again.

  • @manasikokane5017
    @manasikokane50172 жыл бұрын

    Learning is more interesting if you enjoy what you are learning......Big thank you!!!❤️

  • @zulfequar_ali
    @zulfequar_ali5 жыл бұрын

    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

    @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 :-)

  • @radha4012
    @radha40123 ай бұрын

    Thank you I am loving it

  • @payalsagar1808
    @payalsagar18084 жыл бұрын

    these series are awesome!🙌

  • @artichelmelwar8301
    @artichelmelwar83015 жыл бұрын

    Thanks for this video the way you explain the code I like most, truly javascript is new for mi but I am feeling intereststing

  • @potershootouts9074
    @potershootouts90742 жыл бұрын

    I never seen anyone explaining like this # awesome ji# good explanation

  • @nimishahsm
    @nimishahsm4 жыл бұрын

    SUPERB PRESENTATION,VERY USEFUL,KEEP GOING,THANK U

  • @fekadehmariam6341
    @fekadehmariam63415 жыл бұрын

    Good Job brother, Learning JS anew and hope to catch up with you. waiting for you next video. Thanks

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you buddy, next video coming up soon ;-)

  • @shubhambhatia3492

    @shubhambhatia3492

    3 жыл бұрын

    Thanks🌹

  • @muthuima4612
    @muthuima46125 жыл бұрын

    Good start up👍👍. Looking forward to learn more thing here... Thankq😀

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you so much buddy, glad to hear your positive feedback and super excited to make more videos :-)

  • @yogitasable4336
    @yogitasable43363 жыл бұрын

    hello, sir, the way you explain is very osm. that's what I was looking for a long time today thank you, sir.

  • @NJblaster
    @NJblaster4 жыл бұрын

    Great coaching sir I learn slowly but good one too understand

  • @sonjusaha0984
    @sonjusaha09845 жыл бұрын

    explained it so Smartly..thanks bro

  • @abubakarsadiq6762
    @abubakarsadiq67623 жыл бұрын

    I have tried many js tutorials, but this makes me more perfect because of your explanation i really love it.

  • @sukanyapathak2690
    @sukanyapathak26905 жыл бұрын

    Thank you for sharing your valuable concepts

  • @xoxo5725
    @xoxo57254 жыл бұрын

    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 .

  • @jayadhanuk4977
    @jayadhanuk49773 жыл бұрын

    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 😁😁

  • @vaishnavi4354
    @vaishnavi43544 жыл бұрын

    Hello Tanmay sir New to this channel... And I am confident that you will provide more and more info of js along with examples.. 😎😎😎😍😍😍

  • @kanhag2801
    @kanhag28013 жыл бұрын

    Love the way you taught

  • @amarpreetsingh6828
    @amarpreetsingh68285 жыл бұрын

    Pretty Good way to explaind the all over great keep it up

  • @margichauhan1521
    @margichauhan15214 жыл бұрын

    thank you so much !! it really helped me

  • @aonegamer7716
    @aonegamer77165 жыл бұрын

    advance congo for 300k subscribers

  • @vijithasenadeera7576
    @vijithasenadeera75765 жыл бұрын

    thank you #Telusko your channel good than university congratulation

  • @slickwillie3376
    @slickwillie33764 жыл бұрын

    Great playlist!

  • @bhavikakapadia2462
    @bhavikakapadia24625 жыл бұрын

    Thank you for the tutorial. Like the way you explain. Waiting for next video 🤔

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thanks Bhavika :-) Yes next video coming up as soon as possible :-)

  • @rahulkanna8196
    @rahulkanna81965 жыл бұрын

    @telusuko learning:- hi Sir, do we have any java library for compressing video's...?

  • @anuchethantc4116
    @anuchethantc41163 жыл бұрын

    Voice is superb thank you bro

  • @krutikamore48
    @krutikamore484 жыл бұрын

    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?

  • @FazilKhan-vr6sw
    @FazilKhan-vr6sw5 жыл бұрын

    thanks Guruji .. U explained it so Smartly.. Keep going 👌

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you so much Fazil for your feedback and support :-)

  • @tomtom5981
    @tomtom59815 жыл бұрын

    The opening greeting is a killer...

  • @payalsagar1808
    @payalsagar18084 жыл бұрын

    but there is one confusion , in the first method how java script code works outside the HTML tags also?

  • @elvispeter4266
    @elvispeter42665 жыл бұрын

    Great Explanation..Waiting for the next one sir..Thank You...

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you Elvis and yes next video coming up soon! :-)

  • @edberaga6357
    @edberaga63573 жыл бұрын

    Thank you very much sir!

  • @saddamahmad2310
    @saddamahmad23105 жыл бұрын

    thank you very much sir for this video amazing explanation

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you so much buddy :-) Happy to hear this from you. Do share the video with your friends too ;-)

  • @hrushikesha5870
    @hrushikesha58704 жыл бұрын

    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)

  • @abdulrahmankhan8044
    @abdulrahmankhan80444 жыл бұрын

    i am not getting output of "this is from main class" document.write("this is from main page");

  • @nityapandey2671
    @nityapandey26715 жыл бұрын

    Sir your voice is really good ...😁

  • @surahome
    @surahome4 жыл бұрын

    good video.simply can understand

  • @AshishSharma-rj9tz
    @AshishSharma-rj9tz4 жыл бұрын

    And advance Congratulations for 1,000 Suscribers

  • @venkateshnannur4299
    @venkateshnannur42992 жыл бұрын

    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.

  • @ngajaval
    @ngajaval5 жыл бұрын

    Waiting for next video sir , this is good way to learn thank you 🤘

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you so much Nagendra for your positive feedback. Happy to hear this from you. Yes next video coming soon :-)

  • @pravinapravi9523
    @pravinapravi95233 жыл бұрын

    awesomeee explaination...

  • @sarath6789
    @sarath67895 жыл бұрын

    Thank you Simple Snippets and Telusko Learnings....

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you Sarath for your positive feedback :-)

  • @Sansa855
    @Sansa8553 жыл бұрын

    hi i failed to understand how to install and use visualstudio code editor,please explain step by step about vsce

  • @udayvoora6061
    @udayvoora60613 жыл бұрын

    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

  • @pradeepgavara9425
    @pradeepgavara94253 жыл бұрын

    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

  • @mdrokibulislamcmt4254
    @mdrokibulislamcmt42543 жыл бұрын

    very helpful video...

  • @omarcruz6326
    @omarcruz63264 жыл бұрын

    Great Video

  • @vidhioswal9188
    @vidhioswal91882 жыл бұрын

    Thank you!

  • @chinmayapanigrahi8311
    @chinmayapanigrahi83115 жыл бұрын

    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

  • @shreyanshjain2347
    @shreyanshjain23475 жыл бұрын

    awesome explanation :-) keep up the good work.

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you so much Shreyansh :-) your support and positive feedback surely keeps me motivated :-)

  • @karthickkeyan9187
    @karthickkeyan91875 жыл бұрын

    if our js is in different place then how can we mentioned path??

  • @tatianaola5259
    @tatianaola52593 жыл бұрын

    Thank you for the video Everything is working but External file May be there's a problem coz I use my Mac?

  • @oldthingsdifferentways1139
    @oldthingsdifferentways11394 жыл бұрын

    Amazing

  • @TimeLords910
    @TimeLords910 Жыл бұрын

    isn't Javascript function enabled by default when using chrome or any other browser

  • @eyedunknow2645
    @eyedunknow26453 жыл бұрын

    I have no idea wtf I'm doing but this is fun :)

  • @anurag9953
    @anurag99534 жыл бұрын

    whats extension should be used for vs code

  • @sarthakagarwal8329
    @sarthakagarwal83294 жыл бұрын

    Bhut badiyaa bro

  • @rajkesharwani8294
    @rajkesharwani82945 жыл бұрын

    Well teached

  • @neetalalchandani4400
    @neetalalchandani44003 жыл бұрын

    good job👍🏻

  • @shubhambhatia3492
    @shubhambhatia34923 жыл бұрын

    good Job.

  • @handover007
    @handover0074 жыл бұрын

    a very good video.

  • @jacksparrow-fz1io
    @jacksparrow-fz1io3 жыл бұрын

    basics of js is very muvh needed in web hacking

  • @iOSTechie
    @iOSTechie5 жыл бұрын

    Liked the video Again.👌

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thanks you so much Prashant :-)

  • @civilianpilot21
    @civilianpilot214 жыл бұрын

    You have a new subscriber.

  • @pradeepxp3434
    @pradeepxp34343 жыл бұрын

    Thanks bro 🙏🙏

  • @ayushmaan2657
    @ayushmaan26573 жыл бұрын

    Thanks man

  • @rajani2292
    @rajani22924 жыл бұрын

    Thanks bro...

  • @RShaikAfrin
    @RShaikAfrin3 жыл бұрын

    awesome

  • @universenerdd
    @universenerdd4 жыл бұрын

    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

  • @AlokSharma-hx6jo
    @AlokSharma-hx6jo3 жыл бұрын

    Sir With which extension we have to save it??? Please tell me

  • @rajatbarthwal9858
    @rajatbarthwal98584 жыл бұрын

    is there any difference between JavaScript and ES 6 ?

  • @ShaliniSingh-yo4rt
    @ShaliniSingh-yo4rt4 жыл бұрын

    What is node js we can do coding on node js ??

  • @polurukishorebabu5133
    @polurukishorebabu51333 жыл бұрын

    nice one

  • @NK-ul6fr
    @NK-ul6fr2 жыл бұрын

    THANKS !

  • @yakosti
    @yakosti3 жыл бұрын

    Just subscribed

  • @navyachinnari
    @navyachinnari4 жыл бұрын

    Installed VSC and wrote same code. But not able to run. Can u plz tell me how to run?

  • @sachingupta5985
    @sachingupta59855 жыл бұрын

    thanks .. awesome video and the way of explaining is very good

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you so much Sachin. Your positive feedback means a lot :-) Do share the video with your friends too ;-)

  • @sachingupta5985

    @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

    @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

    @sachingupta5985

    5 жыл бұрын

    thank you bro .. work in progress 😅

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    @@sachingupta5985 most welcome ✌️

  • @asianman103
    @asianman1033 жыл бұрын

    i just subscribe great teacher

  • @overing07
    @overing073 жыл бұрын

    I have problem with localhost, server is not up, how do you get server up?

  • @amitsingh-gu8gt
    @amitsingh-gu8gt4 жыл бұрын

    After installing update VS code from site, my intellisense not working ; please help

  • @amogusmakesvids2420
    @amogusmakesvids24202 жыл бұрын

    Thx this helped

  • @AB-dj6ep
    @AB-dj6ep3 жыл бұрын

    Nice

  • @milankbudha
    @milankbudha3 жыл бұрын

    Thank u so much 🇳🇵🇳🇵

  • @karthikc3782
    @karthikc37824 жыл бұрын

    how to run JavaScript file , if it is located in different location

  • @akshaychothe7391
    @akshaychothe73914 жыл бұрын

    Dude, Visual Studio code is not just the next editor, its an IDE and is heavy. Sublime text and notepad++ are text editors.

  • @akshaychothe7391

    @akshaychothe7391

    4 жыл бұрын

    Text editor*

  • @toopteeps6653

    @toopteeps6653

    4 жыл бұрын

    @@akshaychothe7391 you do realize you can *edit* a comment

  • @rammaheshwari3008
    @rammaheshwari30085 жыл бұрын

    Amazing Lecture ❤😍✌

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you so much Ram. Glad to see your positive feedback :-)

  • @Lol-pr5rj
    @Lol-pr5rj3 жыл бұрын

    you can type ! and press tab in a default emoty html file and it will write basic html script

  • @kavishshah5586
    @kavishshah55864 жыл бұрын

    great

  • @musicandpoems4620
    @musicandpoems46205 жыл бұрын

    NYC one sir ☺️

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thanks Rahul :-)

  • @sakthivishnubalan1312
    @sakthivishnubalan13125 жыл бұрын

    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

    @SimpleSnippets

    5 жыл бұрын

    Have you followed the exact same code that I wrote ? It should work perfectly fine actually.

  • @kishantiwari400
    @kishantiwari4005 жыл бұрын

    You deserve my friend.

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thanks Kishan :-) Super grateful to such a wonderful response from everyone :-)

  • @krish_techaadimulam2243
    @krish_techaadimulam22435 жыл бұрын

    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

    @SimpleSnippets

    5 жыл бұрын

    Sure the next video is on some tips and tricks on visual studio code only :-)

  • @AshishSharma-rj9tz
    @AshishSharma-rj9tz4 жыл бұрын

    I can’t name the Document in Visual Studio Code

  • @ganeshmhaske7569
    @ganeshmhaske75695 жыл бұрын

    Good explaining

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Thank you so much Ganesh :-)

  • @ankithreddy7827
    @ankithreddy78274 жыл бұрын

    nice

  • @gauravshivhare908
    @gauravshivhare9085 жыл бұрын

    Thanks brother

  • @SimpleSnippets

    @SimpleSnippets

    5 жыл бұрын

    Most welcome :-)

  • @zobiya2863
    @zobiya2863 Жыл бұрын

    Thankyou

Келесі