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

[@TechWorldwithNana]

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

test

[@user-fv3yl9gy4t]

test

[@user-fv3yl9gy4t]

test

[@nwozichiamarachi4582]

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

[@MaCristinaEcal]

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]

Simple, clear and concise. Thank you

[@ezatullahjunbesh9979]

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

[@user-yi4mt4hp8u]

Best beginner JavaScript tutorial hands down

[@ayomidewilfred1864]

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]

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]

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

[@jesusespinoza2009]

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

[@ahmedbaig3697]

Thanks Nana 🎉

[@djfago6240]

Absolutely amazing introduction to JS. Thank you @Nana

[@OrpForLife]

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

[@caduguedes5196]

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

[@christophesafarilwiyando8502]

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

[@shallanrambaran7090]

Thanks Nana, this came right on time!

[@annasuelafritz1583]

You’re a fantastic teacher!!❤

[@user-tq5sc6cc2t]

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

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

[@mariadsouza4628]

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

[@ntemkas1]

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

[@AnonymousCoder7]

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 ?

[@erickawino9978]

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

[@c016smith52]

Excellent course, thank you!

[@watchesgadgetsandstuff]

Awesome video, Thank you Nana! 👍🤘

[@kunupinyana]

What a perfect way to consolidate my beginner JavaScript misadventures.

[@EduardoDeveloper]

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

[@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.

[@univenko]

Thanks!

[@latoyaalexander4890]

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

[@2.046Mthwalo]

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.

[@kacemnakaa9014]

Bravo Nana for your tutorials

[@mdgeisto8953]

Very helpful, thanks for making this!

[@mohittayal9731]

Much awaited

[@itshamid1783]

Thank you Nana

[@justcurious1940]

Simple to follow, Thanks.

[@RomioGamesplay]

❤thank You

[@valenciawalker6498]

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

[@kunedevendra255]

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

[@justinjanet1]

you are a Fantastic teacher Nana

[@kasali310]

Thanks nana for clear course !

[@thomash.8297]

Good video Nana!

[@ravitheja4206]

Thanks mam 🙂👏

[@RahulDhanawade-im7su]

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

[@TechWorldwithNana]

Thank you Rahul, appreciate it a lot! 😊

[@asifiqbal5877]

good tutorial on JS

[@user-rn8jf8mv4k]

Thank you !

[@user-sf8yd7uw1l]

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

[@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]

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

[@arseniyStaroselets]

thanks!

[@frankdearr2772]

great topic, thanks 👍

[@t.g.eastrealtor878]

Awesome ❤

[@kelvinchikezie9370]

Thanks Nana

[@rishiraj2548]

Thanks

[@fortunebih4570]

Thank you so much for this video, i understand alot

[@ashfaaqahamed3902]

You are my inspiration madam

[@chaimaghemati8713]

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

[@iMshadab]

Thank you

[@nwekestanley6543]

U are amazing

[@MarvinCollins14]

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.

[@petermartinka9274]

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.

[@Lux608AM]

Rockstar thank you NANA

[@deen_islam1706]

Thnks nana

[@nurialsaeed5769]

thank you

[@freecourseware7466]

Thanks nana

[@onlycodm5976]

Helpful ❤❤❤❤❤

[@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.

[@2JS0JS2JS1]

JS says amazing crash course! ✊

[@leonardofigueiredo2518]

Thank you for your videos, you are amazing!

[@TechWorldwithNana]

You're welcome :)

[@shadowgroup4881]

🔥💀🔥 Amazing!!!

[@mrrobot-mn6re]

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?

[@ChuksEcode]

Thanks Nana, great content

[@TechWorldwithNana]

You're so welcome! Thank you :)

[@gajananmahajan1081]

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

[@craftwithkids4583]

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.

[@ishimwelambert1284]

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

[@sinimakela5719]

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

[@salahbabiker2982]

nice course pls use more cases studies

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

[@XxMissingDataxX]

Nana is GOAT when it comes to this stuff.

[@TechWorldwithNana]

Thanks 😃

[@bejukacarlson6454]

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.

[@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.

[@Nickson045]

I have a bachelor in law. Been working in that field for 11 years. I was thinking about a new career in IT. Thanks to your videos i now have a better understanding of the IT field. So thank you! Started my first course on IT Support yesterday! Hope to continue further in IT from there.

[@CodingGimmic]

Very nice tutorial Nana
What code editor are you using?

[@TechWorldwithNana]

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

[@phumulanimakgetho9718]

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.

[@ramdanisalah3328]

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

[@club-five]

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

[@patrickogbole9997]

love

[@JasCloudTech]

😊👍

[@fadcontact]

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

[@codingpandas]

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]

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

[@TechWorldwithNana]

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

[@peterameh8246]

Good work, simple and straight forward

[@mehulyadav223]

❤❤

[@justchecking2470]

Love ya

[@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]

harry bhai sae acha koi nahi

[@albaijat1]

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

[@user-pd9ew7ze4s]

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

[@wojciechsobiesiak]

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

[@reginoolivencia3552]

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]

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

[@user-ew4fx6bn2v]

String is sequence character... Character is one word

[@SabonaMarara]

CUTE CUTE

[@Webdesignermom]

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

[@fauxz3782]

All fun and games until the callbacks are involved

[@patrickogbole9997]

Why is java famous