JavaScript Tutorial for Beginners [JS Crash Course 2024]

Поделиться
HTML-код
  • Опубликовано: 15 май 2024
  • JavaScript Tutorial for Beginners - Full JavaScript Course to learn JavaScript with Hands-On Examples and get the Complete Picture of Web Development
    🩵 Complete Web Developer Course aka our popular IT Beginner's Course: bit.ly/3uCcCG5
    🛣️ Top IT Career Paths - A Guide of how to get started in IT: • A Guide of how to get ...
    #javascript #techworldwithnana
    JavaScript is one of the most popular programming languages. In this complete JavaScript Crash Course, you'll learn everything you need to get started with programming.
    ▬▬▬▬▬▬ Thanks JetBrains for making this course possible! 👏 ▬▬▬▬▬▬
    Want to try WebStorm? ► WebStorm free 30-day trial: jb.gg/TryWebStorm
    Also take a look at JetBrains IDEs to discover the range of tools that can enhance your coding experience → jb.gg/JetBrains_IDEs
    ▬▬▬▬▬▬ C U R R I C U L U M 📚 ▬▬▬▬▬▬
    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
    So in this JS Tutorial you'll learn tons of concepts and main building blocks for any programming language. But this is just the beginning 👇
    ▬▬▬▬▬▬ SOFTWARE ENGINEERING COURSE 🚀 ▬▬▬▬▬▬
    More infos: bit.ly/3uCcCG5
    If you're serious about becoming a software developer or get into IT in general and want to learn it the fastest and most efficient way without any knowledge gaps, you can continue your learning journey in our IT Beginners Course.
    It's a mini-bootcamp for learning the complete Software Development Life Cycle by taking up all key roles in practice one by one! So by the end, you'll have a strong understanding of how the complete release workflow works.
    1 - Developer Role:
    👏 Know how to write a simple web application with frontend, backend and database
    Tech Stack: HTML, CSS, JavaScript, Vue.js, Node.js, Express.js, Jest, MongoDB
    2 - Tester / Developer Role:
    👏 Why and how of testing
    3 - Sys Admin Role:
    👏 Understand basics of infrastructure, servers, operating systems etc, Know how to create and configure a virtual server on a cloud platform, and deploy your developed application on it
    ▬▬▬▬▬▬ Related RUclips videos 📚 ▬▬▬▬▬▬
    Learn Python from Zero to Hero: • Python Tutorial for Be...
    Learn Go from Zero to Hero: • Golang Tutorial for Be...
    Top IT Career Paths - A Guide of how to get started in IT: • A Guide of how to get ...
    ▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬
    INSTAGRAM ► bit.ly/2F3LXYJ
    TWITTER ► bit.ly/3i54PUB
    LINKEDIN ► bit.ly/3hWOLVT

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

  • @TechWorldwithNana
    @TechWorldwithNana  2 месяца назад +20

    🔔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

  • @user-yi4mt4hp8u
    @user-yi4mt4hp8u 23 дня назад +8

    Best beginner JavaScript tutorial hands down

  • @MaCristinaEcal
    @MaCristinaEcal Месяц назад +7

    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  Месяц назад

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

  • @OrpForLife
    @OrpForLife 28 дней назад +3

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

  • @christophesafarilwiyando8502
    @christophesafarilwiyando8502 22 дня назад +3

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

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

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

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

    Simple, clear and concise. Thank you

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

    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.

  • @natalja.frolova
    @natalja.frolova 22 дня назад +3

    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. 🧡😊👍

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

    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

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

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

  • @AnonymousCoder7
    @AnonymousCoder7 2 месяца назад +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 ?

  • @Fouad-001
    @Fouad-001 Месяц назад +3

    Your style of explanation is clear and beautiful. Thank you

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

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

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

    Thanks Nana 🎉

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

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

  • @user-tq5sc6cc2t
    @user-tq5sc6cc2t Месяц назад +1

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

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

    Thanks Nana, this came right on time!

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

    Absolutely amazing introduction to JS. Thank you @Nana

  • @kunupinyana
    @kunupinyana 26 дней назад +2

    What a perfect way to consolidate my beginner JavaScript misadventures.

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

    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.

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

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

  • @annasuelafritz1583
    @annasuelafritz1583 Месяц назад +3

    You’re a fantastic teacher!!❤

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

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

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

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

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

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

  • @NinaKolari
    @NinaKolari Месяц назад +3

    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  Месяц назад

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

  • @c016smith52
    @c016smith52 19 дней назад +1

    Excellent course, thank you!

  • @user-sf8yd7uw1l
    @user-sf8yd7uw1l 2 месяца назад

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

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

    Bravo Nana for your tutorials

  • @MarvinCollins14
    @MarvinCollins14 2 месяца назад +13

    Correction: there is internet in Africa

    • @altonlebronze3536
      @altonlebronze3536 19 дней назад +1

      Well, at least that statement(although not accurate) spares Africa of Gen-Z altogether😅

    • @Space-791
      @Space-791 11 дней назад +2

      Interesting. I was about to watch this video until the end but reading your comment really shuts me down. I am out. Really said there is no internet in Africa? So many ppl think Africa is broken just like we see in the dramatic movie or documentary??
      1. There is internet in Africa.
      2. There are TGV train in Africa.
      3. There is PS5 and XBox serie X in Africa.
      4. There are malls in Africa.
      There are plenty good things in Africa.
      And Africa is not a single country but a continent with about 55 countries.

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

      @@Space-791 Naah it's not that deep. People do make mistakes all the time and you'll learn a lot from @TechWorldwithNana.

  • @justinjanet1
    @justinjanet1 22 дня назад +1

    you are a Fantastic teacher Nana

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

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

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

    Awesome video, Thank you Nana! 👍🤘

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

    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.

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

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

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

    Thanks!

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

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

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

    Thanks mam 🙂👏

  • @kasali310
    @kasali310 18 дней назад

    Thanks nana for clear course !

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

    Much awaited

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

    Simple to follow, Thanks.

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

    Thank you Nana

  • @fortunebih4570
    @fortunebih4570 8 дней назад

    Thank you so much for this video, i understand alot

  • @mrrobot-mn6re
    @mrrobot-mn6re Месяц назад +3

    No Nana..there's internet in Africa,I'm literally watching this as a remote back end engineer in rural Kenya
    Edit; thanks for the good explanation now I can be a fullstack dev

  • @2JS0JS2JS1
    @2JS0JS2JS1 3 дня назад

    JS says amazing crash course! ✊

  • @craftwithkids4583
    @craftwithkids4583 2 дня назад

    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.

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

    great topic, thanks 👍

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

    ❤thank You

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

    good tutorial on JS

  • @nwekestanley6543
    @nwekestanley6543 Месяц назад +2

    U are amazing

  • @arseniyStaroselets
    @arseniyStaroselets 16 часов назад

    thanks!

  • @kelvinchikezie9370
    @kelvinchikezie9370 3 дня назад

    Thanks Nana

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

    Nana is GOAT when it comes to this stuff.

  • @thomash.8297
    @thomash.8297 2 месяца назад +1

    Good video Nana!

  • @ishimwelambert1284
    @ishimwelambert1284 7 дней назад

    Can you give us full video about js
    I need it started from scatch, thank !

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

    Thanks

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

    You are my inspiration madam

  • @phumulanimakgetho9718
    @phumulanimakgetho9718 2 месяца назад +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.

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

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

  • @codingpandas
    @codingpandas 2 месяца назад +17

    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 2 месяца назад +5

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

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

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

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

      Good work, simple and straight forward

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

    Thnks nana

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

    Sehr schönes Video, Frage: Ist Adobe Dreamweaver gut? Gibt es bessere Apps? Hab keine Ahnung, bin ein absoluter Beginner, arbeite nur mit Illustrator und Photoshop aber möchte gerne etwas neues erlernen. LG.

  • @iMshadab
    @iMshadab 3 дня назад

    Thank you

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

    Helpful ❤❤❤❤❤

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

    Thanks nana

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

    I still struggle with basics like variables, sometimes. Is JavaScript designed so that every script must start with data or existing code be contained in variables, like most languages are? If so, what's the best way to understand usage of variables versus non? Great vid! Thanks! =)

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

    Thanks Nana, great content

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

    thank you

  • @t.g.eastrealtor878
    @t.g.eastrealtor878 2 месяца назад +1

    Awesome ❤

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

    Rockstar thank you NANA

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

    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.

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

    Thank you for your videos, you are amazing!

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

    🔥💀🔥 Amazing!!!

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

    Very nice tutorial Nana
    What code editor are you using?

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

      Thanks! :) In this video I'm using Webstorm IDE

  • @club-five
    @club-five Месяц назад

    Dear Nana ❤
    please give a course On HTML and CSS too.

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

    nice course pls use more cases studies

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

    nana i folowed your course about kubernetes. i have a probelem in ingress certif not valid

  • @MichaelAlexander1967
    @MichaelAlexander1967 24 дня назад

    Navigating both the IDE and the browser seems a little complicated, so I'm hoping that tutorials and programing bootcamp will help simplify the navigation. 🤔😬😏✌🏽❤ So there's a browser console and an IDE console? OMG, now I'm getting sleepy.

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

    Nana I need your help I wanted to become a software engineer n I early need ur help

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

    ❤❤

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

    Love ya

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

    we didn’t see how the web look and how can make change to our web or our apps

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

    when you explain string, first you say that a character is a string because it'
    s enclosed in quotes, but then you tell what's the difference between a character and a string. i thought a character was a string

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

      A string can contain one or more characters while character only takes one single character in the quotes

    • @user-ew4fx6bn2v
      @user-ew4fx6bn2v 2 месяца назад

      String is sequence character... Character is one word

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

    😊👍

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

    harry bhai sae acha koi nahi

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

    You don't need vue or node or react. JS is powerful itself.

  • @Webdesignermom
    @Webdesignermom 15 дней назад

    Let me leave this comment here. Once I'm fully a programmer, I will come back with testimony. Thank you, Nana.

  • @user-kt5sk3yo6o
    @user-kt5sk3yo6o 2 месяца назад +1

    Eeeiiii Africa has Internet madam🌍🌍

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

    All fun and games until the callbacks are involved

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

    CUTE CUTE

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

    Need golang gin api course with industry standards let say a social media project ❤️❤🎉

  • @DrinkCola
    @DrinkCola День назад +1

    Do you accept an open JS challenge ?!! 👋🏾👋🏾

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

    i love u sweetheart

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

    2024 you still think there’s no internet in Africa
    You’re so slow
    Step away coding sometimes read about other places

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

    гамарджоба

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

    Which Africa? Good tutorial but learn about Africa lady!

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

    Javascript?? we can`t afford lose you to the frontend world Nana...

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

    Love you