JavaScript Course for Beginners 2024

  Рет қаралды 63,394

freeCodeCamp.org

freeCodeCamp.org

Күн бұрын

Learn how to use the JavaScript programming language. This beginner's tutorial will teach you all the basics of JavaScript and also includes quiz sections.
Code for course: github.com/stevenGarciaDev/ja...
Course developed by @StevenCodeCraft
Steven's LinkedIn: / stevengarciadev
⭐️ Contents ⭐️
Section 1: Getting Started
(0:00:00) Introduction
(0:01:22) What is JavaScript?
(0:02:30) Setting up the Development Environment
Section 2: JavaScript Variables
(0:07:46) Variables
(0:12:40) Constants
(0:14:31) Primitive Types
(0:19:30) Dynamic Typing
(0:21:13) Objects
(0:24:38) Arrays
(0:27:24) Functions
(0:29:48) Types of Functions
(0:31:30) Summary of Variables
Section 3: JavaScript Operators
(0:32:31) Intro to Operators
(0:32:45) Arithmetic Operators
(0:35:43) Assignment Operator
(0:36:24) Comparison Operators
(0:38:22) Equality Operators
(0:41:39) The Ternary Operator
(0:43:47) Logical Operators
(0:51:19) Logical Operators with Non-booleans
(0:54:37) Operator Precedence
(0:55:29) Summary of Operator
Section 4: Control Flow
(0:56:31) If-Else Statements
(1:01:03) Switch-Case Statements
(1:05:32) For Loops
(1:10:58) While Loops
(1:14:05) Do-while Loops
(1:15:44) Infinite Loops
(1:17:33) For-in Loops
(1:19:43) For-of Loops
(1:21:38) Break and Continue
(1:30:01) Exercise: Max of two numbers
(1:31:05) Exercise: FizzBuzz
(1:33:36) Exercise: Even and Odd Numbers
(1:35:03) Summary of Control Flow
Section 5: JavaScript Objects
(1:35:55) Object Literals
(1:37:26) Factory Functions
(1:40:33) Constructor Functions
(1:44:10) Objects are Dynamic
(1:46:39) The Constructor Property
(1:48:25) Functions are Objects
(1:51:31) Value vs Reference types
(1:53:54) Enumerating Properties of an Object
(1:57:43) Cloning an Object
(2:00:00) Garbage Collection
(2:00:28) The Built in Math Function
(2:03:19) String Methods
(2:08:52) Template Literals
(2:10:58) The Date Object
(2:13:12) Summary of Objects
Section 6: JavaScript Arrays
(2:14:03) Introduction to Arrays
(2:14:39) Adding Elements
(2:17:34) Finding Elements (Primitives)
(2:21:13) Finding Elements (Reference Types)
(2:23:40) Arrow Functions
(2:26:16) Removing Elements
(2:29:06) Emptying an Array
(2:31:25) Combining and Slicing Arrays
(2:33:15) Spread Operator
(2:34:48) Iterating an Array
(2:36:44) Joining Arrays
(2:41:19) Sorting Arrays
(2:46:06) Testing the Elements of an Array
(2:50:12) Filtering an Array
(2:53:19) Mapping an Array
(2:57:43) Reducing an Array
Section 7: JavaScript Functions
(3:01:21) Function Declarations vs Expressions
(3:03:55) Hoisting
(3:06:06) Arguments
(3:09:29) The Rest Operator
(3:13:48) Default Parameters
(3:17:47) Getters and Setters
(3:21:59) Try and Catch
(3:24:58) Local vs Global Scope
(3:28:03) Let vs Var
(3:31:11) The ‘this’ keyword
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

Пікірлер: 88
@StevenCodeCraft
@StevenCodeCraft 14 күн бұрын
Thank you FreeCodeCamp for sharing my first course! I'll be making more content on React and Expo React Native teaching web, mobile, and API development. (Also I did get some feedback that my editing and talking was too fast, so please consider setting the playback speed to 0.75)
@jonathankewe9415
@jonathankewe9415 14 күн бұрын
Excellent presentation and speed! Exactly as I like! Thanks for sharing!
@youtube6138
@youtube6138 14 күн бұрын
Please talk fast , I hate when some teachers talk slow and lazy type , that makes me fall asleep , you're not talking too fast , you're just not wasting our time which i appreciate So keep ur talking speed same as it is.
@iamtharunraj
@iamtharunraj 13 күн бұрын
Thanks for this tutorial!
@teknolovedigital
@teknolovedigital 13 күн бұрын
No. Its good. I love speed
@sleeksilk497
@sleeksilk497 8 күн бұрын
You're the man! PLEASE do react next
@lohituchil8907
@lohituchil8907 14 күн бұрын
To anyone starting this , adjust the speed to 0.75 when stuff gets too complicated especially for beginners
@anemo8862
@anemo8862 16 сағат бұрын
That's what I did. I have difficulty following it too 😅
@user-vw6bd7bb5n
@user-vw6bd7bb5n 14 күн бұрын
This is perfect I decided to learn JavaScrpt after learning Python and this helped me a lot ty guys
@mia_seym
@mia_seym 8 сағат бұрын
I am already quite experienced in JS, but I decided to listen through this course as a review while I work around the house. I really like this instructor's pace and clarity. I can see beginners getting flustered at the speed, so maybe there should be a reminder of how to change the video speed on the player in KZbin. I am enjoying listening. Thanks for posting!
@sleeksilk497
@sleeksilk497 8 күн бұрын
Nice refresher, kept me up to speed with some new features, and clarified the concepts I hitherto struggled with.
@Prasadavajjhala
@Prasadavajjhala 13 күн бұрын
Thank you so much for explaining the very basic of steps, for a first time coder that no other JS course has done.
@syedaffanhameed14
@syedaffanhameed14 13 сағат бұрын
Just finished this course! for people who are thinking about whether to spend your time on this video ! I would recommend you to go for it if you want to learn JS from scratch or if you are coming from another language.I see people commenting about the fast pace of the instructor. Believe me it helps if you can grasp English quickly and you feel like you have covered a lot many concepts in a short time.I like the way Steven design this course in short snippets along with subject retention quizzes.
@crashingatom6755
@crashingatom6755 13 күн бұрын
Stoked for this! Thanks!
@shafnisha1171
@shafnisha1171 14 күн бұрын
this tutorial is awesome, also it focuses on logic which is really important! thanks steven!
@DrTiggy666
@DrTiggy666 13 күн бұрын
Thanks guys, I was hoping for this one.
@prakashgnana586
@prakashgnana586 14 күн бұрын
Thank you for your effort!!
@twickAttack
@twickAttack 14 күн бұрын
Thank you🎉
@m1lkonline
@m1lkonline 14 күн бұрын
You guys are awesome, seriously!!
@Nonehelloworld
@Nonehelloworld 14 күн бұрын
Thanks !!
@skybeee
@skybeee 13 күн бұрын
thank you 🙏🏻🙏🏻
@MariaJuliaGomesdaSilva-ff3of
@MariaJuliaGomesdaSilva-ff3of 14 күн бұрын
thank you!!! 💞
@MirSwastik
@MirSwastik 12 күн бұрын
Hello Steven Thank you very much for this course I'll surely follow along. Just a request please suggest a course covering advance JS and can you make a course covering advance topics
@deequi77
@deequi77 14 күн бұрын
Thanks for the tutorial, do you have an advance JS tutorial? Btw, Will this tutorial enough for me to learn React?
@milosristic1111
@milosristic1111 12 күн бұрын
Thank You very much 🙏🥇🌞❤🇺🇲🌎
@pubgfam7678
@pubgfam7678 14 күн бұрын
Amazing crash course
@OlehKostin
@OlehKostin 14 күн бұрын
❤ thank you
@Doomed137
@Doomed137 14 күн бұрын
Kubernates, Terraform vids pls
@godwinfelicity1747
@godwinfelicity1747 14 күн бұрын
And I'm currently watching one of your old videos on Js
@freecodecamp
@freecodecamp 14 күн бұрын
They all cover similar material so you can continue with the old one.
@IsxaaqAcademy
@IsxaaqAcademy 13 күн бұрын
Pls make a video about fine tuning & RAG (especially for non-english model) There's alot of confusion
@s.p.sanjay4253
@s.p.sanjay4253 14 күн бұрын
Please, make course about internet of things for beginners
@iamtharunraj
@iamtharunraj 13 күн бұрын
I tested a while loop and my browser crashed lol 😂 *Thanks for the tutorial!* ❤
@mavericksr3530
@mavericksr3530 13 күн бұрын
I generally watch in 1.5X speed and this at that speed is just 🚀 😅
@krish2519
@krish2519 14 күн бұрын
I waited for a new course
@Abhijais-uf7wh
@Abhijais-uf7wh 17 сағат бұрын
To be honest speed is ok we can manage it from settings but the very concept missing is commenting out😅
@hamedsaeednia5507
@hamedsaeednia5507 14 күн бұрын
Learning JS for beginners everywhere
@naturevibes5388
@naturevibes5388 14 күн бұрын
FAANG Resume video please
@hamaadafzal2490
@hamaadafzal2490 14 күн бұрын
Sir kindly make tutorial on mern stack projects
@BeepBoop2221
@BeepBoop2221 14 күн бұрын
Nobody uses MERN in production.
@andiuptown1711
@andiuptown1711 3 күн бұрын
@@BeepBoop2221Start ups do
@varun2716
@varun2716 13 күн бұрын
I didn't see spread syntax in timestamp, so may be it is also not covered in tutorial
@Ayoubmahammedi-vb3dy
@Ayoubmahammedi-vb3dy 14 күн бұрын
I want to learn hack were and how I start???😊😊
@ahmedhafiz2419
@ahmedhafiz2419 14 күн бұрын
Finally a course that isn't 27:56:14 long
@neoreign
@neoreign 14 күн бұрын
Say I put the time and effort to perfect this like I perfected bodybuilding. I have a framework, systems in place to learn things but say I do. What then? AI is automating everything and there's AI engineering sites now. Is it worth it to even go down this road?
@freecodecamp
@freecodecamp 14 күн бұрын
It is worth it to learn software development. While AI will impact how software developers work, there will be jobs for a long time to come.
@BeepBoop2221
@BeepBoop2221 14 күн бұрын
No there isn't ai generating sites now.
@user-cc4wc1um7x
@user-cc4wc1um7x 14 күн бұрын
I just learn html CSS do I have to built some of practice projects then move to Js or just learn it ??? I want guidance guys!
@kinda4498
@kinda4498 14 күн бұрын
stick to what you've learned so far. master it and everything before you move to js.
@Johnssssss
@Johnssssss 14 күн бұрын
Not necessary to master every concept just learn basic layout design and then add some logic using js then move to make clone using html css JavaScript
@rishiraj2548
@rishiraj2548 14 күн бұрын
👍👍
@CodeBookPro007
@CodeBookPro007 14 күн бұрын
woe
@TOXIC-uj6og
@TOXIC-uj6og 14 күн бұрын
Hello friends, I need some help . I want to learn something new but I am not able to start anything and though i start ,i am not able to complete it. Can someone guide me to go through this ?
@anenthusiast9080
@anenthusiast9080 10 күн бұрын
This is the story of many of us, unfortunately :(
@twowork5503
@twowork5503 7 күн бұрын
8:39
@fun_iqp
@fun_iqp 14 күн бұрын
hahaaa, a fart at 3:18:29, a decent end for a language so crappy XD
@naturevibes5388
@naturevibes5388 14 күн бұрын
LLM course please
@BeepBoop2221
@BeepBoop2221 14 күн бұрын
Why?
@naturevibes5388
@naturevibes5388 14 күн бұрын
@@BeepBoop2221 womp womp
@labombarde1
@labombarde1 14 күн бұрын
WOW! Look at this beast! Like an encyclopedia video! Awesome! ... WE LOVE YOU BEAAUUU!!! (throws someones bra)
@fauxz3782
@fauxz3782 14 күн бұрын
No callbacks and promises ?
@olivierBi
@olivierBi 14 күн бұрын
That's are mid level concepts.
@fauxz3782
@fauxz3782 14 күн бұрын
@@olivierBi hmm.... maybe maybe
@ninja47rei77
@ninja47rei77 14 күн бұрын
Hi I talked with Max but it's clearly an AI, I need to talk to a human since I'm a minor, if you want to explain you program better
@shivaprasad6576
@shivaprasad6576 14 күн бұрын
Beginners cannot understand this course at all
@madmax3992
@madmax3992 11 күн бұрын
Thanks for this video. Are guys hiring?? I'm willing to be assistant teacher 😁 I'm 17😔😆
@raffayshahzad942
@raffayshahzad942 14 күн бұрын
Bro speaks at 2x
@skybeee
@skybeee 13 күн бұрын
lmaoo
@badral-balushi5911
@badral-balushi5911 2 күн бұрын
It seems this Mosh Hamadani course remade ... Not good
@codegirl6153
@codegirl6153 14 күн бұрын
You talk way too fast .
@StevenCodeCraft
@StevenCodeCraft 14 күн бұрын
Thank you for your feedback. This is my first course and I'll be sure to slow down for any future content. Please consider adjusting the KZbin settings to the 0.75 playback speed.
@jaxxon98
@jaxxon98 14 күн бұрын
I agree!
@jeansmith2663
@jeansmith2663 14 күн бұрын
I put the video on a lower speed! 🤔
@victorsiwaphiwe1422
@victorsiwaphiwe1422 14 күн бұрын
Play at 0.75x speed
@rashmikathathsara3244
@rashmikathathsara3244 14 күн бұрын
​@@StevenCodeCraft nah ur better than most other guys running this channel who repeat themselves multiple times. (Comment from a Ben Shapiro fan)
@alejandroborja5031
@alejandroborja5031 8 күн бұрын
comment
@IsxaaqAcademy
@IsxaaqAcademy 13 күн бұрын
Pls make a video about fine tuning & RAG (especially for non-english model) There's alot of confusion
OpenAI Assistants API - Course for Beginners
3:32:55
freeCodeCamp.org
Рет қаралды 189 М.
Pointers in C / C++ [Full Course]
3:47:23
freeCodeCamp.org
Рет қаралды 3,5 МЛН
Кәріс тіріма өзі ?  | Synyptas 3 | 8 серия
24:47
kak budto
Рет қаралды 1,7 МЛН
Did you find it?! 🤔✨✍️ #funnyart
00:11
Artistomg
Рет қаралды 118 МЛН
Why? 😭 #shorts by Leisi Crazy
00:16
Leisi Crazy
Рет қаралды 44 МЛН
Can You Draw The PERFECT Circle?
00:57
Stokes Twins
Рет қаралды 88 МЛН
Learn Git - Full Course for Beginners
3:43:34
freeCodeCamp.org
Рет қаралды 180 М.
C Programming Tutorial for Beginners
3:46:13
freeCodeCamp.org
Рет қаралды 11 МЛН
AWS Certified Cloud Practitioner Training 2020 - Full Course
3:58:01
freeCodeCamp.org
Рет қаралды 4,6 МЛН
Linux Operating System - Crash Course for Beginners
2:47:56
freeCodeCamp.org
Рет қаралды 2,1 МЛН
Java Basics - Crash Course
3:36:13
freeCodeCamp.org
Рет қаралды 128 М.
5 Cognitive Benefits of Being Bilingual
14:36
Jim Kwik
Рет қаралды 13 М.
Кәріс тіріма өзі ?  | Synyptas 3 | 8 серия
24:47
kak budto
Рет қаралды 1,7 МЛН