KZhead

JavaScript Tutorial for Beginners [JS Crash Course 2024]

TechWorld with Nana
2024 ж. 20 Мам.
90 810 Рет қаралды
Жүктеу

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

Пікірлер

  • 🔔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

    @TechWorldwithNana@TechWorldwithNana2 ай бұрын

    • test

      @user-fv3yl9gy4t@user-fv3yl9gy4t7 күн бұрын

    • test

      @user-fv3yl9gy4t@user-fv3yl9gy4t7 күн бұрын

    • test

      @user-fv3yl9gy4t@user-fv3yl9gy4t7 күн бұрын

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

      @nwozichiamarachi4582@nwozichiamarachi45827 күн бұрын

  • Best beginner JavaScript tutorial hands down

    @user-yi4mt4hp8u@user-yi4mt4hp8u28 күн бұрын

  • 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.

    @MaCristinaEcal@MaCristinaEcalАй бұрын

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

      @TechWorldwithNana@TechWorldwithNanaАй бұрын

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

    @OrpForLife@OrpForLifeАй бұрын

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

    @christophesafarilwiyando8502@christophesafarilwiyando850227 күн бұрын

  • 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.

    @prudhviyashwanthreddykikku5129@prudhviyashwanthreddykikku5129Ай бұрын

  • 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 ?

    @AnonymousCoder7@AnonymousCoder72 ай бұрын

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

    @ezatullahjunbesh9979@ezatullahjunbesh99792 ай бұрын

  • 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

    @elvinafukah6672@elvinafukah66722 ай бұрын

  • 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.

    @ayomidewilfred1864@ayomidewilfred18642 ай бұрын

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

    @natalja.frolova@natalja.frolova27 күн бұрын

  • Simple, clear and concise. Thank you

    @safetywmn7323@safetywmn73232 ай бұрын

  • Thanks Nana 🎉

    @ahmedbaig3697@ahmedbaig36972 ай бұрын

  • 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.

    @gennagraphics@gennagraphicsАй бұрын

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

    @jesusespinoza2009@jesusespinoza20092 ай бұрын

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

    @erickawino9978@erickawino99782 ай бұрын

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

    @princessceballos@princessceballos28 күн бұрын

  • 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.

    @NinaKolari@NinaKolariАй бұрын

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

      @TechWorldwithNana@TechWorldwithNanaАй бұрын

  • Absolutely amazing introduction to JS. Thank you @Nana

    @djfago6240@djfago62402 ай бұрын

  • Thanks!

    @univenko@univenko2 ай бұрын

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

    @ntemkas1@ntemkas12 ай бұрын

  • You’re a fantastic teacher!!❤

    @annasuelafritz1583@annasuelafritz15832 ай бұрын

  • 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

    @mrrobot-mn6re@mrrobot-mn6reАй бұрын

    • Mkuu how do you remote?

      @andrewondigo7608@andrewondigo76089 күн бұрын

  • Thanks Nana, this came right on time!

    @shallanrambaran7090@shallanrambaran70902 ай бұрын

  • Thank you Nana

    @itshamid1783@itshamid17832 ай бұрын

  • Bravo Nana for your tutorials

    @kacemnakaa9014@kacemnakaa90142 ай бұрын

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

    @EduardoDeveloper@EduardoDeveloper2 ай бұрын

  • Correction: there is internet in Africa

    @MarvinCollins14@MarvinCollins142 ай бұрын

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

      @altonlebronze3536@altonlebronze353623 күн бұрын

    • 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.

      @Space-791@Space-79116 күн бұрын

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

      @MarvinCollins14@MarvinCollins1414 күн бұрын

  • What a perfect way to consolidate my beginner JavaScript misadventures.

    @kunupinyana@kunupinyanaАй бұрын

  • Thanks mam 🙂👏

    @ravitheja4206@ravitheja42062 ай бұрын

  • Much awaited

    @mohittayal9731@mohittayal97312 ай бұрын

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

    @valenciawalker6498@valenciawalker64982 ай бұрын

  • ❤thank You

    @RomioGamesplay@RomioGamesplay2 ай бұрын

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

    @mariadsouza4628@mariadsouza46282 ай бұрын

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

    @user-tq5sc6cc2t@user-tq5sc6cc2t2 ай бұрын

  • 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.

    @phumulanimakgetho9718@phumulanimakgetho97182 ай бұрын

  • you are a Fantastic teacher Nana

    @justinjanet1@justinjanet127 күн бұрын

  • Thanks

    @rishiraj2548@rishiraj25482 ай бұрын

  • Awesome video, Thank you Nana! 👍🤘

    @watchesgadgetsandstuff@watchesgadgetsandstuff2 ай бұрын

  • good tutorial on JS

    @asifiqbal5877@asifiqbal58772 ай бұрын

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

    @latoyaalexander4890@latoyaalexander48902 ай бұрын

  • You are my inspiration madam

    @ashfaaqahamed3902@ashfaaqahamed39022 ай бұрын

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

    @kunedevendra255@kunedevendra2552 ай бұрын

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

    @user-sf8yd7uw1l@user-sf8yd7uw1l2 ай бұрын

  • U are amazing

    @nwekestanley6543@nwekestanley6543Ай бұрын

  • Nana is GOAT when it comes to this stuff.

    @XxMissingDataxX@XxMissingDataxX2 ай бұрын

    • Thanks 😃

      @TechWorldwithNana@TechWorldwithNanaАй бұрын

  • Good video Nana!

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

  • Excellent course, thank you!

    @c016smith52@c016smith5224 күн бұрын

  • great topic, thanks 👍

    @frankdearr2772@frankdearr27722 ай бұрын

  • Awesome ❤

    @t.g.eastrealtor878@t.g.eastrealtor8782 ай бұрын

  • Rockstar thank you NANA

    @Lux608AM@Lux608AM2 ай бұрын

  • Thanks nana for clear course !

    @kasali310@kasali31023 күн бұрын

  • Simple to follow, Thanks.

    @justcurious1940@justcurious1940Ай бұрын

  • thank you

    @nurialsaeed5769@nurialsaeed57692 ай бұрын

  • Thnks nana

    @deen_islam1706@deen_islam17062 ай бұрын

  • Thanks nana

    @freecourseware7466@freecourseware7466Ай бұрын

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

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

    • Thank you Rahul, appreciate it a lot! 😊

      @TechWorldwithNana@TechWorldwithNana2 ай бұрын

  • Thank you

    @iMshadab@iMshadab8 күн бұрын

  • Helpful ❤❤❤❤❤

    @onlycodm5976@onlycodm5976Ай бұрын

  • Thanks Nana

    @kelvinchikezie9370@kelvinchikezie93708 күн бұрын

  • JS says amazing crash course! ✊

    @2JS0JS2JS1@2JS0JS2JS17 күн бұрын

  • thanks!

    @arseniyStaroselets@arseniyStaroselets5 күн бұрын

  • 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.

    @craftwithkids4583@craftwithkids45837 күн бұрын

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

    @xviewmytubex@xviewmytubex2 ай бұрын

  • Thank you so much for this video, i understand alot

    @fortunebih4570@fortunebih457013 күн бұрын

  • 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.

    @petermartinka9274@petermartinka92742 ай бұрын

  • Thanks Nana, great content

    @ChuksEcode@ChuksEcode2 ай бұрын

    • You're so welcome! Thank you :)

      @TechWorldwithNana@TechWorldwithNana2 ай бұрын

  • 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.

    @l0gic23@l0gic232 ай бұрын

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

    @gajananmahajan1081@gajananmahajan10812 ай бұрын

  • 🔥💀🔥 Amazing!!!

    @shadowgroup4881@shadowgroup4881Ай бұрын

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

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

      @codingpandas@codingpandas2 ай бұрын

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

      @TechWorldwithNana@TechWorldwithNana2 ай бұрын

    • Good work, simple and straight forward

      @peterameh8246@peterameh8246Ай бұрын

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

    @club-five@club-fiveАй бұрын

  • Thank you for your videos, you are amazing!

    @leonardofigueiredo2518@leonardofigueiredo25182 ай бұрын

    • You're welcome :)

      @TechWorldwithNana@TechWorldwithNanaАй бұрын

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

    @ishimwelambert1284@ishimwelambert128411 күн бұрын

  • ❤❤

    @mehulyadav223@mehulyadav2232 ай бұрын

  • nice course pls use more cases studies

    @salahbabiker2982@salahbabiker298215 күн бұрын

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

    @ramdanisalah3328@ramdanisalah33282 ай бұрын

  • Very nice tutorial Nana What code editor are you using?

    @CodingGimmic@CodingGimmic2 ай бұрын

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

      @TechWorldwithNana@TechWorldwithNana2 ай бұрын

  • 😊👍

    @JasCloudTech@JasCloudTech2 ай бұрын

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

    @albaijat1@albaijat1Ай бұрын

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

    @wojciechsobiesiak@wojciechsobiesiakАй бұрын

  • 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.

    @MichaelAlexander1967@MichaelAlexander196729 күн бұрын

  • Love ya

    @justchecking2470@justchecking24702 ай бұрын

  • harry bhai sae acha koi nahi

    @pikachu3686@pikachu36862 ай бұрын

  • love

    @patrickogbole9997@patrickogbole999710 сағат бұрын

  • 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

    @reginoolivencia3552@reginoolivencia35522 ай бұрын

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

      @SiddPro@SiddPro2 ай бұрын

    • String is sequence character... Character is one word

      @user-ew4fx6bn2v@user-ew4fx6bn2v2 ай бұрын

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

    @fadcontact@fadcontact2 ай бұрын

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

    @Webdesignermom@Webdesignermom20 күн бұрын

  • Eeeiiii Africa has Internet madam🌍🌍

    @user-kt5sk3yo6o@user-kt5sk3yo6o2 ай бұрын

    • I think it was just example )))

      @anazinaidaiashvili3060@anazinaidaiashvili3060Ай бұрын

  • in thumbnail zero to hero but title Beginner's. That's the youtube learning

    @user-pd9ew7ze4s@user-pd9ew7ze4sКүн бұрын

  • Why is java famous

    @patrickogbole9997@patrickogbole999710 сағат бұрын

  • CUTE CUTE

    @SabonaMarara@SabonaMarara2 ай бұрын

  • All fun and games until the callbacks are involved

    @fauxz3782@fauxz37822 ай бұрын

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

    @MWStudiooo@MWStudiooo2 ай бұрын

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

    @DrinkCola@DrinkCola6 күн бұрын

  • i love u sweetheart

    @atuljain9887@atuljain98872 ай бұрын

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

    @babysafety48@babysafety4819 күн бұрын

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

    @Lucard4433@Lucard44332 ай бұрын

  • Which Africa? Good tutorial but learn about Africa lady!

    @emylynne995@emylynne995Ай бұрын

  • гамарджоба

    @minneso5424@minneso54242 ай бұрын
KZhead