My recommendation for hosting your WordPress website is DreamHost and specifically their "Shared Unlimited" yearly plan (the exact plan I've used for 19 years). If you use my link to DreamHost it helps support my RUclips channel and costs you nothing extra: click.dreamhost.com/aff_c?offer_id=8&aff_id=17231
If Brad didn't do these great tutorials, I really don't know where else to learn about the WordPress blocks and Interactivity API... I don't see many resources anywhere, other than simple overview videos. Before, I resisted the use of block themes. I'm still not sure if blocks are good enough for all kinds of projects. I still haven't created a single website with them. But maybe it is time...
Thanks Ivan, you're always such an encouraging voice in the course announcements in Udemy. I'd only bother with block themes if the person who's going to be managing the posts/pages of a site will be needing a tiny bit of creative freedom in terms of composition / mixing matching certain page elements or creating landing pages etc... if someone is just entering h1 - h6 and paragraphs and lists and a featured image here and there, I think block themes are a lot of wasted effort as a developer. But for sites with more creative freedom to mix and match components during the page/post authoring process, it's actually pretty darn ideal. Thanks again! Brad
Hey Brad, That is awesome! Thanks so much for updating the course! I'm really excited to go back and have a look at it again. I love the way you teach, and it's great to see you excited about WordPress again. I hope this is just the beginning of new updates to your excellent course✌🏻
Hey Brad is there any benefit to separating the two blocks (the quiz and the counter) into separate plugins? or did you do this to demonstrate that you can communicate between plugins with the interactivity API?
Great question. In the real world those could absolutely just be two block types that are enabled by the same singular plugin. I think the boilerplate for creating a plugin with 1 block type is easier to setup and yes I was also trying to demonstrate that even two plugins can communicate with each other via the Interactivity API.
Hi, thanks for your tutorial! `data-wp-text="state.solvedCount"` How to observe 'create-block' store's solvedCount value at view.js not at directive like this example ?
Are there some api's to click for example a button in the frontend and add a new post to a custom-post-type? I mean every user should be able to click that button also logged out users?
Sounds somewhat similar to the "My Notes" feature in my full course. We let "guest" users take up to 5 notes (a custom post type). However, those are at least registered "guest" users. It's just a matter of adding your own custom REST API endpoint, and then you can execute any PHP code you want. By letting a user that's completely logged out create a post I'd be worried about how I'd limit a malicious user from creating 100 new posts every second and flooding my database.
Hi Brad, something I cannot understand well. If I create a Navbar or Slider block, which option is better to use, separate JS file with addEventListener, querySelector…. or the Interactivity API?
I'm not sure that I'd say one way is better than the other, it's just nice to have an official WordPress "standardized" way of doing things. It's almost like the Interactivity API is its own JSX or HTMX; it eliminates the need for addEventListener / querySelector and just lets you declare things in your HTML and have a few raw JS functions run at the appropriate times. Personally, I'll be using the Interactivity API if I'm creating a feature that is specific to WordPress. If I'm importing / leveraging a component / feature that I've already written in plain JS for another project I'd use plain JS. But I think the main advantage of the Interactivity API is that it offers server-side rendering; it's not just client-side JS, it does both the old fashioned initial server-sent HTML AND it handles the client-side JS. So in situations where accessibility / SEO concerns are present, that's a huge advantage and another reason I'd use it.
@@LearnWebCode Thank you for the answer Brad. I want to start to create WordPress project, but it’s hard to decide which one to use. I’m not sure, maybe I’ll use Interactivity API
You're welcome! Yes, the "Learn JavaScript" course was just updated 3 months ago to use the newest NPM version of packages and MongoDB and is working nicely. In the future I'd like to further update it to no longer use any Promise syntax, and instead use async await exclusively; but that's an easy fix and is just a conceptual / syntax preference. ~Brad
Hey Brad! Please create a detailed tutorial on WordPress speed optimization and Core Web Vitals using manual methods, not just by installing plugins. Cover everything from basic to advanced techniques, including advanced lazy loading, preloading above-the-fold images, advanced caching implementation, optimizing third-party scripts, fixing render-blocking scripts, reducing DOM size, and more. Thanks!
@@LearnWebCodePlease make sure not to rely solely on plugin installations. Prioritize manual methods instead. Cover advanced techniques, from server configuration to code optimization. Thanks again for your valuable response!
Hello Brad, Will this work for a case where you are building an e-commerce web app that has an admin dashboard and will have to expose a rest API for mobile client
Yes, but I might ask why are you wanting to consume data on the public front-end from the REST API instead of using PHP in your render.php file? Are you using client-side JS to power a single-page-application experience? If so, I'd stay away from the Interactivity API for now. Soon, WordPress will add the "Interactivity Router" into the core of WordPress and that's when this route could be the perfect solution.
@LearnWebCode my use case will be that merchant populates and edits product data from a dashboard ui, which is exposed through a REST API. Then, SPA or multi page Web app and mobile app consume the data. Ok, I'll wait for the interactive routes. Thank you.
I'm on Udemy watching the new Section "Interactivity API". I have a question, do you think WordPress will allow us to create SPA and dynamically rewrite a web page with new data from the web server instead of loading entire new pages ?! If this happens, it will be a big revolution !
Yes, you can google for "Interactivity Router" to find out more, but it hasn't been added to WordPress yet, there's no 100% official supported or "final" documentation as of today, but once it does get added, yes absolutely, we can create SPAs with WordPress.
WordPress coding standards recommend NOT to close the php tag at the end of a php file. This prevents accidental whitespace or new lines after the closing tag. Just a reminder for those in the comments. It's a real time waster tracking down invisible errors caused by this.
So WP choose React - crappy pick for backend, could pick e.g Vue to make frontend easy and templateing using tempalte inject. But then they literally mimic VUE2 structures on fronted, but make the directives less friendly and skip shorthands? How coool is that!
I'd have to agree. I'd be fine with WP choosing React initially for the block editor, but I think at that point they should have gone ALL in on creating a JSX interpreter written in PHP so that there could be have been SSR all from the same code (JSX blocks) much like Next.js has. Instead, now we have React for blocks, and an entirely separate API / syntax for SSR; while I'm happy WP has SSR like this now, you're right, it begs the question, couldn't it have been a lot simpler to stick with one tech.
Hi, Brad perfect video what do you feel about the rise of AI Concerning web development and what is your opinion about the recently launched Devin AI software engineer? Is Web Development Future Is In Trouble?
Thanks! I'm not worried about AI at all. I think all jobs regardless of the industry are about being a "responsibility container." The executives and management positions of companies are still going to have developers implement features because if something breaks or goes wrong they need "someone" to be responsible for things. Imagine a CEO of a company talking into a microphone telling AI what to change on an app used by billions of people. Never going to happen! Sure AI can create code but when something goes wrong it's not "responsible" for getting things fixed ASAP. At some point there's just no substitute for human responsibility. Yes, it's definitely true that with AI assistance 1 developer can get the work done that used to take 3 or 4 or 5 developers, however, I still think that's only true during very early bootstrap stages of a project while creating version 1.0 or prototypes. In the real world, even as a developer, most of my time on the job was spent in meetings, trying to understand what the client or management team is actually asking for, having them test it and figure out what they're wanting again, fixing tiny bugs, making tiny tiny adjustments, testing, testing, testing... waiting to be assigned my next task... and percentage wise an actually much smaller amount of my time was spent actually programming. So I think the impact on needing less developers is greatly overhyped. I think the recent tech layoffs are more indicative of the global economy, inflation, interest rates, etc... than just AI.
@@LearnWebCode Thank You!! You are a wonderful developer and the best instructor I have ever met👍👍 I have enrolled in your WordPress course and your teaching style encouraged me to purchase your new web development course. Because Instead of rushing things you explain to us what we are doing and why we are doing it. Never saw anyone explaining concepts this much clearly not even an instructor from bestseller and top-rated courses. Thank You for making an impactful change in education Have a great day sir 😀😀
@@GR_WebDev Thank you so much for the support and kind words! I'm glad the courses are helpful; hearing that they're useful motivates me to keep making them; I really appreciate that 🙏
I dislike wordpress as I don't like the speed it operates and the many facets it has...A lot to try to learn and then the plugins and themes are tiresome too. I have a good basics of css and html, but I don't use my skills everyday as I'm a tradesman, so have to do this , but trying to transion to web design. Do you offer any courses where I can either set up my own business or have a job that pays well doing web building. Thanks. P.s where's the cat?
Yes! You could create a new piece of "user meta" and then once you've shown the content to the client you could set their "hasSeenIntroContent" (made up example meta name) to true instead of false, and have it set to only display based on that true/false condition, etc...
![Vue.js Course for Beginners [2021 Tutorial]](http://i.ytimg.com/vi/FXpIoQ_rT_c/mqdefault.jpg)
My recommendation for hosting your WordPress website is DreamHost and specifically their "Shared Unlimited" yearly plan (the exact plan I've used for 19 years). If you use my link to DreamHost it helps support my RUclips channel and costs you nothing extra: click.dreamhost.com/aff_c?offer_id=8&aff_id=17231
I watch 100s of programming videos, i can confidently say your videos are gold mine
If Brad didn't do these great tutorials, I really don't know where else to learn about the WordPress blocks and Interactivity API... I don't see many resources anywhere, other than simple overview videos. Before, I resisted the use of block themes. I'm still not sure if blocks are good enough for all kinds of projects. I still haven't created a single website with them. But maybe it is time...
Thanks Ivan, you're always such an encouraging voice in the course announcements in Udemy. I'd only bother with block themes if the person who's going to be managing the posts/pages of a site will be needing a tiny bit of creative freedom in terms of composition / mixing matching certain page elements or creating landing pages etc... if someone is just entering h1 - h6 and paragraphs and lists and a featured image here and there, I think block themes are a lot of wasted effort as a developer. But for sites with more creative freedom to mix and match components during the page/post authoring process, it's actually pretty darn ideal. Thanks again! Brad
Started your WP course back in December. Right now I am halfway through the block themes section. Have learned a ton thanks to you man, great work!
At 24:00 changing "editorStyle" to array and adding "dashicons" is still needed in WordPress 6.5.5.
What I also love about your content is that the examples you do to teach us are always useful and different from others content creators.
Hey Brad,
That is awesome!
Thanks so much for updating the course!
I'm really excited to go back and have a look at it again.
I love the way you teach, and it's great to see you excited about WordPress again. I hope this is just the beginning of new updates to your excellent course✌🏻
Watching man on 3x speed is a dream.
As always, AMAZING content!!!! This channel is GOLD!!!! Still waiting your FULL NextJS course. I wanna buy it!!!
Thanks Brad. Another superb tutorial. Hope you're well dude.
Hey Brad is there any benefit to separating the two blocks (the quiz and the counter) into separate plugins? or did you do this to demonstrate that you can communicate between plugins with the interactivity API?
Great question. In the real world those could absolutely just be two block types that are enabled by the same singular plugin. I think the boilerplate for creating a plugin with 1 block type is easier to setup and yes I was also trying to demonstrate that even two plugins can communicate with each other via the Interactivity API.
Hi, thanks for your tutorial!
`data-wp-text="state.solvedCount"`
How to observe 'create-block' store's solvedCount value at view.js not at directive like this example ?
I have an up to date wordpress and apparently in the new version you can not see get the block to appear in the block selector...
I've always hated the "blocks." I installed the Classic Editor plugin to get rid of them.
Are there some api's to click for example a button in the frontend and add a new post to a custom-post-type? I mean every user should be able to click that button also logged out users?
Sounds somewhat similar to the "My Notes" feature in my full course. We let "guest" users take up to 5 notes (a custom post type). However, those are at least registered "guest" users. It's just a matter of adding your own custom REST API endpoint, and then you can execute any PHP code you want. By letting a user that's completely logged out create a post I'd be worried about how I'd limit a malicious user from creating 100 new posts every second and flooding my database.
Great vidéo 😊 thanks Brad
You are back
Hi Brad, something I cannot understand well. If I create a Navbar or Slider block, which option is better to use, separate JS file with addEventListener, querySelector…. or the Interactivity API?
I'm not sure that I'd say one way is better than the other, it's just nice to have an official WordPress "standardized" way of doing things. It's almost like the Interactivity API is its own JSX or HTMX; it eliminates the need for addEventListener / querySelector and just lets you declare things in your HTML and have a few raw JS functions run at the appropriate times. Personally, I'll be using the Interactivity API if I'm creating a feature that is specific to WordPress. If I'm importing / leveraging a component / feature that I've already written in plain JS for another project I'd use plain JS. But I think the main advantage of the Interactivity API is that it offers server-side rendering; it's not just client-side JS, it does both the old fashioned initial server-sent HTML AND it handles the client-side JS. So in situations where accessibility / SEO concerns are present, that's a huge advantage and another reason I'd use it.
@@LearnWebCode Thank you for the answer Brad. I want to start to create WordPress project, but it’s hard to decide which one to use. I’m not sure, maybe I’ll use Interactivity API
Thank you for your videos. Is your udemy js course updated, can i still take it and everything will work?
You're welcome! Yes, the "Learn JavaScript" course was just updated 3 months ago to use the newest NPM version of packages and MongoDB and is working nicely. In the future I'd like to further update it to no longer use any Promise syntax, and instead use async await exclusively; but that's an easy fix and is just a conceptual / syntax preference. ~Brad
Hey Brad! Please create a detailed tutorial on WordPress speed optimization and Core Web Vitals using manual methods, not just by installing plugins. Cover everything from basic to advanced techniques, including advanced lazy loading, preloading above-the-fold images, advanced caching implementation, optimizing third-party scripts, fixing render-blocking scripts, reducing DOM size, and more. Thanks!
That's a great idea for a micro-course or new chapter; I'll have to put together some notes and an outline at some point! Thanks!
@@LearnWebCode Thanks a lot❣
@@LearnWebCodePlease make sure not to rely solely on plugin installations. Prioritize manual methods instead. Cover advanced techniques, from server configuration to code optimization. Thanks again for your valuable response!
Hello Brad, Will this work for a case where you are building an e-commerce web app that has an admin dashboard and will have to expose a rest API for mobile client
Yes, but I might ask why are you wanting to consume data on the public front-end from the REST API instead of using PHP in your render.php file? Are you using client-side JS to power a single-page-application experience? If so, I'd stay away from the Interactivity API for now. Soon, WordPress will add the "Interactivity Router" into the core of WordPress and that's when this route could be the perfect solution.
@LearnWebCode my use case will be that merchant populates and edits product data from a dashboard ui, which is exposed through a REST API. Then, SPA or multi page Web app and mobile app consume the data.
Ok, I'll wait for the interactive routes. Thank you.
You are the best.
I'm on Udemy watching the new Section "Interactivity API". I have a question, do you think WordPress will allow us to create SPA and dynamically rewrite a web page with new data from the web server instead of loading entire new pages ?! If this happens, it will be a big revolution !
Yes, you can google for "Interactivity Router" to find out more, but it hasn't been added to WordPress yet, there's no 100% official supported or "final" documentation as of today, but once it does get added, yes absolutely, we can create SPAs with WordPress.
WordPress coding standards recommend NOT to close the php tag at the end of a php file. This prevents accidental whitespace or new lines after the closing tag. Just a reminder for those in the comments. It's a real time waster tracking down invisible errors caused by this.
So WP choose React - crappy pick for backend, could pick e.g Vue to make frontend easy and templateing using tempalte inject.
But then they literally mimic VUE2 structures on fronted, but make the directives less friendly and skip shorthands? How coool is that!
I'd have to agree. I'd be fine with WP choosing React initially for the block editor, but I think at that point they should have gone ALL in on creating a JSX interpreter written in PHP so that there could be have been SSR all from the same code (JSX blocks) much like Next.js has. Instead, now we have React for blocks, and an entirely separate API / syntax for SSR; while I'm happy WP has SSR like this now, you're right, it begs the question, couldn't it have been a lot simpler to stick with one tech.
Hi, Brad perfect video what do you feel about the rise of AI Concerning web development and what is your opinion about the recently launched Devin AI software engineer? Is Web Development Future Is In Trouble?
Thanks! I'm not worried about AI at all. I think all jobs regardless of the industry are about being a "responsibility container." The executives and management positions of companies are still going to have developers implement features because if something breaks or goes wrong they need "someone" to be responsible for things. Imagine a CEO of a company talking into a microphone telling AI what to change on an app used by billions of people. Never going to happen! Sure AI can create code but when something goes wrong it's not "responsible" for getting things fixed ASAP. At some point there's just no substitute for human responsibility. Yes, it's definitely true that with AI assistance 1 developer can get the work done that used to take 3 or 4 or 5 developers, however, I still think that's only true during very early bootstrap stages of a project while creating version 1.0 or prototypes. In the real world, even as a developer, most of my time on the job was spent in meetings, trying to understand what the client or management team is actually asking for, having them test it and figure out what they're wanting again, fixing tiny bugs, making tiny tiny adjustments, testing, testing, testing... waiting to be assigned my next task... and percentage wise an actually much smaller amount of my time was spent actually programming. So I think the impact on needing less developers is greatly overhyped. I think the recent tech layoffs are more indicative of the global economy, inflation, interest rates, etc... than just AI.
@@LearnWebCode Thank You!! You are a wonderful developer and the best instructor I have ever met👍👍 I have enrolled in your WordPress course and your teaching style encouraged me to purchase your new web development course. Because Instead of rushing things you explain to us what we are doing and why we are doing it. Never saw anyone explaining concepts this much clearly not even an instructor from bestseller and top-rated courses. Thank You for making an impactful change in education Have a great day sir 😀😀
@@GR_WebDev Thank you so much for the support and kind words! I'm glad the courses are helpful; hearing that they're useful motivates me to keep making them; I really appreciate that 🙏
@@LearnWebCode Again Thank you A lot for making wonderful courses Waiting for The Upcoming Updates and courses. @LearnWebCode All The Best.
Wait, this guy has a yt channel?
I'm the first here 🙃
🏆
2nd
I dislike wordpress as I don't like the speed it operates and the many facets it has...A lot to try to learn and then the plugins and themes are tiresome too. I have a good basics of css and html, but I don't use my skills everyday as I'm a tradesman, so have to do this , but trying to transion to web design. Do you offer any courses where I can either set up my own business or have a job that pays well doing web building. Thanks. P.s where's the cat?
Hi sir is it possible to saw this content after login kind of login first then showing content to client?
Yes! You could create a new piece of "user meta" and then once you've shown the content to the client you could set their "hasSeenIntroContent" (made up example meta name) to true instead of false, and have it set to only display based on that true/false condition, etc...