Тёмный

WordPress Plugin Development: Gutenberg Blocks, React & More 

LearnWebCode
Подписаться 340 тыс.
Просмотров 194 тыс.
50% 1

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

Опубликовано:

 

26 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 206   
@atypical_blk_guy
@atypical_blk_guy 3 года назад
I got my first wordpress dev job 5 years ago because of you and your wordpress custom theme Playlist.
@LearnWebCode
@LearnWebCode 3 года назад
That's awesome!
@romankovalchik307
@romankovalchik307 3 года назад
Me too, but 2 years ago. Still have an Amazing University theme on my local machine as a relic :D
@AntiAtheismIsUnstoppable
@AntiAtheismIsUnstoppable 2 года назад
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.
@rayediaz
@rayediaz 2 года назад
Me too but 2 years ago.
@srinathravichandran8796
@srinathravichandran8796 2 года назад
@@romankovalchik307 we. Qcbbqb
@WEB360pl
@WEB360pl Год назад
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.
@slimyelow
@slimyelow 2 года назад
Holy Moly, I just found out that I purchased this course over a year ago and had completely forgotten about it. yay for me!
@unjoined
@unjoined 3 года назад
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 :)
@pramilaniroshan572
@pramilaniroshan572 3 года назад
I bought this course a year ago. It is great to see new updates and additions ❤️
@aniltheblogger
@aniltheblogger 3 года назад
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.
@SunnyKumar-zt7fe
@SunnyKumar-zt7fe 2 года назад
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.
@ivanbarta2821
@ivanbarta2821 3 года назад
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 :-)
@kensleylewis
@kensleylewis День назад
amazing course so far. I'm not even a third of a way through this course, and its already light years beyond in explanation and setup that any teacher on Udemy offers (on this topic).
@aryanmehrotra8388
@aryanmehrotra8388 3 года назад
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
@glenndevleeschouwer
@glenndevleeschouwer 2 года назад
After following this free couse I couldn't resist to buy the full course :) You are one kind of a teacher!
@corporalSM
@corporalSM 3 года назад
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.
@pramodhsp6326
@pramodhsp6326 2 года назад
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.
@rajkumarboominadhan6211
@rajkumarboominadhan6211 3 года назад
WhenEver i look for your Updates... I got a Solution & Confidence for the Next level in Wordpress Development . Thanks for the New Update Sir
@graphixig
@graphixig 3 года назад
Have Watched Almost 10 times every time i watch I Understand more...❤
@radouane5591
@radouane5591 3 года назад
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.
@LearnWebCode
@LearnWebCode 3 года назад
Thank you so much!
@esdev
@esdev 3 года назад
Your teaching style is awesome. Just bought it on udemy. Thanks Brad!
@SalomonPtasevich
@SalomonPtasevich Год назад
Loving this, I have been struggling with making GTP3 code work as a WordPress plug in this is helping a lot !!
@fvgoya
@fvgoya 3 года назад
It’s good to see you back!!!! Your content is awesome!!!
@KnownTechnical
@KnownTechnical 3 года назад
I was eagerly waiting for you to back....Excited when I get notified that you are back ❤️❤️❤️❤️❤️❤️
@raymondbyczko
@raymondbyczko Год назад
Just found your content. Very good work! Clear and concise.
@yorumcuturk
@yorumcuturk 3 года назад
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.
@LearnWebCode
@LearnWebCode 3 года назад
Thank you so much, I really appreciate that.
@chandikalakshan468
@chandikalakshan468 2 года назад
Still following this course. I feel this is pushing me forward well.
@ivanbarta2821
@ivanbarta2821 3 года назад
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.
@saweranabi7786
@saweranabi7786 3 года назад
I am pleased to watch your new video now. Thanks
@suhailxeaser
@suhailxeaser 3 года назад
Im watching your bootcamp series and Loving it.
@zaifhossain8509
@zaifhossain8509 3 года назад
Glad to see you again Brad (my favourite teacher)
@ivancuella7068
@ivancuella7068 3 года назад
Excelente contenido, explicación y workflow. Saludos desde Argentina. Thanks a lot Brad! :)
@DigitalTutorialsDeniseLanorias
@DigitalTutorialsDeniseLanorias 3 года назад
Yey u’r back and bec of u i learned html and css.
@IndranilTalukdarindia
@IndranilTalukdarindia Год назад
Awesome tutorial !! ♥
@karimk8551
@karimk8551 3 года назад
Hey look it's the man himself! Glad to have found you on youtube!😀
@rangabharath4253
@rangabharath4253 3 года назад
Awesome as always 👍😀
@dhruv9963
@dhruv9963 3 года назад
Awesome Brad, i'm waiting for your Plugin Development video since i purchased your WordPress course from Udemy.
@zohar_trade
@zohar_trade Год назад
amazing man you are the best mentor for this kind of stuff i have seen online
@englishwithaboudem3421
@englishwithaboudem3421 2 года назад
Truly speaking you're a very wordpress master developer. From senegal in west Africa
@binodrdx
@binodrdx 2 года назад
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!
@Shomaripope
@Shomaripope 2 года назад
You sound like Ron Howard…I love it! Amazing lessons too! 😁
@aadityagoenka5293
@aadityagoenka5293 Год назад
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
@NativeLibyans
@NativeLibyans 3 года назад
I like your courses, you are great teacher.
@egemengazeloglu1718
@egemengazeloglu1718 Год назад
Thank you so much Sensei! You are a blessing!
@xtremehackerzpro9511
@xtremehackerzpro9511 3 года назад
Amazing content and nice job!
@geriibra1645
@geriibra1645 2 года назад
Bookmarked!!!! I'm already watching a tutorial on udemy but this seems gold!
@techbd2477
@techbd2477 3 года назад
I always wait for your video :)
@AfzalAli-pw5sz
@AfzalAli-pw5sz 3 года назад
bradschiff is 🔥🔥🔥🙌
@dalwar9195
@dalwar9195 2 года назад
Thanks for your great tutorial.
@ketatgenhorst
@ketatgenhorst Год назад
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!
@ketatgenhorst
@ketatgenhorst Год назад
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.
@lenarnie2973
@lenarnie2973 2 года назад
OMG U ARE AMAZING thank u for these videos about wordpress
@rowerzysta8799
@rowerzysta8799 2 года назад
Nice video. Thanks!
@mwaqaspro
@mwaqaspro 3 года назад
Welcome back sir after 5 months.❤
@jonathanalphonso2035
@jonathanalphonso2035 2 года назад
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!
@ericramirez9724
@ericramirez9724 3 года назад
Woah! Spread the word !!! Brad is back ! Hooraay!
@shahriarparvezshuvo4760
@shahriarparvezshuvo4760 3 года назад
Oh Man! You came back. Missed you and MeowsALot :D
@LearnWebCode
@LearnWebCode 3 года назад
And you came back too :D I remember all your kind comments during the bootcamp ❤️
@josephdunleavy6817
@josephdunleavy6817 3 года назад
I bought your Udemy course with the university theme not long ago it was absolutely amazing
@vahidsediqi5638
@vahidsediqi5638 3 года назад
Really love your videos
@robcollins6807
@robcollins6807 3 года назад
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!
@LearnWebCode
@LearnWebCode 3 года назад
** searches job boards for Fairy Godmother opportunities ** 😂 Glad to hear the videos are helpful!
@cromlechs
@cromlechs 2 года назад
Excellent video .... : - )
@streamx2
@streamx2 3 года назад
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.
@skgh6233
@skgh6233 2 года назад
Thanks for the great work you are the best
@marcfielding2460
@marcfielding2460 2 года назад
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,
@visualmodo
@visualmodo 3 года назад
Really good WP work!
@dhanushka8756
@dhanushka8756 3 года назад
Welcome back sir after little rest! Happy to see my awesome teacher soon. 😊🤎🇱🇰
@sudhakar7400
@sudhakar7400 3 года назад
Wow super explanation
@aogunnaike
@aogunnaike 3 года назад
Awesome 😎👍
@brazo98
@brazo98 Год назад
Awesome tutorial. Thx a lot for that Dude. 😻😻😻
@LearnWebCode
@LearnWebCode Год назад
Glad it was helpful!
@AyushPanditofficial
@AyushPanditofficial 3 года назад
Big fan from india brought your all course
@Noleemits
@Noleemits 2 года назад
You Are The BEST
@stevebarakat6968
@stevebarakat6968 2 года назад
Very good.
@Labyrinthman
@Labyrinthman 3 года назад
This is amazing, you're amazing? Can you make a tutorial on block that's pulling the posts based on category or CPT?
@msvmanikantasrivishnu7788
@msvmanikantasrivishnu7788 3 года назад
u r the best ❤
@OstonCodeCypher
@OstonCodeCypher 3 года назад
Welcome back master
@VFXBOYAE
@VFXBOYAE Год назад
Thanks dude, it said directx error, but i restarted and it worked good
@damianperera927
@damianperera927 2 года назад
awesoooooooome thank you
@RickyT232
@RickyT232 2 года назад
Thank you!
@wayneshen5201
@wayneshen5201 3 года назад
Very good
@mariopurisic5133
@mariopurisic5133 3 года назад
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.
@LearnWebCode
@LearnWebCode 3 года назад
Thank you, and WooCommerce customization is a great idea for a class/series!
@mariopurisic5133
@mariopurisic5133 3 года назад
@@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!
@sebastianocano3289
@sebastianocano3289 Год назад
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!!!
@LearnWebCode
@LearnWebCode Год назад
😂 That's hilarious! I'm so glad to hear the course is helpful!
@sulmanahmad6943
@sulmanahmad6943 3 года назад
I learned wp theme development from your owesum theme development tutorial 5 years ago.
@mohamedyoussef8835
@mohamedyoussef8835 Год назад
Awesome video +++++++++++++++ 🙂
@kunaljain5709
@kunaljain5709 Год назад
it work on my pc thx bro vеry much
@No1mrnoobplayer
@No1mrnoobplayer 3 года назад
thanks a lot.
@sareshb4750
@sareshb4750 2 года назад
@LearnWebCode thanks for this video. How to interact Gutenberg Blocks in reactjs
@MmaLegend420
@MmaLegend420 2 года назад
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?
@birsingh5388
@birsingh5388 3 года назад
It looks fantastic 👍 Next project maybe on Laravel?
@marissacunningham2262
@marissacunningham2262 3 года назад
Your voice is bussin 🤌🏼
@bubbanstix841
@bubbanstix841 3 года назад
ohh thank you so much. I'm so lucky to have found you 1and half year ago. Can you make lessons for woocommerce plugin?
@LearnWebCode
@LearnWebCode 3 года назад
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?
@bubbanstix841
@bubbanstix841 3 года назад
@@LearnWebCode more interested in creating your own custom theme that integrates WooCommerce. I need woocommerce manipulation. how to make modal woocommerce notification for example.
@keshavanand7
@keshavanand7 3 года назад
Hey brad your wordpress course is awesome can you make tutorial on how to add featured images on categories
@martinkaspar5095
@martinkaspar5095 2 года назад
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
@user-jj6ts5ml3h
@user-jj6ts5ml3h 2 года назад
thanks for this lecture, I want the Word filter plugin lecture plz...
@pxlbltz
@pxlbltz 3 года назад
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.
@LearnWebCode
@LearnWebCode 3 года назад
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 😂
@pxlbltz
@pxlbltz 3 года назад
@@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 😉
@Witoldor12843
@Witoldor12843 2 года назад
Check carbon fields :)
@viktorshevchenko3888
@viktorshevchenko3888 3 года назад
My like in advance.
@hrrarya
@hrrarya 2 года назад
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?
@jorgemora1175
@jorgemora1175 3 года назад
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!!!
@LearnWebCode
@LearnWebCode 3 года назад
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.
@humanlifeispriceless2972
@humanlifeispriceless2972 2 года назад
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!
@drikting
@drikting 2 года назад
Love That Meow :)
@AyushPanditofficial
@AyushPanditofficial 3 года назад
Finally sir please make video on react +wordpress please please please sir
@be_real_truth_matters
@be_real_truth_matters 3 года назад
Sir = Slave I Remain...☺️
@sago1725
@sago1725 2 года назад
I don't speak English but I love this video
@danielmobbs5096
@danielmobbs5096 2 года назад
Hi, Brad love the video man. On the first select element, display location the option doesn't seem to store into my WP database, it stays empty. Any idea why? I think have written the code exactly as you have and not made any typo's as i normally do when coding. :D
@tammybarnettd8527
@tammybarnettd8527 2 года назад
nice
@dogscatslovers9664
@dogscatslovers9664 Год назад
Don't believe but it really worked
@sheraz_razzaq
@sheraz_razzaq 2 года назад
Hi Brad. I am bit confused about the Override of files . That how we can add the functionality in any plugin or theme that user can override our plugin files in to child theme.
Далее
Become a WordPress Developer: Unlocking Power with Code
3:18:33
Каха заблудился в горах
00:57
Просмотров 698 тыс.
Simple WordPress Plugin Development - Start to Finish
2:29:29
How To Access Any Forked GitHub Repositories Data
9:31
WordPress Interactivity API Tutorial & Explanation
1:57:13
Wordpress vs coding - why devs SHOULD learn Wordpress
11:03
WordPress REST API Tutorial (Real Examples)
49:31
Просмотров 481 тыс.
Exploring The Wordpress REST API & React Integration
51:32