JavaScript Tutorial for Beginners [JS Crash Course 2024]

Рет қаралды 107,703

Күн бұрын

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

Пікірлер: 138

@TechWorldwithNana 3 ай бұрын

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

test

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

test

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

test

@nwozichiamarachi4582 27 күн бұрын

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

@user-yi4mt4hp8u Ай бұрын

Best beginner JavaScript tutorial hands down

@MaCristinaEcal 2 ай бұрын

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

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

@safetywmn7323 3 ай бұрын

Simple, clear and concise. Thank you

@ezatullahjunbesh9979 3 ай бұрын

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

@ahmedbaig3697 3 ай бұрын

Thanks Nana 🎉

@OrpForLife Ай бұрын

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

@shallanrambaran7090 3 ай бұрын

Thanks Nana, this came right on time!

@ayomidewilfred1864 3 ай бұрын

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.

@christophesafarilwiyando8502 Ай бұрын

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

@annasuelafritz1583 2 ай бұрын

You’re a fantastic teacher!!❤

@jesusespinoza2009 3 ай бұрын

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

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

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

@univenko 3 ай бұрын

Thanks!

@c016smith52 Ай бұрын

Excellent course, thank you!

@mariadsouza4628 2 ай бұрын

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

@kacemnakaa9014 3 ай бұрын

Bravo Nana for your tutorials

@princessceballos Ай бұрын

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

@elvinafukah6672 3 ай бұрын

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

@AnonymousCoder7 3 ай бұрын

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 ?

@watchesgadgetsandstuff 3 ай бұрын

Awesome video, Thank you Nana! 👍🤘

@djfago6240 3 ай бұрын

Absolutely amazing introduction to JS. Thank you @Nana

@itshamid1783 3 ай бұрын

Thank you Nana

@2.046Mthwalo 11 күн бұрын

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.

@user-rn8jf8mv4k 3 күн бұрын

Thank you !

@ntemkas1 3 ай бұрын

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

@erickawino9978 2 ай бұрын

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

@justcurious1940 2 ай бұрын

Simple to follow, Thanks.

@kunupinyana Ай бұрын

What a perfect way to consolidate my beginner JavaScript misadventures.

@mdgeisto8953 20 күн бұрын

Very helpful, thanks for making this!

@MarvinCollins14 3 ай бұрын

Correction: there is internet in Africa

@altonlebronze3536 Ай бұрын

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

@Space-791 Ай бұрын

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

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

@natalja.frolova Ай бұрын

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

@caduguedes5196 9 күн бұрын

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

@mohittayal9731 3 ай бұрын

Much awaited

@RomioGamesplay 3 ай бұрын

❤thank You

@arseniyStaroselets 26 күн бұрын

thanks!

@kasali310 Ай бұрын

Thanks nana for clear course !

@kelvinchikezie9370 29 күн бұрын

Thanks Nana

@ravitheja4206 3 ай бұрын

Thanks mam 🙂👏

@rishiraj2548 3 ай бұрын

Thanks

@justinjanet1 Ай бұрын

you are a Fantastic teacher Nana

@asifiqbal5877 3 ай бұрын

good tutorial on JS

@latoyaalexander4890 2 ай бұрын

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

@iMshadab 29 күн бұрын

Thank you

@EduardoDeveloper 3 ай бұрын

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

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

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

@frankdearr2772 2 ай бұрын

great topic, thanks 👍

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

Good video Nana!

@gennagraphics Ай бұрын

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.

@nwekestanley6543 2 ай бұрын

U are amazing

@kunedevendra255 3 ай бұрын

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

@ashfaaqahamed3902 3 ай бұрын

You are my inspiration madam

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

Awesome ❤

@prudhviyashwanthreddykikku5129 Ай бұрын

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.

@chaimaghemati8713 9 күн бұрын

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

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

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

@TechWorldwithNana 3 ай бұрын

Thank you Rahul, appreciate it a lot! 😊

@valenciawalker6498 3 ай бұрын

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

@fortunebih4570 Ай бұрын

Thank you so much for this video, i understand alot

@nurialsaeed5769 2 ай бұрын

thank you

@NinaKolari 2 ай бұрын

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

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

@Lux608AM 3 ай бұрын

Rockstar thank you NANA

@XxMissingDataxX 3 ай бұрын

Nana is GOAT when it comes to this stuff.

@TechWorldwithNana Ай бұрын

Thanks 😃

@freecourseware7466 2 ай бұрын

Thanks nana

@deen_islam1706 3 ай бұрын

Thnks nana

@bejukacarlson6454 4 күн бұрын

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.

@onlycodm5976 2 ай бұрын

Helpful ❤❤❤❤❤

@petermartinka9274 3 ай бұрын

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.

@ChuksEcode 3 ай бұрын

Thanks Nana, great content

@TechWorldwithNana 3 ай бұрын

You're so welcome! Thank you :)

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

JS says amazing crash course! ✊

@leonardofigueiredo2518 3 ай бұрын

Thank you for your videos, you are amazing!

@TechWorldwithNana Ай бұрын

You're welcome :)

@shadowgroup4881 Ай бұрын

🔥💀🔥 Amazing!!!

@sinimakela5719 3 күн бұрын

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

@salahbabiker2982 Ай бұрын

nice course pls use more cases studies

@craftwithkids4583 28 күн бұрын

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.

@mrrobot-mn6re 2 ай бұрын

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

@andrewondigo7608 Ай бұрын

Mkuu how do you remote?

@gajananmahajan1081 3 ай бұрын

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

@patrickogbole9997 21 күн бұрын

love

@ishimwelambert1284 Ай бұрын

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

@justchecking2470 3 ай бұрын

Love ya

@xviewmytubex 3 ай бұрын

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

@muhammadsultan4598 10 сағат бұрын

i did subcribe and like viwe also shre plz make a vdio full javascript

@phumulanimakgetho9718 3 ай бұрын

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.

@l0gic23 3 ай бұрын

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.

@CodingGimmic 3 ай бұрын

Very nice tutorial Nana What code editor are you using?

@TechWorldwithNana 3 ай бұрын

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

@ramdanisalah3328 3 ай бұрын

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

@codingpandas 3 ай бұрын

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

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

@TechWorldwithNana 3 ай бұрын

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

@peterameh8246 2 ай бұрын

Good work, simple and straight forward

@mehulyadav223 3 ай бұрын

❤❤

@JasCloudTech 3 ай бұрын

😊👍

@club-five Ай бұрын

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

@fadcontact 2 ай бұрын

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

@user-pd9ew7ze4s 22 күн бұрын

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

@MichaelAlexander1967 Ай бұрын

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.

@pikachu3686 3 ай бұрын

harry bhai sae acha koi nahi

@albaijat1 2 ай бұрын

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

@reginoolivencia3552 3 ай бұрын

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

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

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

String is sequence character... Character is one word