JavaScript Course for Beginners 2024

Поділитися
Вставка
  • Опубліковано 27 тра 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

КОМЕНТАРІ • 88

  • @StevenCodeCraft
    @StevenCodeCraft 14 днів тому +71

    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 днів тому +2

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

    • @youtube6138
      @youtube6138 14 днів тому +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 14 днів тому +1

      Thanks for this tutorial!

    • @teknolovedigital
      @teknolovedigital 13 днів тому +1

      No. Its good. I love speed

    • @sleeksilk497
      @sleeksilk497 8 днів тому +1

      You're the man! PLEASE do react next

  • @lohituchil8907
    @lohituchil8907 14 днів тому +27

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

    • @anemo8862
      @anemo8862 День тому

      That's what I did. I have difficulty following it too 😅

  • @user-vw6bd7bb5n
    @user-vw6bd7bb5n 14 днів тому +7

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

  • @sleeksilk497
    @sleeksilk497 8 днів тому +2

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

  • @Prasadavajjhala
    @Prasadavajjhala 14 днів тому +4

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

  • @mia_seym
    @mia_seym 18 годин тому

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

  • @crashingatom6755
    @crashingatom6755 14 днів тому +3

    Stoked for this! Thanks!

  • @syedaffanhameed14
    @syedaffanhameed14 22 години тому

    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.

  • @shafnisha1171
    @shafnisha1171 14 днів тому +1

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

  • @DrTiggy666
    @DrTiggy666 14 днів тому +1

    Thanks guys, I was hoping for this one.

  • @prakashgnana586
    @prakashgnana586 14 днів тому +2

    Thank you for your effort!!

  • @twickAttack
    @twickAttack 14 днів тому +2

    Thank you🎉

  • @m1lkonline
    @m1lkonline 14 днів тому

    You guys are awesome, seriously!!

  • @Nonehelloworld
    @Nonehelloworld 14 днів тому +2

    Thanks !!

  • @skybeee
    @skybeee 14 днів тому

    thank you 🙏🏻🙏🏻

  • @MariaJuliaGomesdaSilva-ff3of
    @MariaJuliaGomesdaSilva-ff3of 14 днів тому

    thank you!!! 💞

  • @MirSwastik
    @MirSwastik 13 днів тому +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

  • @deequi77
    @deequi77 14 днів тому +1

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

  • @milosristic1111
    @milosristic1111 13 днів тому +2

    Thank You very much 🙏🥇🌞❤🇺🇲🌎

  • @pubgfam7678
    @pubgfam7678 14 днів тому +1

    Amazing crash course

  • @OlehKostin
    @OlehKostin 14 днів тому

    ❤ thank you

  • @Doomed137
    @Doomed137 14 днів тому +2

    Kubernates, Terraform vids pls

  • @godwinfelicity1747
    @godwinfelicity1747 14 днів тому +4

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

    • @freecodecamp
      @freecodecamp  14 днів тому +2

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

  • @IsxaaqAcademy
    @IsxaaqAcademy 14 днів тому

    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 14 днів тому

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

  • @mavericksr3530
    @mavericksr3530 14 днів тому +1

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

  • @krish2519
    @krish2519 14 днів тому +1

    I waited for a new course

  • @hamedsaeednia5507
    @hamedsaeednia5507 14 днів тому +1

    Learning JS for beginners everywhere

  • @Abhijais-uf7wh
    @Abhijais-uf7wh День тому

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

  • @naturevibes5388
    @naturevibes5388 14 днів тому

    FAANG Resume video please

  • @hamaadafzal2490
    @hamaadafzal2490 14 днів тому +2

    Sir kindly make tutorial on mern stack projects

  • @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 днів тому +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 14 днів тому

      No there isn't ai generating sites now.

  • @user-cc4wc1um7x
    @user-cc4wc1um7x 14 днів тому +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 14 днів тому

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

    • @Johnssssss
      @Johnssssss 14 днів тому +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

  • @rishiraj2548
    @rishiraj2548 14 днів тому

    👍👍

  • @CodeBookPro007
    @CodeBookPro007 14 днів тому +1

    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 11 днів тому

      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 днів тому +2

    LLM course please

  • @ninja47rei77
    @ninja47rei77 14 днів тому +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

  • @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

  • @shivaprasad6576
    @shivaprasad6576 14 днів тому +4

    Beginners cannot understand this course at all

  • @madmax3992
    @madmax3992 11 днів тому +1

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

  • @raffayshahzad942
    @raffayshahzad942 14 днів тому +3

    Bro speaks at 2x

  • @badral-balushi5911
    @badral-balushi5911 2 дні тому

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

  • @codegirl6153
    @codegirl6153 14 днів тому +46

    You talk way too fast .

    • @StevenCodeCraft
      @StevenCodeCraft 14 днів тому +30

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

    • @jaxxon98
      @jaxxon98 14 днів тому

      I agree!

    • @jeansmith2663
      @jeansmith2663 14 днів тому +7

      I put the video on a lower speed! 🤔

    • @victorsiwaphiwe1422
      @victorsiwaphiwe1422 14 днів тому +8

      Play at 0.75x speed

    • @rashmikathathsara3244
      @rashmikathathsara3244 14 днів тому +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 8 днів тому

    comment

  • @IsxaaqAcademy
    @IsxaaqAcademy 14 днів тому

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