WordPress Plugin Development: Gutenberg Blocks, React & More
Вставка
- Опубліковано 8 лип 2024
- Join my full WordPress course here learnwebcode.teachable.com/p/...
This video assumes you're already familiar with WordPress and how how to install a local dev environment. If you aren't familiar with that yet I suggest watching another one of my videos first: • Become a WordPress Dev...
0:00:00 Intro
0:02:56 Overview
0:16:32 Our First Plugin
0:27:12 Settings Page
0:42:11 Settings API
1:02:02 Settings Form
1:22:01 Word Count
1:41:57 Localization
2:02:12 JavaScript Intro
2:21:57 JSX & Workflow
2:41:43 Block Attributes
3:01:42 Block Output
3:24:01 Pros & Cons of Custom Post Types
Follow me for updates on new videos or projects:
Instagram: / javaschiff
Twitter: / learnwebcode
Facebook: / brad-schiff-1542576316...
Twitch: / learnwebcode
I got my first wordpress dev job 5 years ago because of you and your wordpress custom theme Playlist.
That's awesome!
Me too, but 2 years ago. Still have an Amazing University theme on my local machine as a relic :D
So, the logical operators like AND and OR do have a hierarchy like have the mathematical operators like * (multiply) and + (addition).
And takes precedence to OR the same way that multiplication takes precedence to addition. So..
1. a AND b AND c is the exact same as
2. a AND (b AND c)
while also
1. a * b * c is the exact same as
2. a * (b * c)
and
1. a AND b AND c AND (d OR e OR f) is therefore the same as
2. a AND (b AND c AND (d OR e OR f)) is the same as
3. a AND (b AND c) AND (d OR e OR f)
but you need the paranthesis around the OR if you want them, grouped because OR os lower in the hiearchy than AND so
1. a AND b AND c AND (d OR e OR f) is NOT the same as
2. a AND b AND c AND d OR e OR f
Now, the reason why this hiearchy is important, is both for readability and for performance.
There is no reason to add paranthesis where the hiearchy will naturally do the same. For readability, it just makes it more hard to read when there is unnnecessary clutter in the code.
But also for performance one should not add paranthesis arbitrarily. Do not add things that are not necessary for the computer to buggle with.
Instead, learn the hiearchy for logical operators, it will *_really_* help you make more readable and faster code.
Me too but 2 years ago.
@@romankovalchik307 we. Qcbbqb
I'm WP developer with 10+ years of expirience. I've watched the whole video because of your voice and teaching skills. I'm learning how to teach other.
Holy Moly, I just found out that I purchased this course over a year ago and had completely forgotten about it. yay for me!
Bought this course a year. And I am glad for new updates and additions ❤️
A Big thank you for all your videos and courses online. I watched your 'Become a WordPress Developer Unlocking Power With Code' and got me a job! I'm so glad that you came back, I'm eager to start this one and I'm already hoping to see you post again soon :)
I can't thank myself enough for taking your wordpress course on udemy. Had no idea wordpress is this powerful software and your teaching is awesome. About to start plugin section. Thanks Brad.
I have almost finished the course on Udemy and I must say that it is excellent and helped me a lot. Now I'm looking forward to new content :-)
I like it so much, very clear explanation in every step. I myself in Udemy for this course. Strongly recommend for those who want to learn the WP theme development from stretch.
Thanks a lot for coming up with update.
I primarily work in CodeIgniter but after watching you wordpress custom theme development playlist i also add wordpress to my resume and it gave me an advantage over others to get a job and i am waiting for your plugin development course for long time thanks big bro you are an awesome teacher
I've started plugin development, I haven't reached even middle of the video and understood much of the things. Please receive a tight hugs and hell lot of respect. Hats off. Amazing.
Thank you Brad, this was a much needed course for WordPress developers, with WordPress changing its direction and adding support for react, it is very frustating for some one new to figure thing out on their own. Bought your course already, looking forward for amazing and simplified ways of learning WordPress in future days to come.
After following this free couse I couldn't resist to buy the full course :) You are one kind of a teacher!
WhenEver i look for your Updates... I got a Solution & Confidence for the Next level in Wordpress Development . Thanks for the New Update Sir
Your teaching style is awesome. Just bought it on udemy. Thanks Brad!
Have Watched Almost 10 times every time i watch I Understand more...❤
Still following this course. I feel this is pushing me forward well.
Loving this, I have been struggling with making GTP3 code work as a WordPress plug in this is helping a lot !!
Glad to see you again Brad (my favourite teacher)
Truly speaking you're a very wordpress master developer. From senegal in west Africa
It’s good to see you back!!!! Your content is awesome!!!
Thank you so much Sensei! You are a blessing!
I was eagerly waiting for you to back....Excited when I get notified that you are back ❤️❤️❤️❤️❤️❤️
Excelente contenido, explicación y workflow. Saludos desde Argentina. Thanks a lot Brad! :)
I am pleased to watch your new video now.
Thanks
Im watching your bootcamp series and Loving it.
I bought your Udemy course with the university theme not long ago it was absolutely amazing
amazing man you are the best mentor for this kind of stuff i have seen online
Bookmarked!!!! I'm already watching a tutorial on udemy but this seems gold!
Yey u’r back and bec of u i learned html and css.
I've been watching this kind of videos since last 10 years. But you are the one of who have clean understandable voice, respectful who doesn't burp, fart...etc. when teaching. You are the only one who describe everything in one go and clean. You are really perfect. I never said that before to anyone who teaching tech skills. But I don't understand why you don't have millions of subscribers. There are some others who have millions of subscribers and they are worst than you. Your voice and speak very tidy and clean.
Thank you so much, I really appreciate that.
I've never seen any tutorials that write "a,b,c" as placeholder parameters but I really like this style. Great video and I've also purchased the Udemy course!
Just found your content. Very good work! Clear and concise.
I like your courses, you are great teacher.
Hello Brad, I just finished a new course content and it's really great! 👍
I think a crash course on Frontity would combine well with previous courses on Wordpress and React.
Thanks a lot for shared this tutorials. I bought your "Become a WordPress Developer..." course, it was fantastic. Also I want Advance Plugin Development course. Hope you will make it. Thank you!
Awesome Brad, i'm waiting for your Plugin Development video since i purchased your WordPress course from Udemy.
Awesome tutorial !! ♥
Hey look it's the man himself! Glad to have found you on youtube!😀
I learned WordPress from your beginning 5h WordPress course on Udemy 3 years ago. You are one of the best teachers online. I built my site in couple hours. I buy all your courses even If I don't watch them.
Thank you so much!
I'm on day 2 of my working along in this video. I have a specific plugin that I wanted to write, and as a developer I had a list of things I need to learn. I figured I would have to google each one, but 1:35 min in and I about 75% through with my list. I will be signing up for your course on Udemy as it seems you are. a very solid source of information. Thank you!
OK, my previous comment setup just how much value you had created in the first half of this course. At the 2 hour mark you explained how you would be going over the remaining few items on my list - IN your premium course.
Anyone who is here learning a skill to add to your internet marketing bag - THIS is where you should really look. I have never so happily clicked submit on a premium purchase. This was very well done.
Thanks dude, it said directx error, but i restarted and it worked good
bradschiff is 🔥🔥🔥🙌
Yesterday I was looking at your Twitter account and hoping your are OK because I enjoyed your videos at the end of last year so much. That was the first time I found out about you and bought all your udemy courses.
OMG U ARE AMAZING thank u for these videos about wordpress
Welcome back sir after 5 months.❤
You sound like Ron Howard…I love it!
Amazing lessons too! 😁
Wait is this Brad Schiff?
Dude I took your Udemy course to land up my first tech job in Lockdown you are a legend my man
Thanks for your great tutorial.
Awesome as always 👍😀
Woah! Spread the word !!! Brad is back ! Hooraay!
Big fan from india brought your all course
The first thing I should say is I'm a very very senior AWS/Javascript developer who got lumbered with a WP plugin(having done PHP ages ago) and have just done something that I hadn't done since the start of my career by mistake - this tutorial is a dream great work - BUT do remember if you follow this tutorial then your plugin code sits in the server directory and therefore if you "delete plugin" in the WP interface for any reason, it deletes your code!
So yeah I just accidentally deleted all my code from this but learned a lot, might be worth updating this to include source control/sync from a directory outside of the Local Sites folder!
Also we're looking for a consultant for an MVP launch of a rather cool product, let me know if you'd like to discuss - will be about a weeks paid work,
Nice video. Thanks!
Really love your videos
Wow super explanation
Thanks for the great work you are the best
Oh Man! You came back. Missed you and MeowsALot :D
And you came back too :D I remember all your kind comments during the bootcamp ❤️
You Are The BEST
I always wait for your video :)
Amazing content and nice job!
Really good WP work!
Awesome tutorial. Thx a lot for that Dude. 😻😻😻
Glad it was helpful!
Brad, have you considered becoming a Fairy Godmother? You have this knack of popping up at just the right time with some magical solution. Just checked back on my full course and there, as you promised, are the new sections. Perfect!
** searches job boards for Fairy Godmother opportunities ** 😂 Glad to hear the videos are helpful!
I learned wp theme development from your owesum theme development tutorial 5 years ago.
Excellent video .... : - )
u r the best ❤
it work on my pc thx bro vеry much
Welcome back master
Very good.
This is amazing, you're amazing?
Can you make a tutorial on block that's pulling the posts based on category or CPT?
awesoooooooome thank you
@LearnWebCode thanks for this video.
How to interact Gutenberg Blocks in reactjs
Awesome 😎👍
Welcome back sir after little rest! Happy to see my awesome teacher soon. 😊🤎🇱🇰
YOU ARE A EXCELLANT & HAVE BRILLANT TEACHING SKILLS. PL. MAKE A E-COMMERCE SITE DEVELOPMENT TUTORIAL, IT WILL BE HELPFUL FOR ALL OF US IN CARRIER BUILDING. THANKS AND HAT'S OFF TO YOU!
Very good
Thank you!
thanks a lot.
You are a gift!
I have a (random) question. Have you ever thought on making a class on working with and editing/customizing Woocommerce with all those hooks and actions? It's something I would purchase in a heartbeat.
Thank you, and WooCommerce customization is a great idea for a class/series!
@@LearnWebCode That would be awesome!!
I also just want to say that your Udemy courses (wordpress and javascript) truly helped me build not just my knowledge, but also confidence and by that grow my business tremendously. Forever grateful for that!
Don't believe but it really worked
thanks for this lecture, I want the Word filter plugin lecture plz...
It looks fantastic 👍
Next project maybe on Laravel?
Your voice is bussin 🤌🏼
very nice - thank you.
What the global wordpress community nees is some introduction in the topics
Full Site Editing
Query-Loop.
Block based design
could you come up with some of these !?
Keep up the great work - keep it up - it rocks.
Wordpress is a global community of friends
I just realize that wordpress is a must like web developer, more and more clients wants a complete solution, not just a landing page...the more "easy" and cheap to do is with wordpress...after almost 20 years I'm gonna re-learn php!!!
Nice! Now is a really fun time to learn PHP / WordPress because since JavaScript is used for so much, even just a little bit of PHP can go a long way.
Awesome video +++++++++++++++ 🙂
ohh thank you so much. I'm so lucky to have found you 1and half year ago.
Can you make lessons for woocommerce plugin?
Thanks! Are you more interested in how to create new extensions / features for WooCommerce, or more interested in creating your own custom theme that integrates WooCommerce?
@@LearnWebCode more interested in creating your own custom theme that integrates WooCommerce. I need woocommerce manipulation.
how to make modal woocommerce notification for example.
Finally sir please make video on react +wordpress please please please sir
Sir = Slave I Remain...☺️
Hey brad your wordpress course is awesome can you make tutorial on how to add featured images on categories
Great Lesson, one of the best. Quick question though. How did you know your plugin would take 5 arguments? Is that the usual rule, or did you already think in advance how this function would work?
I was going to say, hey, you stole the content of the course I bought on Udemy, but then I realized that you created the course lol, thanks for creating such an amazing course!!!
😂 That's hilarious! I'm so glad to hear the course is helpful!
I don't speak English but I love this video
My like in advance.
This is awesome! I'm happy that I bought ACF when it was still a one-time purchase before he went the subscription way (which I hate) but just like you said, I too prefer to be able to build Gutenberg blocks without it. I have every Udemy course of yours so I'm happy to dive back in again. I was wondering if you are using Docker and if you have considered to make a tutorial about it. Thanks for your amazing work.
Thanks! I prefer one-time purchases as well. I actually had Docker on a short list of ideas for videos. I was also considering having a "Finished Product" Docker image for the WP Udemy course; so if you wanted to have a working example to inspect / compare etc... it would be easy to setup. But I'd need to be careful to describe it in a way so that it doesn't generate tons of questions about Docker when the real focus should be on WordPress 😂
@@LearnWebCode Hahaha, I totally understand because those tons of questions would definitely arise 😉 I found Docker pretty confusing and I still have to look up a lot of stuff whenever I use it 😉
Check carbon fields :)
Came here from Udemy, great Content
You are an awesome teacher. I found Gutenberg block development very hard by following another course who used save function with very annoying "deprecated" method. Personally I follow DRY principle, but by using "deprecate", we cant follow DRY and this codes seems very messy. You moved the save function to PHP file, this approach is good and very appropriate.
Is this udemy course all about gutenberg block development?, or do you have any individual course on Gutenberg block plugin development?
Nice video, still watching..
For clarity, classes are not the correct way to prevent name - function or class name etc collisions. That is what namespaces are for. They should be preferred over classes for such purpose.
nice
Love That Meow :)
hello good position, thanks