JavaScript Tutorial for Beginners [JS Crash Course 2024]

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 239

  • @TechWorldwithNana
    @TechWorldwithNana  9 месяцев назад +47

    🔔If you liked this course, please give a like and subscribe for more tutorials like this 😊
    ▬▬▬▬▬▬ Want to try WebStorm? 👏 ▬▬▬▬▬▬
    ► WebStorm free 30-day trial here: jb.gg/TryWebStorm
    ▬▬▬▬▬▬ TOPICS COVERED IN THIS CRASH COURSE 📚 ▬▬▬▬▬▬
    00:00 - Intro and Course Overview
    00:51 - How websites are built (What is HTML, CSS and JavaScript)
    10:36 - Introduction to JavaScript (What is JS)
    16:55 - Datatypes and Variables
    18:48 - Datatypes
    26:56 - Working with Numbers
    29:52 - What is a Variable, Why they are useful
    35:35 - Where to write and execute JS
    40:18 - Download Webstorm IDE and create new Project
    41:43 - Create index.html file
    44:40 - var vs let vs const
    47:18 - Execute HTML file in Browser
    53:16 - Console.log
    54:01 - JavaScript in a separate File (Project Structure)
    1:00:09 - Conditionals and Operators
    1:00:29 - Comparison Operator
    1:04:35 - Conditionals (if / else statement)
    1:09:24 - Logical Operator (AND, OR operator)
    1:11:27 - Functions in JavaScript
    1:22:53 - Function Parameters
    1:28:52 - Const Use Cases
    1:34:10 - Naming Conventions
    1:35:23 - Next Steps in your Learning Journey

    • @TanveerAhmed-e3l
      @TanveerAhmed-e3l 6 месяцев назад

      test

    • @TanveerAhmed-e3l
      @TanveerAhmed-e3l 6 месяцев назад

      test

    • @TanveerAhmed-e3l
      @TanveerAhmed-e3l 6 месяцев назад

      test

    • @nwozichiamarachi4582
      @nwozichiamarachi4582 6 месяцев назад +4

      Nana you are the best in this. You so breakdown your explanation that a layman can understand. Thank God I found your page

    • @Touristinformation78
      @Touristinformation78 5 месяцев назад +1

      You are the best, I like your lesson, you took time to explain all very well, if I have the opportunity I’ll love to join your private lessons. God bless you 👏👍

  • @MaCristinaEcal
    @MaCristinaEcal 7 месяцев назад +46

    This is the only tutorial that is entertaining to watch and very easy to understand. Typically, I get bored after a few minutes of watching but this, I don't even noticed that I already finished the video. I learned a lot. Going to watch other videos. Keep making tutorials like this. Huge help.

    • @TechWorldwithNana
      @TechWorldwithNana  7 месяцев назад +5

      Wow that's so great to hear, thank you for sharing :)

    • @NancyEsther-yn5rs
      @NancyEsther-yn5rs 3 месяца назад +2

      Truth, I think I will train with her. She is a teacher not a money maker.

    • @orincywhytedesigns
      @orincywhytedesigns 2 месяца назад +1

      I think it’s because she uses real world examples.

  • @prudhviyashwanthreddykikku5129
    @prudhviyashwanthreddykikku5129 7 месяцев назад +7

    Dear Nana,
    I recently discovered your videos and want to express my deep gratitude for sharing such valuable content. Your courses are incredibly enriching, yet I believe there's an opportunity to make them more accessible to Indian students like myself.
    While the pricing may seem reasonable in US dollars, it translates to a substantial amount in Indian rupees, making it challenging for many students to afford. I kindly request that you consider adjusting the pricing to better suit the financial realities of Indian learners, perhaps by offering payment options in rupees or reducing the overall cost.
    Furthermore, I believe initiatives like technology transfer or collaborations could greatly benefit Indian students and help disseminate your knowledge to a broader audience at the grassroots level. Your expertise could make a significant impact in our educational landscape.

  • @gennagraphics
    @gennagraphics 7 месяцев назад +10

    Thank you for this course . You explained web basics and the function of JavaScript fully. I now understand what is JavaScript and how and where to use it rather than watching a certain JavaScript video from someone and not gaining enough knowledge. This is the best JavaScript course so far.

  • @OrpForLife
    @OrpForLife 7 месяцев назад +12

    This is actually the most explained javascript course for beginners, she takes her time talking carefully about every single thing

  • @elvinafukah6672
    @elvinafukah6672 8 месяцев назад +9

    after completing this video, i am fund of js , am always afriad each time i see codes but with ur explanation everything is much understandable. Thanks Nana

  • @user-yi4mt4hp8u
    @user-yi4mt4hp8u 7 месяцев назад +27

    Best beginner JavaScript tutorial hands down

  • @erickawino9978
    @erickawino9978 8 месяцев назад +7

    Thank you for this crash course. It pretty much puts to context what I've been learning as a beginner.

  • @ezatullahjunbesh9979
    @ezatullahjunbesh9979 8 месяцев назад +13

    This is the first time I 've watched your lecture. The way you deliver your teaching is truly amazing and interesting. Thank you!

  • @2.046Mthwalo
    @2.046Mthwalo 5 месяцев назад +3

    Now here is a tutor who understands vast variety of students and are able to acommodate all.. . You strike a key cord with me i understand the breakdown and the reconstruct.

  • @safetywmn7323
    @safetywmn7323 8 месяцев назад +9

    Simple, clear and concise. Thank you

  • @NinaKolari
    @NinaKolari 8 месяцев назад +4

    Absolutely phenomenal tutorial of JS! This is the first one I've seen that uses real life examples to make it easy to understand what everything is and how its used in real life.

    • @TechWorldwithNana
      @TechWorldwithNana  7 месяцев назад

      Thank you Nina, really happy to read such feedback! :)

  • @qqismei
    @qqismei 5 месяцев назад +3

    Nana, I wanted to express my huge gratitude! As a non-technical tester, I often struggle with these things, but your video was incredibly helpful.
    Please keep making these kinds of dedicated tutorials - they're a lifesaver! Much love,

  • @AnonymousCoder7
    @AnonymousCoder7 8 месяцев назад +6

    Dear Nana, I have following your channel since 2019 .. you're a true developer. Thanks for this JS course.🙌🏻🥳
    Will you make system design or a cloud computing or like a web development course ?

  • @natalja.frolova
    @natalja.frolova 7 месяцев назад +9

    The best explanation of JavaScript data types and syntax I have ever seen so far. As a visual learner, I love the visual content of the video, which contributes to the learning process a lot. 🧡😊👍

  • @simspirations4
    @simspirations4 23 дня назад +1

    This is the course that I was looking for.I have tried to watch 2-3 videos before but yours is number 1. I do not know anything about you but I wanted to write these. THANK YOU!

  • @Muntwash_Wabant
    @Muntwash_Wabant 7 месяцев назад +3

    This Lady is one of the Best !!!! Props to you Madam!!!!

  • @eliasamin7520
    @eliasamin7520 2 месяца назад +1

    I love this video and it is the only video among 10s of other videos I watched that encouraged me to take a full course of software engineering. It is soooo easy to understand how the software functions. I am grateful to you dear Nana. Thousands of thanks to you. I will follow you.

  • @caduguedes5196
    @caduguedes5196 5 месяцев назад +3

    This is fantastic! I've watched some videos trying to undertand the basic concepts and all I see around is "then you create a variable, put Let here, write your stuff and hopefully understand by yourself what it is" and apparently no one cares about explaining what are the expressions and make it easier for us to connect the info and understand instead of just memorizing. Your teaching skills are amazing and the use of simple examples of things we see in a daily basis made it even clearer. Congrats, truly! hope you know how this can be a life-change learning experience, and how this encourages people not to give up on JS

  • @EduardoDeveloper
    @EduardoDeveloper 8 месяцев назад +2

    You didactic is awesome for non english speakers, tyvm for the time you took to help everyone intested in JS 🙏

  • @sagarsivan2841
    @sagarsivan2841 4 месяца назад +1

    Very Simple and Very Clear, explained well. Thank you soo much.

  • @ojoadedipe6489
    @ojoadedipe6489 4 месяца назад +1

    Your teaching style is uniquely lucid. It makes JS simple and thrilling to learn!

  • @Paddy_King_Uganda
    @Paddy_King_Uganda 3 месяца назад +2

    Wooow...good accent, great flow, nice voice ...The Best ...I love the pace too❤❤❤❤

  • @willdunbar3440
    @willdunbar3440 5 месяцев назад +2

    There is no beginner course on the internet this this. What a well-explained and detailed Javascript course. Hands down ❤ i can become an IT person with you on my side😂😂

  • @Sara-lilia
    @Sara-lilia 3 месяца назад +2

    Thank you so much nana for making everything simple and easy to learn :)

  • @jesusespinoza2009
    @jesusespinoza2009 8 месяцев назад +3

    Great Tutorial as always!!! Really easy to follow up and aply the concepts in real tools!!! Brilliant as always Nana. Thank you!!! ✌

  • @princessceballos
    @princessceballos 7 месяцев назад +1

    Came here from your docker and K8 video. Perfect tempo for my Brian m. Salamat ❤

  • @latoyaalexander4890
    @latoyaalexander4890 8 месяцев назад +1

    This is the BEST video I have seen! It's so clear to me now! I was so confused before this video!😊

  • @BrendaMcCourt-e3r
    @BrendaMcCourt-e3r 3 месяца назад +2

    Fantastic course! You're a natural teacher. And, you've got a new subscriber!

    • @TechWorldwithNana
      @TechWorldwithNana  3 месяца назад

      That's so great to hear, welcome to my channel! :)

  • @annasuelafritz1583
    @annasuelafritz1583 8 месяцев назад +3

    You’re a fantastic teacher!!❤

  • @femikolawole6312
    @femikolawole6312 3 месяца назад +2

    This is the best tutorial I have ever watched.
    Keep up the Good work.
    God bless you.

  • @Khus-t1o
    @Khus-t1o 4 месяца назад

    Дружище, связка отлично работает. Всем советую. Спасибо!

  • @MarkAngeloValdez-c7c
    @MarkAngeloValdez-c7c 8 месяцев назад +1

    I've learned so many things! Thank you so much MISS NANA!!

  • @djfago6240
    @djfago6240 8 месяцев назад +5

    Absolutely amazing introduction to JS. Thank you @Nana

  • @umeshkulkarni9687
    @umeshkulkarni9687 22 дня назад

    Easy on mind to understand. Thank you Madam.

  • @Libogeza
    @Libogeza Месяц назад +1

    Thank You For Making JavaScript Sound Not So Scary For Us Beginners

  • @mariadsouza4628
    @mariadsouza4628 8 месяцев назад +2

    Thank you so much... it is really wonderful.. explained well

  • @ayomidewilfred1864
    @ayomidewilfred1864 9 месяцев назад +8

    This is amazing. I love the way you use to break things down. Your tutorial on Golang makes me a Go developers today after watching lots of videos without getting the concept. Thank you Nana for giving back your discoveries.

  • @kunupinyana
    @kunupinyana 7 месяцев назад +2

    What a perfect way to consolidate my beginner JavaScript misadventures.

  • @NancyEsther-yn5rs
    @NancyEsther-yn5rs 3 месяца назад +1

    You are a genius ma´am. Thank you for the lecture.

  • @dddog9024
    @dddog9024 2 месяца назад

    Excellent, Thank you very much. Easy to listen and understand it..start from beginning

  • @ntemkas1
    @ntemkas1 9 месяцев назад +3

    Your work is amazing. Thank you for providing us, all this amazing content

  • @kunedevendra255
    @kunedevendra255 8 месяцев назад +1

    The way you deliver your teaching is truly amazing and interesting
    Thanks for session:)

  • @chaimaghemati8713
    @chaimaghemati8713 5 месяцев назад

    It was vwry simplified and explained with a real examples thanks a lot for your efforts😃

  • @richardwilliamsmusic
    @richardwilliamsmusic 4 месяца назад +2

    This is a PHENOMENAL understanding of the basics, really bringing in the important concepts. PLEEEEASE, would you do React? I've always been confused with React

  • @codingpandas
    @codingpandas 9 месяцев назад +28

    for god sake this video is 1 hour and 30 mins long, and i am seeing alot of people talking about how good and comprehensive the course is, please watch it till the end...

    • @codingpandas
      @codingpandas 9 месяцев назад +6

      btw your videos are great, I was learning JS, couldn't find a better resource

    • @TechWorldwithNana
      @TechWorldwithNana  9 месяцев назад +11

      Thanks so much for this great feedback! Happy to hear 😊

    • @peterameh8246
      @peterameh8246 8 месяцев назад +2

      Good work, simple and straight forward

  • @olenkaismodes2821
    @olenkaismodes2821 3 месяца назад +2

    OMG, i absolutely love this video very easy to understand and I can honestly say is not boring keep up the great job. Please do videos on React.js

  • @lifegpt
    @lifegpt 5 месяцев назад

    This was great actually putting the language into context. I grasped most of it probably need to go over a few times. Hope I can find more tutorials like this but not so far.❤❤❤❤🎉🎉🎉

  • @Mirzahyder-v5k
    @Mirzahyder-v5k Месяц назад +1

    Liked and subscribed by watching the first video and the first 5 minutes. Amazing content Nana! Thank you so much for sharing your knowledge.

  • @TheDeeGlobal
    @TheDeeGlobal 3 месяца назад +1

    I'm just 5 mins in but your explanation of how the internet works is very good.
    For those attacking her for hlthe comment about remote places in Africa, she also said Asia and all over the world.
    Looks like you skipped that part.😅

  • @six_starplays9246
    @six_starplays9246 2 месяца назад

    Well said ! I appreciate your tutorial video I say "Thank You so much!"🙌

  • @daveharris2884
    @daveharris2884 2 месяца назад

    Very thorough video. It is a little scary how low level Javascript is, and it basically runs the user interface for the internet. Thank you for the very good video.

  • @justinjanet1
    @justinjanet1 7 месяцев назад +1

    you are a Fantastic teacher Nana

  • @leviwess1
    @leviwess1 Месяц назад

    just wanna say that you'r amazing, you make js looks easy .

  • @zyadtarek11
    @zyadtarek11 Месяц назад

    Hi Nana, great explanation I just wanted to point to small thing on 1:27:00 which that calculateShippingCost(totalprice) is called an argument not a parameter as it is the value getting passed to the function while calculateShippingCost(totalpriceParam) is called a parameter as it is what the value the function expects from the user or developer, btw this is on of the most awesome videos in javaScript I am glad to have someone like you in tech world 😃

  • @XxMissingDataxX
    @XxMissingDataxX 8 месяцев назад +5

    Nana is GOAT when it comes to this stuff.

  • @l0gic23
    @l0gic23 8 месяцев назад

    1st time here and hust started the video but needed to say:
    FB does nit need free advertising. Consider showing interesting or infirnative websites for examples.

  • @GiorgiTarielashvili
    @GiorgiTarielashvili 4 месяца назад +1

    This is actually very useful, thanks so much bro!

  • @RahulDhanawade-im7su
    @RahulDhanawade-im7su 9 месяцев назад +2

    Very impressed by your work.. Was waiting for this. Thank you!

  • @charlesokorobo508
    @charlesokorobo508 3 месяца назад

    You are a super good instructor.
    I did half of your Go course, because I just wanted to see what's inside Go. Will complete the course later on.
    To see your JavaScript course, makes me know that you are a gifted teacher.
    Now, most JavaScript framework tutorials are all about React and NextJS.
    Unfortunately, I chose to use Svelte and SvelteKit.
    Can you take a look at Svelte and SvelteKit, and make a projects course with it?
    Regards.

  • @Yoe_brr
    @Yoe_brr 3 месяца назад +1

    wonderful explanation , thank you

  • @phumulanimakgetho9718
    @phumulanimakgetho9718 8 месяцев назад +1

    I appreciate your content and thank you for sharing your knowledge.
    But please note that there is an extensive fibre cables around the African continent for as long as I can remember. What you said simply spreads misconceptions about our continent and I would appreciate it if you don’t single out Africa or use it as an example when you are actually unaware of the developments in the continent.

  • @valenciawalker6498
    @valenciawalker6498 8 месяцев назад

    Thank you, I'm in boot camp for SE at Flat Iron.

  • @FelixOkolie_thenewsblogger
    @FelixOkolie_thenewsblogger 3 месяца назад +1

    Wonderful delivery... 🎉🎉🎉

  • @petergitts623
    @petergitts623 5 месяцев назад

    Thanks Nana for introducing me to Javascript!

  • @y2ksniper
    @y2ksniper 12 дней назад

    Hi Nana, thank you for posting this course! you are a life saver! quick question, how did you put your name on the browser's start page along with the greeting?

  • @craftwithkids4583
    @craftwithkids4583 6 месяцев назад

    Really awesome. Some confusions regarding JS function got cleared today. Mam could you please add some JS project along with HTML and CSS. Watching you from Pakistan.

  • @c016smith52
    @c016smith52 7 месяцев назад +1

    Excellent course, thank you!

  • @zabiullahshokuri
    @zabiullahshokuri Месяц назад +1

    very good
    explanation

  • @MuhammadHarisBinKhalid
    @MuhammadHarisBinKhalid 5 месяцев назад

    Very nice. Learnt alot. You deserve the compliments.

  • @bejukacarlson6454
    @bejukacarlson6454 5 месяцев назад

    Hi. i am a self taught power bi developer.
    coming from the fact that i know little or nothing in Javascript, i must admit that this course very entertaining and helpful for newbies. Also i can add to the fact that there are some principles her which are very useful in advanced power bi report creation.

  • @gajananmahajan1081
    @gajananmahajan1081 8 месяцев назад

    Nana, this is awesome course! Can we please an intermediate course available on your RUclips channel?

  • @moon-ia2068
    @moon-ia2068 2 месяца назад +1

    I'm honestly gonna cry, this is exactly what I've been looking for for hours , Idk you but thank you so much sweetheart ❤😭

  • @theodorparris
    @theodorparris 8 месяцев назад

    Thank you very much for the knowledge you shared with us! Absolutely understandable lesson!

  • @GuguNtombela
    @GuguNtombela 23 дня назад

    This is amazing,thank you.
    PS: I'm in Africa watching your video ,so we do have internet

  • @change_pilot
    @change_pilot Месяц назад

    Thank you sir , Video Idea = How to capture user data (form input) and insert into functions in JavaS

  • @bhaveshgupta8776
    @bhaveshgupta8776 10 дней назад

    Wow nice explained in easy way 😺☺️

  • @JorgeGomez-bw3zy
    @JorgeGomez-bw3zy Месяц назад

    Great explanation. I hava a question tough. Why you don't use semicolon when asingning a value to a variable?

  • @leonardofigueiredo2518
    @leonardofigueiredo2518 8 месяцев назад +2

    Thank you for your videos, you are amazing!

  • @watchesgadgetsandstuff
    @watchesgadgetsandstuff 8 месяцев назад +2

    Awesome video, Thank you Nana! 👍🤘

  • @ahmedbaig3697
    @ahmedbaig3697 9 месяцев назад +5

    Thanks Nana 🎉

  • @kacemnakaa9014
    @kacemnakaa9014 8 месяцев назад +2

    Bravo Nana for your tutorials

  • @harkoharko9
    @harkoharko9 9 дней назад

    good video to show people some easy steps of js, to go further there is more logic. so these are pure basics, and you stop exactly at the moment when it starts to get hard haha. like this it's nice to sell it ;D

  • @nazmulalam7125
    @nazmulalam7125 5 месяцев назад

    I watch your full video. Thanks your efford.

  • @asifiqbal5877
    @asifiqbal5877 8 месяцев назад +2

    good tutorial on JS

  • @nwekestanley6543
    @nwekestanley6543 8 месяцев назад +2

    U are amazing

  • @AnesuUnathi
    @AnesuUnathi 2 часа назад

    I for got to read where it says for beginners... I was looking for something to move me from beginner to advanced

  • @mvldotssc
    @mvldotssc 4 месяца назад

    You are very good teacher .

  • @kasali310
    @kasali310 7 месяцев назад

    Thanks nana for clear course !

  • @ashfaaqahamed3902
    @ashfaaqahamed3902 9 месяцев назад +2

    You are my inspiration madam

  • @jordanyoung1836
    @jordanyoung1836 4 месяца назад

    Javascript is the second language that I need to know as well

  • @tamilhoney2697
    @tamilhoney2697 14 дней назад

    great teaching

  • @mohammadkahil8255
    @mohammadkahil8255 5 месяцев назад

    Very well presented
    Thank you

  • @sinimakela5719
    @sinimakela5719 5 месяцев назад

    Hi, love your videos! Could you also make Java tutorial for beginners? ☺

  • @fortunebih4570
    @fortunebih4570 6 месяцев назад

    Thank you so much for this video, i understand alot

  • @justcurious1940
    @justcurious1940 7 месяцев назад

    Simple to follow, Thanks.

  • @mohittayal9731
    @mohittayal9731 9 месяцев назад +6

    Much awaited

  • @florenceyaiphabi1850
    @florenceyaiphabi1850 День назад

    Which tool will we use to write javascript

  • @cryptixdaemon7236
    @cryptixdaemon7236 2 месяца назад

    Really good and really entry level, but Nana didn't go into Vue.js even a little bit as she mentioned in the beginning to do so, but didn't. But overall really nice flow to grasping the basics for newcomers.

  • @2JS0JS2JS1
    @2JS0JS2JS1 6 месяцев назад

    JS says amazing crash course! ✊