JavaScript Course for Beginners 2024

Sdílet
Vložit
  • čas přidán 31. 05. 2024
  • 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

Komentáře • 88

  • @StevenCodeCraft
    @StevenCodeCraft Před 18 dny +76

    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 Před 18 dny +2

      Excellent presentation and speed! Exactly as I like! Thanks for sharing!

    • @youtube6138
      @youtube6138 Před 18 dny +7

      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 Před 17 dny +1

      Thanks for this tutorial!

    • @teknolovedigital
      @teknolovedigital Před 17 dny +1

      No. Its good. I love speed

    • @sleeksilk497
      @sleeksilk497 Před 12 dny +1

      You're the man! PLEASE do react next

  • @lohituchil8907
    @lohituchil8907 Před 18 dny +30

    To anyone starting this , adjust the speed to 0.75 when stuff gets too complicated especially for beginners

  • @user-vw6bd7bb5n
    @user-vw6bd7bb5n Před 18 dny +7

    This is perfect I decided to learn JavaScrpt after learning Python and this helped me a lot ty guys

  • @Prasadavajjhala
    @Prasadavajjhala Před 17 dny +4

    Thank you so much for explaining the very basic of steps, for a first time coder that no other JS course has done.

  • @crashingatom6755
    @crashingatom6755 Před 17 dny +3

    Stoked for this! Thanks!

  • @shafnisha1171
    @shafnisha1171 Před 18 dny +2

    this tutorial is awesome, also it focuses on logic which is really important! thanks steven!

  • @sleeksilk497
    @sleeksilk497 Před 12 dny +2

    Nice refresher, kept me up to speed with some new features, and clarified the concepts I hitherto struggled with.

  • @prakashgnana586
    @prakashgnana586 Před 18 dny +2

    Thank you for your effort!!

  • @DrTiggy666
    @DrTiggy666 Před 17 dny +1

    Thanks guys, I was hoping for this one.

  • @mia_seym
    @mia_seym Před 4 dny

    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 CZcams. I am enjoying listening. Thanks for posting!

  • @twickAttack
    @twickAttack Před 18 dny +2

    Thank you🎉

  • @syedaffanhameed14
    @syedaffanhameed14 Před 4 dny

    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.

  • @m1lkonline
    @m1lkonline Před 18 dny

    You guys are awesome, seriously!!

  • @Nonehelloworld
    @Nonehelloworld Před 18 dny +2

    Thanks !!

  • @skybeee
    @skybeee Před 17 dny

    thank you 🙏🏻🙏🏻

  • @MariaJuliaGomesdaSilva-ff3of

    thank you!!! 💞

  • @MirSwastik
    @MirSwastik Před 16 dny +1

    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

  • @OlehKostin
    @OlehKostin Před 18 dny

    ❤ thank you

  • @deequi77
    @deequi77 Před 17 dny +1

    Thanks for the tutorial, do you have an advance JS tutorial?
    Btw, Will this tutorial enough for me to learn React?

  • @pubgfam7678
    @pubgfam7678 Před 18 dny +1

    Amazing crash course

  • @milosristic1111
    @milosristic1111 Před 16 dny +2

    Thank You very much 🙏🥇🌞❤🇺🇲🌎

  • @Doomed137
    @Doomed137 Před 18 dny +2

    Kubernates, Terraform vids pls

  • @varun2716
    @varun2716 Před 17 dny +1

    I didn't see spread syntax in timestamp, so may be it is also not covered in tutorial

  • @godwinfelicity1747
    @godwinfelicity1747 Před 18 dny +5

    And I'm currently watching one of your old videos on Js

    • @freecodecamp
      @freecodecamp  Před 18 dny +3

      They all cover similar material so you can continue with the old one.

  • @IsxaaqAcademy
    @IsxaaqAcademy Před 17 dny

    Pls make a video about fine tuning & RAG (especially for non-english model)
    There's alot of confusion

  • @krish2519
    @krish2519 Před 18 dny +1

    I waited for a new course

  • @s.p.sanjay4253
    @s.p.sanjay4253 Před 18 dny

    Please, make course about internet of things for beginners

  • @hamedsaeednia5507
    @hamedsaeednia5507 Před 18 dny +1

    Learning JS for beginners everywhere

  • @iamtharunraj
    @iamtharunraj Před 17 dny

    I tested a while loop and my browser crashed lol 😂
    *Thanks for the tutorial!* ❤

  • @mavericksr3530
    @mavericksr3530 Před 17 dny +1

    I generally watch in 1.5X speed and this at that speed is just 🚀 😅

  • @naturevibes5388
    @naturevibes5388 Před 18 dny

    FAANG Resume video please

  • @user-cc4wc1um7x
    @user-cc4wc1um7x Před 18 dny +3

    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 Před 18 dny

      stick to what you've learned so far. master it and everything before you move to js.

    • @Johnssssss
      @Johnssssss Před 18 dny +3

      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

  • @hamaadafzal2490
    @hamaadafzal2490 Před 18 dny +2

    Sir kindly make tutorial on mern stack projects

  • @Ayoubmahammedi-vb3dy
    @Ayoubmahammedi-vb3dy Před 18 dny

    I want to learn hack were and how I start???😊😊

  • @Abhijais-uf7wh
    @Abhijais-uf7wh Před 4 dny

    To be honest speed is ok we can manage it from settings but the very concept missing is commenting out😅

  • @neoreign
    @neoreign Před 18 dny

    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  Před 18 dny +3

      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 Před 18 dny

      No there isn't ai generating sites now.

  • @ahmedhafiz2419
    @ahmedhafiz2419 Před 18 dny

    Finally a course that isn't 27:56:14 long

  • @rishiraj2548
    @rishiraj2548 Před 18 dny

    👍👍

  • @CodeBookPro007
    @CodeBookPro007 Před 18 dny +1

    woe

  • @TOXIC-uj6og
    @TOXIC-uj6og Před 18 dny

    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 ?

  • @twowork5503
    @twowork5503 Před 11 dny

    8:39

  • @labombarde1
    @labombarde1 Před 18 dny

    WOW! Look at this beast! Like an encyclopedia video! Awesome! ... WE LOVE YOU BEAAUUU!!! (throws someones bra)

  • @naturevibes5388
    @naturevibes5388 Před 18 dny +2

    LLM course please

  • @shivaprasad6576
    @shivaprasad6576 Před 18 dny +4

    Beginners cannot understand this course at all

  • @fun_iqp
    @fun_iqp Před 18 dny

    hahaaa, a fart at 3:18:29, a decent end for a language so crappy XD

  • @fauxz3782
    @fauxz3782 Před 18 dny

    No callbacks and promises ?

    • @olivierBi
      @olivierBi Před 18 dny

      That's are mid level concepts.

    • @fauxz3782
      @fauxz3782 Před 18 dny

      @@olivierBi hmm.... maybe maybe

  • @madmax3992
    @madmax3992 Před 14 dny +1

    Thanks for this video.
    Are guys hiring??
    I'm willing to be assistant teacher 😁
    I'm 17😔😆

  • @ninja47rei77
    @ninja47rei77 Před 18 dny +6

    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

  • @raffayshahzad942
    @raffayshahzad942 Před 18 dny +3

    Bro speaks at 2x

  • @badral-balushi5911
    @badral-balushi5911 Před 6 dny

    It seems this Mosh Hamadani course remade ... Not good

  • @codegirl6153
    @codegirl6153 Před 18 dny +49

    You talk way too fast .

    • @StevenCodeCraft
      @StevenCodeCraft Před 18 dny +32

      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 CZcams settings to the 0.75 playback speed.

    • @jaxxon98
      @jaxxon98 Před 18 dny

      I agree!

    • @jeansmith2663
      @jeansmith2663 Před 18 dny +7

      I put the video on a lower speed! 🤔

    • @victorsiwaphiwe1422
      @victorsiwaphiwe1422 Před 18 dny +8

      Play at 0.75x speed

    • @rashmikathathsara3244
      @rashmikathathsara3244 Před 18 dny +2

      ​@@StevenCodeCraft nah ur better than most other guys running this channel who repeat themselves multiple times. (Comment from a Ben Shapiro fan)

  • @alejandroborja5031
    @alejandroborja5031 Před 12 dny

    comment

  • @IsxaaqAcademy
    @IsxaaqAcademy Před 17 dny

    Pls make a video about fine tuning & RAG (especially for non-english model)
    There's alot of confusion