- 22
- 35 240
Aurooba Makes
Canada
เข้าร่วมเมื่อ 5 พ.ค. 2020
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!
ℹ️ 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
Thank you for the video
Very well explained, showing the sample website was extremely helpful. Thank you 😊
OMGGGG, I waster a lot of time before i found this video. You are saviour. Thank you very much
What a wonderful and crystal clear explanation. This is super helpful and shareable. Thanks a million! ❤
additionally, how to bundle non block.json to bundle . Is there any ways ?
Do you have premium course as well where you cover advanced topics?
Worked like a charm, clear and easy to understand.
Super helpful, thank you very much!
Great demo and explanation. Thanks for sharing this vedio. Its really really helpful nd easy to understand 2.2. You are just awesome.
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?
fantastic 👍
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!
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?
Promo>SM
easy to understand, thank you for all the examples!
You're very welcome!
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. 😊
You are totally right. Good feedback for next time :)
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!
i like when she put examples, easy to understand. i am now looking at tool to scan my app.
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
Great video!
Good points on accessibility Can u hv ur email I hv questions
Fantastic explanation. You explain things great.
Glad it was helpful!
So glad I have found these videos just as I am getting back into JavaScript, thanks Aurooba, great content so far!
Glad you like them!
Why this approach is better than using event handlers? I use handlers for now and should I switch to a Promise?
I knew ternaries, but this explanation of _why_ you need to use them in JSX is really clarifying! They are expressions! Thanks, Aurooba!
My pleasure! It's one of those questions that just bugs you in the back of your mind right?
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 🙏 👏👏👏
Thanks for the kind words, Elliot! Glad you are enjoying the series!
That Babel playground is really neat!
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?
Learned more from this series. Looking forward to the future courses and tutorials 😊 Thanks for taking time to explain these concepts.
Thanks Lax! Glad you're enjoying the series! More to come 😉
Wow. Excellent video with example... good job
Thanks! 😃
This keyword😶
Haha i know you asked for this to be covered. It was already the plan. I touch on it briefly. :)
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
Nice😊
you looks so preety MashallAh !
Nice, on point. 👍
Superb explanation❤. Nice video
please make a video on "this" keyword.
This one's not in the JS for WP playlist yet.
Whoops! Thanks for the reminder, Patrick! Added!
A great demonstration of the filter method in 3 minutes. Awesome
Can you make a video on "this" keyword. Even after 2 years, it still confuses me :(
Using different concept while showing map function and point it out is very helpful. Thanks.
Yeah! I wanted to incorporate things from previous lessons into it ☺️
Mam are you upload a complete playlist of JavaScript for web?
What theme are you using?
I use dracula pro for my code editor theme. :)
great video.. The most satisfying thing is that the video is not too long. The concept was explained in 3 minutes. Awesome
Glad you liked it!
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.
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?
Thank you! Much simpler than other examples I've seen. I also love your straightforward presentation style.
This video is so much easier to understand the newly added success criteria in WCAG2.2 guidelines. Thanks! For creating.
my pleasure! glad it was helpful!
Excellent explanation. 🙌
Thanks Ross!
Keep on making such content. Your teaching methodology is awesome
Nicely explained. This concept is called shallow copy and deep copy.
Yes it is! I should have mentioned that and forgot 😅. I'll put it in the description somewhere perhaps and the email.
@@AuroobaMakes Btw nice video
Please can you make a video about api creation in js backend.
That's out of scope for this series but I'll keep it in mind!