JavaScript Pure Functions - Tutorial for beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ธ.ค. 2024

ความคิดเห็น • 161

  • @ColorCode-io
    @ColorCode-io  10 หลายเดือนก่อน +32

    Episode 16: Pure Functions 🤘👨‍💻🔥🎉

    • @sergiu6650
      @sergiu6650 10 หลายเดือนก่อน +3

      Well done .. Craig!, Can you post more often ? :D Maybe some React stuff ?

  • @ALENonEIC
    @ALENonEIC 10 หลายเดือนก่อน +12

    Honey, wake up. ColorCode posted a new JavaScript video.

  • @javeedakhter324
    @javeedakhter324 10 หลายเดือนก่อน +16

    Javascript legend 🎉👍

  • @bhuvaneshraj5405
    @bhuvaneshraj5405 3 วันที่ผ่านมา +1

    this man is underrated more people should be aware about his content

  • @mohammadabbas1623
    @mohammadabbas1623 10 หลายเดือนก่อน +8

    Oh man, we need a video editing tutorial as well 😛🤩

  • @cosmasdaniella2079
    @cosmasdaniella2079 4 หลายเดือนก่อน +3

    I don't know why I am just discovering your channel, but I am so glad I did. You are a great tutor.🔥🔥

  • @mikeJohnson2222
    @mikeJohnson2222 10 หลายเดือนก่อน +2

    Bro thanks... The way you break down the entire language is awesome.

  • @beinyourguard
    @beinyourguard 10 หลายเดือนก่อน +7

    Sina I LOVE your way of teaching, it's just so simple, entertaining and helpful

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +2

      Thank you!

  • @MeetPatel_01
    @MeetPatel_01 8 หลายเดือนก่อน +2

    i been browsing advanced Js tutorials all around, i got few but sounds boring, i really appreciate the energy you got while explain things, totally love it, can't wait for more content.

    • @ColorCode-io
      @ColorCode-io  7 หลายเดือนก่อน

      I appreciate that!

  • @chhavimanichoubey9437
    @chhavimanichoubey9437 10 หลายเดือนก่อน +1

    My favourite online coding teacher is back

  • @JohnnyDiabetes
    @JohnnyDiabetes 8 หลายเดือนก่อน +1

    ...when you find out your nascent skillset/hobby comes with a TH-camr that makes incredible content with clarity, humor, style, and beauty. And you just wish you could make him understand how much you appreciate him...
    Thank you, Sina. You're like that indie film that is so special that you want everyone to see it and love it as much as you do. You're my developer-resource version of 'Sing Street' (2016). Or maybe 'You Can Count On Me' (2000).
    [digital gratitude hug]

    • @ColorCode-io
      @ColorCode-io  6 หลายเดือนก่อน

      Thank you for the love, Johnny! Made my day. Great comment.

  • @himalayanmonk3350
    @himalayanmonk3350 6 หลายเดือนก่อน +1

    Good sir , you are a gentleman and a scholar ❤

  • @nirau
    @nirau 9 หลายเดือนก่อน +3

    So happy to found your channel, it makes my frontend developer study journey so much better! Cheers

  • @4rmboy
    @4rmboy 10 หลายเดือนก่อน +6

    You know you have the perfect combo. The videos are both interesting and useful.

    • @ColorCode-io
      @ColorCode-io  9 หลายเดือนก่อน

      I appreciate that!

  • @paternyao
    @paternyao 9 หลายเดือนก่อน +1

    Starting at 3:00, how do you access this clear code editing space in the browser? Which browser is it? How do I access this window? It’s so clean!

    • @ColorCode-io
      @ColorCode-io  9 หลายเดือนก่อน +1

      RunJS.app/ColorCode

  • @BigBabyofTel
    @BigBabyofTel 10 หลายเดือนก่อน +3

    Your style of teaching is effective. I hope you get the energy to do something similar with Typescript. This series on JS is already one of the best ones on YT

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +1

      Great suggestion!

  • @kiranshelar2961
    @kiranshelar2961 8 หลายเดือนก่อน +1

    Best content for understanding difficullt javascript concepts! Thankyou

  • @hessamt800
    @hessamt800 10 หลายเดือนก่อน +2

    Hats off to you, nice to have you back.

  • @kbkmn
    @kbkmn 10 หลายเดือนก่อน +1

    great video as always. i think that you should address that functional programming is often about higher order functions and state separation

  • @amsxiety
    @amsxiety 10 หลายเดือนก่อน +5

    Best conceptual coding videos ❤

  • @عبداللهزقايق
    @عبداللهزقايق 26 วันที่ผ่านมา +1

    Man, you are such a legend thank you so much for this beautiful content !

  • @zero11010
    @zero11010 10 หลายเดือนก่อน +13

    The song: counting bodies like sheep to the rhythm of the wardrums
    Performed by: a perfect circle
    I love your music references. 👍

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +2

      Correct! Nice job

  • @sugarfairy1248
    @sugarfairy1248 9 หลายเดือนก่อน +1

    Love your style of video editing and how you present the concepts in such a fun way! You deserve much much more subscribers!

  • @opsingh861
    @opsingh861 7 หลายเดือนก่อน +1

    Intro and editing was on the next level 💥💥💥💥

    • @ColorCode-io
      @ColorCode-io  6 หลายเดือนก่อน

      Appreciate it!

  • @ianfrye8988
    @ianfrye8988 10 หลายเดือนก่อน +1

    Also the no side effects is so important in state management and the core concept of libraries like redux. Never modify state directly. Only return an updated state

  • @jonathanserwano9948
    @jonathanserwano9948 8 หลายเดือนก่อน +1

    man you are the best at acting and explaining complex stuff for me, i really enjoy your videos

    • @ColorCode-io
      @ColorCode-io  7 หลายเดือนก่อน

      Glad you like them!

  • @GiggleSnips
    @GiggleSnips 10 หลายเดือนก่อน +1

    Your videos are really great ❤ thankyou.
    I request you plz do videos on React Hooks

  • @NikolayVeselinov
    @NikolayVeselinov 10 หลายเดือนก่อน +2

    Alright, im ready for the next video, keep em coming!

  • @franexmo81-
    @franexmo81- 10 หลายเดือนก่อน +2

    Brief, simple, clear and fun.
    Thanks for this amazing learning material

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +2

      🤘🏼👍🏼

  • @NadaII
    @NadaII 10 หลายเดือนก่อน +2

    Coding fact: If you write a function that sets the CSS variable for Sina's hair to 'hidden' and attach an onClick, you can transform him into Stanley Tucci. Add a 0.5s ease-in-out for a smoother transition.
    This is based purely on the thumbnail to this video btw..

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน

      Comment of the year 🏆

  • @aj_hari_7
    @aj_hari_7 10 หลายเดือนก่อน +1

    We need consistent videos from Sin Jazzz 🎉

  • @junhuama68
    @junhuama68 10 หลายเดือนก่อน +1

    Thank you so much! This is pure and simple to understand! Nice haircut! SO SO SO Looking forward to the next episode!!! Thank you again!!!!

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน

      Thank you! Coming soon

  • @lifelens-n2r
    @lifelens-n2r 10 หลายเดือนก่อน +1

    hey, I love your teaching style. please make a video on Garbage collection and circular referenced objects.

  • @hollam224
    @hollam224 9 หลายเดือนก่อน +1

    Love you soo much
    your tutorials are first class

    • @ColorCode-io
      @ColorCode-io  6 หลายเดือนก่อน

      Thank you so much!

  • @davidag90
    @davidag90 10 หลายเดือนก่อน +2

    Someone has been watching "Succession" hahaha hahahaha. Thanks a lot Sina, your content never let me down. Cheers!!

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +1

      Thank you! Good show.

  • @val-do
    @val-do 10 หลายเดือนก่อน +1

    Your edits are awesome

  • @BeeBeeEight
    @BeeBeeEight 10 หลายเดือนก่อน +2

    This video should be a preparatory course for React beginners 😏

  • @RobertMcGovernTarasis
    @RobertMcGovernTarasis 10 หลายเดือนก่อน +1

    Really curious, what is the tool you are using for the live coding? Looks useful, particularly for learning / testing ideas.

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน

      It's called RunJS. Here's my affiliate link: runjs.app/colorcode

  • @divineamos3296
    @divineamos3296 5 หลายเดือนก่อน

    You can't believe how good this tutorials are!

  • @alexngiifamily
    @alexngiifamily 10 หลายเดือนก่อน +1

    I am in Love with your explanations Bro. It's Amazing.

  • @tonyhomfray
    @tonyhomfray 9 หลายเดือนก่อน +1

    You’ve explained pure functions in a way that I finally understand! 🎉 Thank you! 🙏🏼
    Loving this whole series ❤ I found it searching for the Fetch API and have been back to watch the whole series 👌🏻

    • @ColorCode-io
      @ColorCode-io  9 หลายเดือนก่อน

      Awesome. Thanks!

  • @creed_forever
    @creed_forever 8 หลายเดือนก่อน +1

    So creative representation.

  • @krypton_dev
    @krypton_dev 10 หลายเดือนก่อน +3

    Thank you sinaaaa ❤

  • @sam_6480
    @sam_6480 8 หลายเดือนก่อน +1

    Such a wonderful tutorial ❤ Would you do an episode about design patterns and maybe software testing in the future?

  • @puyakhalili
    @puyakhalili 10 หลายเดือนก่อน +1

    Amazing video thanks a lot Sina. BTW how do you get the code continuously running on the right pane? is that Quokka ? and how do you get it to run in a separate column?

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +1

      It's called RunJS - Here's my affiliate link: runjs.app/colorcode

    • @puyakhalili
      @puyakhalili 10 หลายเดือนก่อน

      @@ColorCode-io Wow incredible! Thanks Sina :) BTW I love the Gholi cameos in your videos! Our beloved childhood friend ;)

  • @bmehder
    @bmehder 10 หลายเดือนก่อน +1

    The best tutorials.

  • @renzodiaz5996
    @renzodiaz5996 9 หลายเดือนก่อน +1

    I hope we get a "Qoli" face reveal by Episode 20 :)
    Awesome video man!

    • @ColorCode-io
      @ColorCode-io  9 หลายเดือนก่อน

      It's a possibility 🤨

  • @sebastianguerrero5629
    @sebastianguerrero5629 7 หลายเดือนก่อน

    Hi Sina, amazing work bro
    I would like to suggest this topics for future videos:
    💎 Getters and Setters
    💎 Short circuit operator
    💎 Event Propagation
    Thanks for the quality of the content, greetings from Colombia

  • @davidvernon3119
    @davidvernon3119 10 หลายเดือนก่อน

    Great video, great singing. I would add that while you can write pure functions in JavaScript, the language doesn’t support them the way some fancier languages do. For example in rust all functions are pure by default and the compiler guarantees this and you have to declare your intentions to be impure (to sin) by including self as an argument.

  • @hilariousness4393
    @hilariousness4393 10 หลายเดือนก่อน +1

    I was hapoy to see you in my notification panel

  • @215Leon215
    @215Leon215 10 หลายเดือนก่อน +1

    Been waiting so long for this series to continues! So glad that your back!

  • @dhiflaouibelgacem8146
    @dhiflaouibelgacem8146 10 หลายเดือนก่อน +1

    Thank you for your efforts

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน

      You're most welcome

  • @SebastianFinkel
    @SebastianFinkel 10 หลายเดือนก่อน +1

    Nice one! ❤

  • @ianfrye8988
    @ianfrye8988 10 หลายเดือนก่อน

    One reason I love typescript. It catches a lot of this

  • @shahidshafi1227
    @shahidshafi1227 10 หลายเดือนก่อน +2

    Extension for console??

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +1

      RunJS.app/ColorCode

  • @muhammad_faraz_ali
    @muhammad_faraz_ali 10 หลายเดือนก่อน +1

    Great Job Sina! Amazing content.👑 Kindly post react content as well

  • @chetansingh575
    @chetansingh575 10 หลายเดือนก่อน +1

    Thank You for this video. ❤

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +1

      You're welcome

  • @BigSmoke-r9w
    @BigSmoke-r9w 9 หลายเดือนก่อน +1

    Best. Intro. Ever. ❤

  • @IlPandax
    @IlPandax 10 หลายเดือนก่อน +1

    You deserve a lot more credits for your videos. ;)
    Anyway, may I ask a video about the semi colon? Is it good, is it bad, why was removed... :D

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +1

      I don't use them in these tutorials just to make things a little cleaner, and it doesn't really have an impact with some rare exceptions in return statements

    • @IlPandax
      @IlPandax 10 หลายเดือนก่อน

      @@ColorCode-ioAh ok! Thanks! :D

  • @keja5512
    @keja5512 7 หลายเดือนก่อน

    Pure presentation of Pure func👍👍

  • @Nick-o2s5h
    @Nick-o2s5h 10 หลายเดือนก่อน +1

    Javascript legend is back 🥳🥳🥳🥳🥳🥳🥳🥳🥳🥳

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน

      🕺🏻🙇🏻‍♂️

  • @EssedikAbdelRahimStudentBachou
    @EssedikAbdelRahimStudentBachou หลายเดือนก่อน

    what do you use for coding as an envirenement? thats interesting

  • @RostyslavNazarenko
    @RostyslavNazarenko 8 หลายเดือนก่อน

    Can we have a video in unit testing? But I'll probably learn it by myself till then) but I love your videos and type of teaching, and of course, I love you ♥😍😍

  • @CSCoreDecoded
    @CSCoreDecoded 10 หลายเดือนก่อน +1

    Welcomeee baaack🔥🔥🔥🔥

  • @mehmedshehov302
    @mehmedshehov302 4 หลายเดือนก่อน

    Very nice video, just a small tip from me. It will be better if you keep the background music one notch down

  • @denisveli9465
    @denisveli9465 7 หลายเดือนก่อน +1

    Thank you for the amazing content!
    Sorry about the awkward questions but I really like you glasses. Could you tell me the brand and the model, please?
    Thank in advance and keep up with the videos you're doing!

    • @ColorCode-io
      @ColorCode-io  7 หลายเดือนก่อน

      www.warbyparker.com/eyeglasses/dawson/azure-crystal-with-oak-barrel

  • @劉奕德-o2s
    @劉奕德-o2s 10 หลายเดือนก่อน

    Hi, Please let me know how to use spotlight effect on Mac mouse, thanks!

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน

      boinx.com/mousepose/

  • @ivo_sa
    @ivo_sa 9 หลายเดือนก่อน

    when is your course dropping ? cant wait!

    • @ColorCode-io
      @ColorCode-io  9 หลายเดือนก่อน

      Working on it as we speak. Make sure you join the list on www.colorcode.io

  • @Diego_Cabrera
    @Diego_Cabrera 10 หลายเดือนก่อน

    Sir you’re an amazing teacher. I aspire to be as clear and concise with my videos as you are. May I ask how you do you color grade your videos (lut or preset?) bc they’re beautiful. Also how do you edit your self right beside your editor? Is it a template for your screen recording or editing software?

    • @ColorCode-io
      @ColorCode-io  9 หลายเดือนก่อน

      It's got more to do with lighting and a good lens than software. Watch some tutorials on lighting before getting into LUTs, then you can do color correction based on your environment.

  • @karlstenator
    @karlstenator 10 หลายเดือนก่อน +1

    It can be argued that a function executing a console.log is an impure function, as its side-effect is writing to the console.

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน

      Absolutely correct

  • @PhantomDeluxe1111
    @PhantomDeluxe1111 6 หลายเดือนก่อน

    Hey Sina! Wonderful video can youu tell me which editing software you use to edit your videos? Wow come on man sick editing!

    • @ColorCode-io
      @ColorCode-io  5 หลายเดือนก่อน

      Final Cut Pro + Apple Motion

    • @PhantomDeluxe1111
      @PhantomDeluxe1111 5 หลายเดือนก่อน

      @@ColorCode-io oh thank you Sina and can you make a video on expression and statements like a full video becz It is very confusing and I would be pleased to see u upload one, thank you in advance😅😄😄🙂

  • @mohamadhag6338
    @mohamadhag6338 7 หลายเดือนก่อน

    The inventor of fun JavaScript:

  • @asi7377
    @asi7377 9 หลายเดือนก่อน

    what code editor you are using? i want that simplicity

    • @ColorCode-io
      @ColorCode-io  9 หลายเดือนก่อน +1

      RunJS.app/ColorCode

  • @Spunky_Tx
    @Spunky_Tx 5 หลายเดือนก่อน

    Thank you 🐐

  • @rasheds_miya
    @rasheds_miya 3 หลายเดือนก่อน

    Sir give full playlist on JavaScript 😊

  • @behindthescene4406
    @behindthescene4406 10 หลายเดือนก่อน +1

    I been waiting since long 😭😭😭😭

  • @copytopgrade6458
    @copytopgrade6458 10 หลายเดือนก่อน

    hello, what font do you use ?

  • @shinigamiryoutaro
    @shinigamiryoutaro 10 หลายเดือนก่อน +2

    He actuallyt made me drink water.. thanks yo

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +1

      Stay hydrated! 🚰

  • @amirkishk
    @amirkishk 10 หลายเดือนก่อน +1

    Finally 🎉🎉🎉🎉🎉

  • @ardavural4649
    @ardavural4649 10 หลายเดือนก่อน

    where is ur podcast :(

    • @ColorCode-io
      @ColorCode-io  9 หลายเดือนก่อน

      After the full JS course

  • @cholo2605
    @cholo2605 10 หลายเดือนก่อน +1

    GOAT!

  • @CLeovison
    @CLeovison 10 หลายเดือนก่อน

    Can you please do a video about side effect?

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน +1

      I cover side effects in this video

  • @creed_forever
    @creed_forever 8 หลายเดือนก่อน

    Rule 1 : one-to-one relation

  • @raghavenderkuppireddy7158
    @raghavenderkuppireddy7158 10 หลายเดือนก่อน +1

    Waiting ... && ❤❤❤🎉🎉🎉

  • @opencode1
    @opencode1 10 หลายเดือนก่อน +1

    wooooooohoooo you da best :))))

  •  หลายเดือนก่อน

    Succession 💪

  • @endfine9230
    @endfine9230 9 หลายเดือนก่อน

    I came looking for copper and found gold

  • @djhi-tek9249
    @djhi-tek9249 10 หลายเดือนก่อน

    Are you a syrian living in turkey ?

    • @logicmonster6197
      @logicmonster6197 10 หลายเดือนก่อน

      Bro he is definitely an Indian American

    • @ColorCode-io
      @ColorCode-io  9 หลายเดือนก่อน

      Neither

  • @longingbydesign
    @longingbydesign 10 หลายเดือนก่อน

    "JavaScript
    MasterClass
    Available Spring 2023" ...

  • @badr5465
    @badr5465 10 หลายเดือนก่อน

    aleluya! hehe

  • @PooriaHana
    @PooriaHana 7 หลายเดือนก่อน

    salut('Logan') never can be a pure function! It can unexpectedly return "Fu*k off" :))

  • @Conserveusaxx
    @Conserveusaxx 9 หลายเดือนก่อน +1

    Your videos are absolutely 🔥. Dude, dope a$$ jacket 🫡

    • @ColorCode-io
      @ColorCode-io  9 หลายเดือนก่อน

      Thanks! 🤘

  • @mohamadhag6338
    @mohamadhag6338 7 หลายเดือนก่อน

    The inventor of fun JavaScript: