Modern JavaScript Tutorial #2 - Syntax Basics & Types
HTML-код
- Опубликовано: 10 апр 2019
- 💻 Get the full Modern JavaScript (novice to ninja) course from Udemy. Discount auto applied:
www.thenetninja.co.uk/udemy/m...
In this modern JavaScript tutorial we'll take a look at the language syntax - comments, semicolons, using variables etc. We'll also discuss some of the types in JavaScript - strings, numbers, null, undefined, & booleans.
----------------------------------------
🐱💻 🐱💻 Course Links:
+ Course files - github.com/iamshaunjp/modern-...
Get the full Modern JavaScript (novice to ninja) course from Udemy. Discount auto applied:
www.udemy.com/modern-javascript-from-novice-to-ninja/?couponCode=NINJAYT
Am unable to take the course bcz i dont have enough money but i want to learn that.....
So can u plz help me!
Done
@@jayantsharma2669 try FreeCodeCamp at freecodecamp.org, a pretty good platform and self-paced
also, there are tons of free courses out there, just explore and search for some
happy coding!
👏🔥👏
JavaScript Reserved Keywords List: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Keywords
- Mozilla Developer Network Coding Documentation
An excellent video tutorial for newcomers to the JS world, for the audience the content of this video as follows:
Getting Starting with JavaScript: 0:02
JavaScript Data Types: 16:18
Getting starting with strings: 20:38
Common strings methods: 31:02
Getting starting with numbers: 36:16
Template strings: 46:16
Arrays: 52:25
Null & Undefined: 1:01:40
Boolean & Comparison Operators: 1:04:57
Loose && Strict Comparison: 1:14:39
Type Conversion: 1:18:44
The way JavaScript is taught here is out of this world. There is no rush, there is no assumption that I know something, everything is explained in detail and no stage is skipped. If only my University taught like this no-one would fail. I am definitely going to do more courses from you on RUclips and on Udemy. Thank you, this is worth all the data and value for money on your paid courses.
Absolutely
👍
Wow, I've been trying to learn Javascript for months and this is the only instructor that teaches you Javascript in a practical way from the start. It's all sinking in now. Thank you! You're amazing!
did you learn it by now?
@envy beats y u asking n?
@@ghuraab just curious
this is the only guy in youtube that makes me watch whole ads.
Ads??
Are you kidding, right?
Me 2
Really? Since why? The guy is good
@@ardeleanion4435 Ads are the biggest source of income for youtubers, so by watching ads, you're supporting them
wah wah
I'm a developer, and a big believer on mastering the basics. I've learned something everytime I've watched Net Ninja's videos. Even the intro series. Always
learning!
I want to say a big thank you. Your laravel RUclips course started me on Laravel in 2020, I'm currently a laravel developer and have done some cold projects. I started learning react April this year (2022) via some of your courses, currently I have done some projects with react js, currently working on one with Next js. You are an exceptional teacher, please keep up the great work. Much love and respect. ❤️❤️
Your comment means a lot to me, thank you Samuel :)
This may sound trivial but it's refreshing to see a dev using something other than a Mac!
windows sucks, unix rules
@@vincentarlou1599 Whats unix?, must be bad since i don't know what it is
@@exc3lmazing931 linux
Real devs use Linux.
@@Mersal-uj5nh MacOS is also Unix
I'm just now seeing this, 3 years after you published it, and i've got to say, this is one of the best-formatted courses for coding I've ever seen. I am a python programmer who learned on Udemy with Angela Yu's course, but she doesn't have a dedicated JS course. I found yours instead, and many of the things I loved about her course, I'm finding them in your course as well. You explain things very thoroughly; most, like literally 99% of coding courses on RUclips are comprised entirely of just watching someone code, and they don't actually explain in detail what they're doing, what they're using etc. It's just meant for us to follow along, but that isn't real learning. Your course is very well done. Great job!
Thank you so much for the kind words Corv :) happy to hear that you enjoyed it!
After 2 years learing i start working and this chage my life bsc you Thanks!
Wow, you can explain it clearly but also quickly. I know the basic principles of Js, but through your video it reinforces the basis even more. you really are a good teacher
Oh man…. A friend recommended you for javascript. This is first time ever when i wanna see all tutorials, your explaining style is awesome and we can really understand and learn better. I’m regretting only that i disn’t discovered you early to learn, but as they say… ‘better later than never’. Thank you for your effort and bless you for helping others to learn javascript.
Peace ✌🏻
I love your course. I bought it on Udemy but still came here because RUclips let me speed up video playback so I could learn faster, thanks to your easy understandable explanation and nice accent.
It's good reminder for someone who knows the basics, great :D
A really JS beginner course; and the lecturer is so helpful to hold your hands step by step, and explain in details. Absolutely gorgeous!!!
Love the way you defining each topic in-depth in an easiest way. Thanks Man
First time I watched whole topic tutorials on youtube.. Just finished NodeJs crash course and gonna finish this topic too. Personal advice to those who already know the basics of Javascript but still want to learn more, just change the playback speed to 1.75x :), you'll save time.
Definitely an A+ web dev tutorial channel on youtube!
this is awesome, I read some books about fundamental, they were strong but quite outdated, but watching these tutorials helps to up to date the knowledge what I have got from those books , thank you so much
dude your teaching is from another universe. well done. thanks so much!
Thanks for the kind words jensv :)
Wow! Simple and easy to understand, I learned a lot . Thank you!
This is probably one of the best and well-explained course of JS. Really appreciate your time for creating this. Cheers!
bro how did he linked the code (2.42)
I love how you teach step by step without rushing anything. Keep doing what you do and more power to you!
Appreciate that :) thank you!
I don't usually use semicolons, and I thought they were never needed. But it's important to add them if you're writing a regular expression let a = /hello/; or you'd run into errors.
Thanks for the advice.
Thank you so much TheNetNinja. You are a savior, I am actually a first year college student, doing Information Technology Engineering and i have seen so many sources on net, but yours was the best that I came by. Thank You once again, your explanations are beautiful!
The best thing about Learning from the Net Ninja is he does not waste my time going over old and/or out dated methods of using JS. So many instructors will spend hours on how to use JS then say but this not how it should be done, and then spend a few minutes showing us the correct way. A little history is important so I recognize old code when I see it. To make a long story short, Shaun I'll spend the next hour going through this tutorial and then I'm pretty sure I'll head over and purchase your full course. Thank you for being different.
ps. I use Chrome Dev Tools, but I find Firefox Developer Edition dev tools a lot more helpful.
😂😂😂
they want to confuse you 😀😀
If a ever became a developer large part it would be because of you and your tutorials ,tnx m8!
Excellent course! Just a kind reminder: if anyone else encounters the same issue I had, where (the console doesn't run the JavaScript,) make sure to link the JavaScript file (sandbox.js) in your index.html like this: .
This is brilliant as f**k!!! I tried many things such as watching other tutorials and eBooks but couldn't for the life of me understand what was going on. After watching this video for 16 mins, JS seems to be easy and fun! Plus, it's very nice to have such a brilliant teacher and is very kind of you to make it available for free especially for those who can't afford other expensive courses. Thank you so much!!! 😊😉😃
It feels like I just completed my graduation when the video is finished.
Wow this is the best explaination of this I've come across. Others explaination sort of go over my head
This is an excellent overview. I want to check out the Udemy Course.
I learn a lot with you I am very grateful to be able to see your videos, you are the best
Absolutely amazing. I learnt a lot. 😎👏
Thank you very much. Your toturials are life saving.
Hi Man, I watched your videos for my Senior project when I was still an IT college student, till now I have a chance to do the frontent job again, and your videos are still super helpful even for career .
That's awesome to hear :) thanks for your support over the years!
Best JavaScript Tutorial, I bought the full course and it is excellent ! , Arrigato Net Ninja San !
You are wonderful, the way you explain, teach and so on. Everything is just amazing. I learn very easily with your course. Thank you
Thank you :)
@@NetNinja Good
This guys courses are mind blowing.. dude is too good🙌
Thanks so much for this amazing tutorial.
Thank you so much for this video. You really helped me a lot.
@23:24 that moment when the name of your favorite author is logged into the console. Epic!
Very clear basic course, very useful.
Nice
great work man, thank you!
I'm not surprised at all that this channel has blown up! I learned HTML here about 7/8 years ago when this channel first started and once I found NetNinja, I stopped looking (because as they say, when you find the one, you just know! 😌). I'm not a techie (rather an accountant) but do like having a varied skillset which has really helped me in life. And even in accounting, having learned coding has really helped with my excel skills. Unlike my colleagues, I use excel like a programming language and when people see me write formulae to completely automate a workbook, they are super impressed but it's no different to programming. Anywho, I'm back as I've got a side project going on which needs js and boy am I glad there's a plethora of content to get stuck into! Thanks ever so much for your relentless excellence 💟🙂
Thank you for such a lovely comment :)
Simple and easy to understand. The latest syntax of JavaScript is all here
This is so exiting I Love your tutorials!! 🌸🌸🌸 Looking forward to look at the more complex stuff but I’ll start from the begining 😛😛😛 Thanks, I know you have a reason for calling yourselfe ninja, because you are a true ninja!! Helped me of alot 😇😀😛😘🌸🌿
I already have the JS foundation and it is good material as a refresher.
Just bought the course，expecting more excellent courses!
omg i just love ya man! i'm broke as hell but imma definitely buy this udemy course and btw thank you soooo much for not making it soooo costly!
Thanks for watching and for your support Renitha :) much appreciated!
One package also that is very good for teaching Javascript and visualisation of data in the variables is Quokka.js . Also a must try .
Extremely good tutorial.
Not just great at teaching, you are also funny Shaun. I love you Sensei.
One of your strengths as an instructor is that you usually explain the "why" in a lot of the details of what you're doing. This is very helpful for beginners. However, in this video there's a lot of things going on and a lot of things I just don't understand the purpose; all these bits of code you're making and how it would be applied in context. In other words, what's the story? If someone was writing these lines of code, what would it be for? For instance, why would a coder want to change a variable they already set? Is it the coder changing the variable or does this allow the user to change the variable...
Hello Ninja, I have just started learning JS, I have followed everything you have said(great F12), but unable to get the console.log to show the variables. Great work and hoping to sign up on Udemy. keep up the great work, many thanks, so helpfully.
You are amazing shaun!! Thank you
You are the best, really really understandable
Thanks Stanley :) much appreciated!
Thanks a lot, man u get me on the tracks
u are a good teacher man
Wow. It's no surprise your course is rated a whopping 4.9 on Udemy! The highest I have seen for any course that has more than 100 ratings.
Thanks, personally I think it should be 5 but I can't please everyone, haha! Glad you like it!
@@NetNinja I think the issue is in the way udemy labels the ratings. 5 star is for "above expectations". This should be labeled as "as expected" or something along those lines
Love the Sanderson reference.
great teaching style . . . .
Love this
Great Amazing info, THANK YOU!
Btw Brave Browser is awesome as well
7:15 Rofl 😂. Btw best latest Js tutorial
You are too kind. Thank you!
You really are a blessing.
You are the king of Ninjas .
thank you its really awesome man
It's BEDMAS, E for exponents.
Subtraction, addition is any order they appear, same for division, multiplication.
Hi Ninja,
I am interested in the full course on Udemy, is there any possible discount for us in 2022? Thanks !
Hello Ninja. I am enticed the way you lecture. Would you please video on asynchronous java script?
thank you my brother you are the best
Thanku sir!!!
That's very nice! Thank you! By the way, what do you think about Elm?) Maybe you will create a course about it one day?)
i just wanna say thank you
love you the ninja sir
About the slice method, for the second argument mentioned at 33:07 it is "not inclusive" Therefore: [start, end[ , it is shown in the doc at 33:05 (it appears quickly)
🎯 Key Takeaways for quick navigation:
00:01 💻 *Setting up VS Code, live server, and adding JavaScript in HTML.*
02:17 📄 *Externalizing JavaScript, enhancing organization.*
04:07 🧊 *Semicolons in JavaScript: Good practice for statement termination.*
05:16 🛠️ *Browser Developer Tools: Overview and console usage.*
07:46 📚 *JavaScript basics: Variables and Constants.*
10:19 🚫 *Avoiding VAR: Prefer let and const in modern JS.*
13:11 🔤 *Naming conventions for variables, emphasizing clarity.*
15:43 📝 *Introduction to comments in JavaScript for documentation.*
16:24 🌐 *Browser compatibility and modern JS features.*
18:12 🧱 *JavaScript data types overview.*
18:23 🧩 *Strings: Properties, methods, and manipulation.*
31:18 🔍 *More String Methods: lastIndexOf, slice, substring.*
36:20 🔢 *Numbers in JavaScript: Variables, constants, and calculations.*
37:27 🧮 *Math Operations: Common operations and examples.*
39:44 📊 *Order of Operations and Shorthand Notation.*
43:59 ❌ *NaN Handling and Concatenation of Numbers with Strings.*
46:24 🖋 *Template Strings: Readability and simplicity.*
50:49 🏗️ *Creating HTML Templates with Template Strings.*
52:36 📊 *Introduction to Arrays: Creation and manipulation.*
55:06 🧾 *Arrays with Mixed Data Types and Properties.*
56:38 📊 *Array Methods: join, indexOf, concat, push, pop.*
01:01:42 📄 *Null and Undefined: Differences and use cases.*
01:05:06 🔒 *Booleans and Comparison Operators.*
01:14:41 🔄 *Loose Equality: Understanding double equals (`==`).*
01:15:24 🔄 *Type Conversion: Loose vs. strict equality.*
01:18:49 🔄 *Type Conversion: Number to String, String to Number.*
01:19:03 🔄 *Type Conversion: Number to Boolean, understanding conversions.*
Made with HARPA AI
Great job. Thanks a lotttt
Hello I've been following your tutorials for a long time now and I'm actually starting my own online series but I'm not getting very clear audio and video. Any tips to ensure very good quality would be much appreciated. Thanks.
Excellent!
it would be great if we had some test at end of video, to test our knowledge and see do if we make progress :)
learning during pandemic :) js is getting interesting to me.
same here :)
@@chiranjitdey1430 what are you watching now? i'm watching objects.
You are a great teacher (y)
just awesome sir
thanks for sharing
The Net Ninja
Hi Shaun, is there a reason you switched from Brackets to VS Code since your earlier tutorials, (I love Brackets)... p.s. which theme are you using? Like the colour contrast.
it is the monokai theme
this video is giving me the idea to make a password encrypter thing because i have done it with the other languages i have learned why not JavaScript lol
In php it is password = mD5(password )
Template strings are freakin cool!
I made 8 pages of notes in my book, 3 breaks and one launch break in 6h of learning in this 124 min video lesson
can you post them online please
The Best !The Best !The Best !The Best !The Best !The Best !
24:27 what if I wanted to get multiple characters from the string? For example the first and second character
How should I write it?
And thanks a lot for this great course!
Since your current comment was a year ago you might already know by now but now but I think you would use the substring method
Imma obsessed with the background color soon T.T
thx it worked again
Heard of BODMAS (over) and PEMDAS (parentheses, exponents) but never "BIDMAS" xD
fff
Great video. Thank you!!!
One thing, while comparing string value with “” comparison operators I believe it checks the Unicode value of the first letter of the string right? Since Capitol letters comes before lowercase letters in Unicode that’s why “Shaun” < “shaun” is true, right?
Idk why I burst into tears when he replaced the "n" with a "w" and it became thewetninja hahahaha
When I open the developers console, the code from visual studio isnt showing up. What should i do?
Just a little confirmation for those new to javascript (in case it wasn't clear):
the slice (33:10) method outputs in a way that the first index given is *INCLUSIVE* and second index is *EXCLUSIVE*
at (1:13), the reason why lower case is greater than upper case is because lower case has a higher value on the *ASCII* table
**this is based off what I know in case it wasn't clear but if I'm wrong feel free to correct me**
bro how did he linked the code (2.42)
@@bukobro5253 are you talking about linking the javascript code to the html? You need to add a script tag (shaun recommends putting it in the body tag)
So you'd need , you can find he did it at 3:05
@@azurtle as a 7 brain cell human being that was bugging the absolute shit out of me!, thank you!
49:05
There're two types of keyboards, US and UK keyboard (you can check it in the language panel)
For me ` is placed one button left to the 1.
It is like ~, but without SHIFT held.
So, I have only shitf below my enter key. That is the thing.