JavaScript Tutorial for Beginners [JS Crash Course 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 KZread 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

Пікірлер: 109

  • @TechWorldwithNana
    @TechWorldwithNana2 ай бұрын

    🔔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-yi4mt4hp8u12 күн бұрын

    Best beginner JavaScript tutorial hands down

  • @OrpForLife
    @OrpForLife16 күн бұрын

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

  • @MaCristinaEcal
    @MaCristinaEcal25 күн бұрын

    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

    18 күн бұрын

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

  • @natalja.frolova
    @natalja.frolova10 күн бұрын

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

  • @christophesafarilwiyando8502
    @christophesafarilwiyando850211 күн бұрын

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

  • @ezatullahjunbesh9979
    @ezatullahjunbesh99792 ай бұрын

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

  • @gennagraphics
    @gennagraphics22 күн бұрын

    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.

  • @ayomidewilfred1864
    @ayomidewilfred18642 ай бұрын

    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.

  • @elvinafukah6672
    @elvinafukah6672Ай бұрын

    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

  • @princessceballos
    @princessceballos11 күн бұрын

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

  • @safetywmn7323
    @safetywmn7323Ай бұрын

    Simple, clear and concise. Thank you

  • @kunupinyana
    @kunupinyana15 күн бұрын

    What a perfect way to consolidate my beginner JavaScript misadventures.

  • @jesusespinoza2009
    @jesusespinoza20092 ай бұрын

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

  • @ahmedbaig3697
    @ahmedbaig36972 ай бұрын

    Thanks Nana 🎉

  • @AnonymousCoder7
    @AnonymousCoder72 ай бұрын

    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 ?

  • @ntemkas1
    @ntemkas12 ай бұрын

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

  • @valenciawalker6498
    @valenciawalker64982 ай бұрын

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

  • @EduardoDeveloper
    @EduardoDeveloper2 ай бұрын

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

  • @prudhviyashwanthreddykikku5129
    @prudhviyashwanthreddykikku512918 күн бұрын

    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.

  • @Fouad-001
    @Fouad-001Ай бұрын

    Your style of explanation is clear and beautiful. Thank you

  • @user-tq5sc6cc2t
    @user-tq5sc6cc2tАй бұрын

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

  • @NinaKolari
    @NinaKolariАй бұрын

    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

    18 күн бұрын

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

  • @shallanrambaran7090
    @shallanrambaran70902 ай бұрын

    Thanks Nana, this came right on time!

  • @erickawino9978
    @erickawino9978Ай бұрын

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

  • @user-sf8yd7uw1l
    @user-sf8yd7uw1lАй бұрын

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

  • @latoyaalexander4890
    @latoyaalexander4890Ай бұрын

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

  • @mariadsouza4628
    @mariadsouza4628Ай бұрын

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

  • @univenko
    @univenko2 ай бұрын

    Thanks!

  • @djfago6240
    @djfago62402 ай бұрын

    Absolutely amazing introduction to JS. Thank you @Nana

  • @kunedevendra255
    @kunedevendra2552 ай бұрын

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

  • @kacemnakaa9014
    @kacemnakaa90142 ай бұрын

    Bravo Nana for your tutorials

  • @annasuelafritz1583
    @annasuelafritz1583Ай бұрын

    You’re a fantastic teacher!!❤

  • @itshamid1783
    @itshamid17832 ай бұрын

    Thank you Nana

  • @ravitheja4206
    @ravitheja42062 ай бұрын

    Thanks mam 🙂👏

  • @c016smith52
    @c016smith527 күн бұрын

    Excellent course, thank you!

  • @mohittayal9731
    @mohittayal97312 ай бұрын

    Much awaited

  • @mrrobot-mn6re
    @mrrobot-mn6re27 күн бұрын

    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

  • @RahulDhanawade-im7su
    @RahulDhanawade-im7su2 ай бұрын

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

  • @TechWorldwithNana

    @TechWorldwithNana

    2 ай бұрын

    Thank you Rahul, appreciate it a lot! 😊

  • @rishiraj2548
    @rishiraj25482 ай бұрын

    Thanks

  • @kasali310
    @kasali3106 күн бұрын

    Thanks nana for clear course !

  • @justcurious1940
    @justcurious1940Ай бұрын

    Simple to follow, Thanks.

  • @watchesgadgetsandstuff
    @watchesgadgetsandstuff2 ай бұрын

    Awesome video, Thank you Nana! 👍🤘

  • @justinjanet1
    @justinjanet110 күн бұрын

    you are a Fantastic teacher Nana

  • @phumulanimakgetho9718
    @phumulanimakgetho97182 ай бұрын

    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.

  • @frankdearr2772
    @frankdearr2772Ай бұрын

    great topic, thanks 👍

  • @RomioGamesplay
    @RomioGamesplay2 ай бұрын

    ❤thank You

  • @ashfaaqahamed3902
    @ashfaaqahamed39022 ай бұрын

    You are my inspiration madam

  • @XxMissingDataxX
    @XxMissingDataxX2 ай бұрын

    Nana is GOAT when it comes to this stuff.

  • @TechWorldwithNana

    @TechWorldwithNana

    18 күн бұрын

    Thanks 😃

  • @gajananmahajan1081
    @gajananmahajan1081Ай бұрын

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

  • @deen_islam1706
    @deen_islam17062 ай бұрын

    Thnks nana

  • @thomash.8297
    @thomash.82972 ай бұрын

    Good video Nana!

  • @l0gic23
    @l0gic23Ай бұрын

    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.

  • @nwekestanley6543
    @nwekestanley6543Ай бұрын

    U are amazing

  • @nurialsaeed5769
    @nurialsaeed5769Ай бұрын

    thank you

  • @ChuksEcode
    @ChuksEcode2 ай бұрын

    Thanks Nana, great content

  • @TechWorldwithNana

    @TechWorldwithNana

    2 ай бұрын

    You're so welcome! Thank you :)

  • @asifiqbal5877
    @asifiqbal58772 ай бұрын

    good tutorial on JS

  • @onlycodm5976
    @onlycodm597626 күн бұрын

    Helpful ❤❤❤❤❤

  • @Lux608AM
    @Lux608AM2 ай бұрын

    Rockstar thank you NANA

  • @xviewmytubex
    @xviewmytubexАй бұрын

    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! =)

  • @freecourseware7466
    @freecourseware7466Ай бұрын

    Thanks nana

  • @club-five
    @club-five21 күн бұрын

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

  • @leonardofigueiredo2518
    @leonardofigueiredo2518Ай бұрын

    Thank you for your videos, you are amazing!

  • @TechWorldwithNana

    @TechWorldwithNana

    18 күн бұрын

    You're welcome :)

  • @shadowgroup4881
    @shadowgroup488121 күн бұрын

    🔥💀🔥 Amazing!!!

  • @t.g.eastrealtor878
    @t.g.eastrealtor878Ай бұрын

    Awesome ❤

  • @petermartinka9274
    @petermartinka92742 ай бұрын

    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.

  • @codingpandas
    @codingpandas2 ай бұрын

    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 ай бұрын

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

  • @TechWorldwithNana

    @TechWorldwithNana

    2 ай бұрын

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

  • @peterameh8246

    @peterameh8246

    Ай бұрын

    Good work, simple and straight forward

  • @CodingGimmic
    @CodingGimmic2 ай бұрын

    Very nice tutorial Nana What code editor are you using?

  • @TechWorldwithNana

    @TechWorldwithNana

    2 ай бұрын

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

  • @MarvinCollins14
    @MarvinCollins142 ай бұрын

    Correction: there is internet in Africa

  • @altonlebronze3536

    @altonlebronze3536

    7 күн бұрын

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

  • @Space-791

    @Space-791

    8 минут бұрын

    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.

  • @mehulyadav223
    @mehulyadav2232 ай бұрын

    ❤❤

  • @MichaelAlexander1967
    @MichaelAlexander196713 күн бұрын

    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.

  • @reginoolivencia3552
    @reginoolivencia35522 ай бұрын

    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 ай бұрын

    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
    @JasCloudTech2 ай бұрын

    😊👍

  • @ramdanisalah3328
    @ramdanisalah33282 ай бұрын

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

  • @wojciechsobiesiak
    @wojciechsobiesiakАй бұрын

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

  • @pikachu3686
    @pikachu36862 ай бұрын

    harry bhai sae acha koi nahi

  • @albaijat1
    @albaijat124 күн бұрын

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

  • @justchecking2470
    @justchecking2470Ай бұрын

    Love ya

  • @fadcontact
    @fadcontactАй бұрын

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

  • @Webdesignermom
    @Webdesignermom4 күн бұрын

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

  • @fauxz3782
    @fauxz37822 ай бұрын

    All fun and games until the callbacks are involved

  • @SabonaMarara
    @SabonaMarara2 ай бұрын

    CUTE CUTE

  • @user-kt5sk3yo6o
    @user-kt5sk3yo6oАй бұрын

    Eeeiiii Africa has Internet madam🌍🌍

  • @anazinaidaiashvili3060

    @anazinaidaiashvili3060

    Ай бұрын

    I think it was just example )))

  • @MWStudiooo
    @MWStudiooo2 ай бұрын

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

  • @atuljain9887
    @atuljain98872 ай бұрын

    i love u sweetheart

  • @babysafety48
    @babysafety483 күн бұрын

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

  • @minneso5424
    @minneso5424Ай бұрын

    гамарджоба

  • @emylynne995
    @emylynne995Ай бұрын

    Which Africa? Good tutorial but learn about Africa lady!

  • @Lucard4433
    @Lucard4433Ай бұрын

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

  • @mecrayavcin
    @mecrayavcin2 ай бұрын

    Love you