Aurooba Makes
Aurooba Makes
  • 22
  • 35 240
Object Constructors in JavaScript
This lesson covers the four things I wish I understood about JavaScript early on: square bracket notation for access, the fact that keys are always strings, the this keyword, and object constructor functions.
ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-essentials-for-wp-devs/
If you found this video helpful, please subscribe and hit the like button!
มุมมอง: 479

วีดีโอ

Babel explained in 225 seconds
มุมมอง 1896 หลายเดือนก่อน
Do you know what Babel is? I didn't for the longest time. Even now, I don't really think we need to understand exactly how Babel does what it does. But knowing what it does is important. So here's 225 seconds of cocktail-party level knowledge on what Babel is, in case some hotshot swaggers up to you and starts quizzing you on it. ℹ️ This video is part of a crash course series, JS Essentials for...
How to fetch data asynchronously in JavaScript
มุมมอง 7036 หลายเดือนก่อน
Maybe one of the toughest things to figure out when I was getting started with JavaScript was how to asynchronously fetch data from a remote source. It always felt unreliable, confusing, and inconsistent. But what was actually happening was that my understanding of it was inconsistent. This video is going to get you up and running better than I did when I was first guessing in the dark around d...
Array.filter() in JavaScript
มุมมอง 1506 หลายเดือนก่อน
Yesterday we talked about looping through an array, let's talk about how to easily and quickly pick out items from an array based on a condition. ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-essentials-for-wp-devs/ If you found this video helpful, please subs...
The Array.map() function in JavaScript
มุมมอง 1436 หลายเดือนก่อน
This is a pretty simple one, we're going to take a look at how to loop over an array, without actually using a for loop. And we'll use some of the skills we've picked up in previous lessons too (like template literals and the spread operator). ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the ser...
Mutability in JavaScript is an important concept
มุมมอง 1906 หลายเดือนก่อน
How and when information stored in a variable is an extremely important concept to understand in any language. In JavaScript, sometimes this doesn’t feel so obvious, so we’ll go over mutability in general and then how we can safely mutate things only when we want to. ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more b...
Optional chaining in ~5 minutes
มุมมอง 1396 หลายเดือนก่อน
While sometimes an unnecessarily overused feature, understanding it and knowing how to use it is a crucial part of JavaScript development especially when dealing with unknown data sources. ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-essentials-for-wp-devs/ I...
Destructuring in JS: weird and awesome
มุมมอง 2096 หลายเดือนก่อน
Probably one of the most common patterns we encounter in frameworks like React, destructuring is a clean way to pull out information from complex information stores. ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-essentials-for-wp-devs/ If you found this video ...
What is the spread operator in JavaScript?
มุมมอง 2236 หลายเดือนก่อน
JavaScript developers can’t make up their mind! The spread operator is sometimes called the rest operator. What does it do? When does it make sense to use it? ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-essentials-for-wp-devs/ If you found this video helpful...
Template literals in JavaScript are useful
มุมมอง 1526 หลายเดือนก่อน
Manipulating strings is a normal and crucial part of web development. Learn how to concatenate and interpolate strings with other data and expressions in JavaScript. ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-essentials-for-wp-devs/ If you found this video ...
Two ways to import and export code in JavaScript
มุมมอง 3476 หลายเดือนก่อน
Unlike PHP, you don’t have to include entire files when you need code from elsewhere, you can pull in just bits and pieces using default and named imports and exports. ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-essentials-for-wp-devs/ If you found this vide...
JS tip: Write cleaner code with arrow functions
มุมมอง 3197 หลายเดือนก่อน
Arrow functions, also known as anonymous functions sometimes, are a cleaner way to write certain kinds of functions, because of their ability to have an implicit return! ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-essentials-for-wp-devs/ If you found this vi...
The difference in variable types matters in JavaScript
มุมมอง 2717 หลายเดือนก่อน
There are 3 types of variables in JavaScript: var, let, and const. Learn the differences between the 3 so you can decide which one makes sense in different situations. ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-essentials-for-wp-devs/ If you found this vide...
Expressions vs statements in JavaScript, know the difference
มุมมอง 5427 หลายเดือนก่อน
Understanding the difference between expressions and statements, and knowing how to convert statements into expressions is really important for success in frameworks built on top of of JavaScript that use JSX. ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-esse...
Introducing JavaScript Essentials for WordPress Developers
มุมมอง 4867 หลายเดือนก่อน
Why is understanding the essentials of JavaScript important for WordPress developers? What does this course cover? Who is this course for? ℹ️ This video is part of a crash course series, JS Essentials for WP Devs. Get the entire series, the code repository, and more by signing up for the series via email: aurooba.com/js-essentials-for-wp-devs/ If you found this video helpful, please subscribe a...
The 6 WCAG 2.2 AA changes you need to implement right away
มุมมอง 6K11 หลายเดือนก่อน
The 6 WCAG 2.2 AA changes you need to implement right away
Introducing QuickPost for the WordPress Block Editor
มุมมอง 4062 ปีที่แล้ว
Introducing QuickPost for the WordPress Block Editor
Adding Multiple Blocks to a WordPress Plugin in a few steps
มุมมอง 7K2 ปีที่แล้ว
Adding Multiple Blocks to a WordPress Plugin in a few steps
Locking things down (or enabling them) in the WordPress Block Editor
มุมมอง 8762 ปีที่แล้ว
Locking things down (or enabling them) in the WordPress Block Editor
Introducing the Super List Block for WordPress 5.9+
มุมมอง 1.6K2 ปีที่แล้ว
Introducing the Super List Block for WordPress 5.9
Why and how to use theme.json in WordPress themes
มุมมอง 5K3 ปีที่แล้ว
Why and how to use theme.json in WordPress themes
Using POEdit to Translate WordPress Themes and Plugins
มุมมอง 10K3 ปีที่แล้ว
Using POEdit to Translate WordPress Themes and Plugins

ความคิดเห็น

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

    Thank you for the video

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

    Very well explained, showing the sample website was extremely helpful. Thank you 😊

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

    OMGGGG, I waster a lot of time before i found this video. You are saviour. Thank you very much

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

    What a wonderful and crystal clear explanation. This is super helpful and shareable. Thanks a million! ❤

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

    additionally, how to bundle non block.json to bundle . Is there any ways ?

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

    Do you have premium course as well where you cover advanced topics?

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

    Worked like a charm, clear and easy to understand.

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

    Super helpful, thank you very much!

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

    Great demo and explanation. Thanks for sharing this vedio. Its really really helpful nd easy to understand 2.2. You are just awesome.

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

    After running the npx command and activating the plugin in the admin I am not able to see the block in the gutenberg editor. Am I missing something?

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

    fantastic 👍

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

    First: Thanks so much @Aurooba for creating and sharing this tutorial (freely!) which brought me up to speed (luckily I investigated before trying this out on my own :) )! One question I still have: In case you want to apply a consistent style for all the blocks w/in your plugin: what would be your way to go? E.g. creating a style.scss and edit.scss directly in /src and referencing to it in index.js/edit.js via e.g. "import '.././editor.scss';"? Thanks!

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

    I wish you would have displayed the stateChange and useState functionality on the console log. Anyway, wouldn't a conditional expression be easier to read, or is that just because useState is so unfamiliar?

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

    Promo>SM

  • @SEO-Berater
    @SEO-Berater 5 หลายเดือนก่อน

    easy to understand, thank you for all the examples!

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

      You're very welcome!

  • @MG-yk6rh
    @MG-yk6rh 5 หลายเดือนก่อน

    Great explanation! Many thanks. 🎉 As a friendly feedback: The animated neon green light on the background is unfortunately distracting and not ADHD friendly. Please see this comment just as an accessibility hint. 😊

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

      You are totally right. Good feedback for next time :)

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

    Hello! Thanks for the video, clear and straightforward. I have a question, what if I have this mutiple blocks plugin for my custom theme, but I want to load one single CSS file for my whole blocks? I need to create like 20 blocks for the building of the website with blocks and I want to avoid load 20 css files. Maybe I just need to call a single css file from my functions.php to the frontend and that's it, right? Or maybe there's a way to merge this css into a single file while building? I also readed that there's a function to load only the current css blocks that are in the post? I just want to know the best recomended way to do it. Thanks!

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

    i like when she put examples, easy to understand. i am now looking at tool to scan my app.

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

    if I translate a plugin - and upload it's pot file in the Podedit software, as you did - after translating, what do I do with those .po and .mo files? where to upload them more specifically?: D thanks

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

    Great video!

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

    Good points on accessibility Can u hv ur email I hv questions

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

    Fantastic explanation. You explain things great.

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

      Glad it was helpful!

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

    So glad I have found these videos just as I am getting back into JavaScript, thanks Aurooba, great content so far!

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

      Glad you like them!

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

    Why this approach is better than using event handlers? I use handlers for now and should I switch to a Promise?

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

    I knew ternaries, but this explanation of _why_ you need to use them in JSX is really clarifying! They are expressions! Thanks, Aurooba!

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

      My pleasure! It's one of those questions that just bugs you in the back of your mind right?

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

    I've been using JavaScript for a while now but I absolutely love how you break down these nuanced subtleties in short videos, an absolute gem for beginners - thank you 🙏 👏👏👏

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

      Thanks for the kind words, Elliot! Glad you are enjoying the series!

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

    That Babel playground is really neat!

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

    I was really confused for a minute because you didn't "await" the call to getGithubUserData(). (Normally if you are calling an async function, you would "await" it) But then I noticed that the reason you didn't have to await it is that the console.log is inside the function and that is what is logging the result. If getGithubUserData returned the userData, then anything calling it would have to await it. Is that right?

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

    Learned more from this series. Looking forward to the future courses and tutorials 😊 Thanks for taking time to explain these concepts.

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

      Thanks Lax! Glad you're enjoying the series! More to come 😉

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

    Wow. Excellent video with example... good job

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

      Thanks! 😃

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

    This keyword😶

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

      Haha i know you asked for this to be covered. It was already the plan. I touch on it briefly. :)

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

    Madam very nice video i even filled recaptcha but its bouncing back not opening your email Please can u share email i have couple of questions relating to form input and labels if i ask here it will be very descriptive

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

    Nice😊

  • @ANASRAJPOOT-qg7tb
    @ANASRAJPOOT-qg7tb 6 หลายเดือนก่อน

    you looks so preety MashallAh !

  • @voboghure-dev
    @voboghure-dev 6 หลายเดือนก่อน

    Nice, on point. 👍

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

    Superb explanation❤. Nice video

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

    please make a video on "this" keyword.

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

    This one's not in the JS for WP playlist yet.

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

      Whoops! Thanks for the reminder, Patrick! Added!

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

    A great demonstration of the filter method in 3 minutes. Awesome

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

      Can you make a video on "this" keyword. Even after 2 years, it still confuses me :(

  • @voboghure-dev
    @voboghure-dev 6 หลายเดือนก่อน

    Using different concept while showing map function and point it out is very helpful. Thanks.

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

      Yeah! I wanted to incorporate things from previous lessons into it ☺️

  • @MuhammadHamza-mb7uq
    @MuhammadHamza-mb7uq 6 หลายเดือนก่อน

    Mam are you upload a complete playlist of JavaScript for web?

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

    What theme are you using?

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

      I use dracula pro for my code editor theme. :)

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

    great video.. The most satisfying thing is that the video is not too long. The concept was explained in 3 minutes. Awesome

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

      Glad you liked it!

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

    When I tried to import './strings', my browsers (Firefox and Chrome) both threw an error: "Uncaught SyntaxError: import declarations may only appear at the top level of a module". Any insight into what I'm doing wrong is appreciated.

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

      That means you weren't importing correctly but I can get more specific if you share more. Mind sharing a screenshot or a code gist through github for me to look at?

  • @JoshSalwen-i9r
    @JoshSalwen-i9r 6 หลายเดือนก่อน

    Thank you! Much simpler than other examples I've seen. I also love your straightforward presentation style.

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

    This video is so much easier to understand the newly added success criteria in WCAG2.2 guidelines. Thanks! For creating.

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

      my pleasure! glad it was helpful!

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

    Excellent explanation. 🙌

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

      Thanks Ross!

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

    Keep on making such content. Your teaching methodology is awesome

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

    Nicely explained. This concept is called shallow copy and deep copy.

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

      Yes it is! I should have mentioned that and forgot 😅. I'll put it in the description somewhere perhaps and the email.

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

      @@AuroobaMakes Btw nice video

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

    Please can you make a video about api creation in js backend.

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

      That's out of scope for this series but I'll keep it in mind!