WordPress Plugin Development: Gutenberg Blocks, React & More

Sdílet
Vložit
  • čas přidán 10. 07. 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

Komentáře • 204

  • @atypical_blk_guy
    @atypical_blk_guy Před 3 lety +138

    I got my first wordpress dev job 5 years ago because of you and your wordpress custom theme Playlist.

    • @LearnWebCode
      @LearnWebCode  Před 3 lety +15

      That's awesome!

    • @romankovalchik307
      @romankovalchik307 Před 3 lety +14

      Me too, but 2 years ago. Still have an Amazing University theme on my local machine as a relic :D

    • @AntiAtheismIsUnstoppable
      @AntiAtheismIsUnstoppable Před 2 lety

      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 Před 2 lety +2

      Me too but 2 years ago.

    • @srinathravichandran8796
      @srinathravichandran8796 Před 2 lety

      @@romankovalchik307 we. Qcbbqb

  • @WEB360pl
    @WEB360pl Před rokem +4

    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.

  • @KiranMore-dv9pg
    @KiranMore-dv9pg Před 3 lety

    Bought this course a year. And I am glad for new updates and additions ❤️

  • @unjoined
    @unjoined Před 3 lety +7

    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 :)

  • @glenndevleeschouwer
    @glenndevleeschouwer Před 2 lety

    After following this free couse I couldn't resist to buy the full course :) You are one kind of a teacher!

  • @slimyelow
    @slimyelow Před 2 lety +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!

  • @aniltheblogger
    @aniltheblogger Před 2 lety +6

    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 Před 2 lety +1

    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.

  • @aryanmehrotra8388
    @aryanmehrotra8388 Před 3 lety +4

    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

  • @rajkumarboominadhan6211

    WhenEver i look for your Updates... I got a Solution & Confidence for the Next level in Wordpress Development . Thanks for the New Update Sir

  • @ivanbarta2821
    @ivanbarta2821 Před 3 lety +6

    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 :-)

  • @corporalSM
    @corporalSM Před 2 lety +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 Před 2 lety +4

    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.

  • @chandikalakshan468
    @chandikalakshan468 Před 2 lety

    Still following this course. I feel this is pushing me forward well.

  • @esdev
    @esdev Před 3 lety

    Your teaching style is awesome. Just bought it on udemy. Thanks Brad!

  • @graphixig
    @graphixig Před 3 lety +3

    Have Watched Almost 10 times every time i watch I Understand more...❤

  • @SalomonPtasevich
    @SalomonPtasevich Před rokem

    Loving this, I have been struggling with making GTP3 code work as a WordPress plug in this is helping a lot !!

  • @fvgoya
    @fvgoya Před 3 lety

    It’s good to see you back!!!! Your content is awesome!!!

  • @KnownTechnical
    @KnownTechnical Před 3 lety +2

    I was eagerly waiting for you to back....Excited when I get notified that you are back ❤️❤️❤️❤️❤️❤️

  • @zaifhossain8509
    @zaifhossain8509 Před 3 lety +2

    Glad to see you again Brad (my favourite teacher)

  • @raymondbyczko
    @raymondbyczko Před rokem

    Just found your content. Very good work! Clear and concise.

  • @saweranabi7786
    @saweranabi7786 Před 3 lety

    I am pleased to watch your new video now.
    Thanks

  • @englishwithaboudem3421

    Truly speaking you're a very wordpress master developer. From senegal in west Africa

  • @karimk8551
    @karimk8551 Před 3 lety

    Hey look it's the man himself! Glad to have found you on youtube!😀

  • @ketatgenhorst
    @ketatgenhorst Před rokem

    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 Před rokem

      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.

  • @yorumcuturk
    @yorumcuturk Před 3 lety

    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  Před 3 lety

      Thank you so much, I really appreciate that.

  • @suhailxeaser
    @suhailxeaser Před 3 lety

    Im watching your bootcamp series and Loving it.

  • @DigitalTutorialsDeniseLanorias

    Yey u’r back and bec of u i learned html and css.

  • @ericramirez9724
    @ericramirez9724 Před 3 lety

    Woah! Spread the word !!! Brad is back ! Hooraay!

  • @ivanbarta2821
    @ivanbarta2821 Před 2 lety +2

    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.

  • @ivancuella7068
    @ivancuella7068 Před 2 lety

    Excelente contenido, explicación y workflow. Saludos desde Argentina. Thanks a lot Brad! :)

  • @zohar_trade
    @zohar_trade Před rokem

    amazing man you are the best mentor for this kind of stuff i have seen online

  • @egemengazeloglu1718
    @egemengazeloglu1718 Před rokem

    Thank you so much Sensei! You are a blessing!

  • @radouane5591
    @radouane5591 Před 3 lety +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.

  • @shahriarparvezshuvo4760
    @shahriarparvezshuvo4760 Před 3 lety +1

    Oh Man! You came back. Missed you and MeowsALot :D

    • @LearnWebCode
      @LearnWebCode  Před 3 lety

      And you came back too :D I remember all your kind comments during the bootcamp ❤️

  • @marcfielding2460
    @marcfielding2460 Před 2 lety

    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,

  • @geriibra1645
    @geriibra1645 Před 2 lety

    Bookmarked!!!! I'm already watching a tutorial on udemy but this seems gold!

  • @binodrdx
    @binodrdx Před 2 lety

    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!

  • @robcollins6807
    @robcollins6807 Před 3 lety

    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  Před 3 lety +1

      ** searches job boards for Fairy Godmother opportunities ** 😂 Glad to hear the videos are helpful!

  • @AfzalAli-pw5sz
    @AfzalAli-pw5sz Před 3 lety +2

    bradschiff is 🔥🔥🔥🙌

  • @dhruv9963
    @dhruv9963 Před 3 lety

    Awesome Brad, i'm waiting for your Plugin Development video since i purchased your WordPress course from Udemy.

  • @Shomaripope
    @Shomaripope Před 2 lety +1

    You sound like Ron Howard…I love it!
    Amazing lessons too! 😁

  • @techbd2477
    @techbd2477 Před 3 lety

    I always wait for your video :)

  • @NativeLibyans
    @NativeLibyans Před 3 lety +1

    I like your courses, you are great teacher.

  • @mwaqaspro
    @mwaqaspro Před 3 lety

    Welcome back sir after 5 months.❤

  • @IndranilTalukdarindia

    Awesome tutorial !! ♥

  • @josephdunleavy6817
    @josephdunleavy6817 Před 3 lety +1

    I bought your Udemy course with the university theme not long ago it was absolutely amazing

  • @rangabharath4253
    @rangabharath4253 Před 3 lety

    Awesome as always 👍😀

  • @lenarnie2973
    @lenarnie2973 Před 2 lety

    OMG U ARE AMAZING thank u for these videos about wordpress

  • @aadityagoenka5293
    @aadityagoenka5293 Před rokem

    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

  • @streamx2
    @streamx2 Před 3 lety

    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.

  • @jonathanalphonso2035
    @jonathanalphonso2035 Před 2 lety +1

    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!

  • @dalwar9195
    @dalwar9195 Před 2 lety

    Thanks for your great tutorial.

  • @xtremehackerzpro9511
    @xtremehackerzpro9511 Před 3 lety

    Amazing content and nice job!

  • @rowerzysta8799
    @rowerzysta8799 Před 2 lety

    Nice video. Thanks!

  • @cromlechs
    @cromlechs Před 2 lety +1

    Excellent video .... : - )

  • @dhanushka8756
    @dhanushka8756 Před 3 lety +1

    Welcome back sir after little rest! Happy to see my awesome teacher soon. 😊🤎🇱🇰

  • @vahidsediqi5638
    @vahidsediqi5638 Před 3 lety

    Really love your videos

  • @VFXBOYAE
    @VFXBOYAE Před rokem

    Thanks dude, it said directx error, but i restarted and it worked good

  • @visualmodo
    @visualmodo Před 3 lety

    Really good WP work!

  • @brazo98
    @brazo98 Před rokem

    Awesome tutorial. Thx a lot for that Dude. 😻😻😻

  • @skgh6233
    @skgh6233 Před 2 lety

    Thanks for the great work you are the best

  • @AyushPanditofficial
    @AyushPanditofficial Před 3 lety

    Big fan from india brought your all course

  • @Noleemits
    @Noleemits Před 2 lety

    You Are The BEST

  • @OstonCodeCypher
    @OstonCodeCypher Před 3 lety

    Welcome back master

  • @aogunnaike
    @aogunnaike Před 3 lety

    Awesome 😎👍

  • @sudhakar7400
    @sudhakar7400 Před 3 lety

    Wow super explanation

  • @mariopurisic5133
    @mariopurisic5133 Před 3 lety +4

    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  Před 3 lety +5

      Thank you, and WooCommerce customization is a great idea for a class/series!

    • @mariopurisic5133
      @mariopurisic5133 Před 3 lety +1

      @@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!

  • @stevebarakat6968
    @stevebarakat6968 Před 2 lety

    Very good.

  • @msvmanikantasrivishnu7788

    u r the best ❤

  • @Labyrinthman
    @Labyrinthman Před 3 lety

    This is amazing, you're amazing?
    Can you make a tutorial on block that's pulling the posts based on category or CPT?

  • @damianperera927
    @damianperera927 Před 2 lety

    awesoooooooome thank you

  • @RickyT232
    @RickyT232 Před 2 lety

    Thank you!

  • @sulmanahmad6943
    @sulmanahmad6943 Před 3 lety

    I learned wp theme development from your owesum theme development tutorial 5 years ago.

  • @wayneshen5201
    @wayneshen5201 Před 3 lety

    Very good

  • @sareshb4750
    @sareshb4750 Před 2 lety

    @LearnWebCode thanks for this video.
    How to interact Gutenberg Blocks in reactjs

  • @kunaljain5709
    @kunaljain5709 Před rokem

    it work on my pc thx bro vеry much

  • @No1mrnoobplayer
    @No1mrnoobplayer Před 3 lety

    thanks a lot.

  • @MmaLegend420
    @MmaLegend420 Před 2 lety

    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?

  • @humanlifeispriceless2972

    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!

  • @mohamedyoussef8835
    @mohamedyoussef8835 Před rokem

    Awesome video +++++++++++++++ 🙂

  • @birsingh5388
    @birsingh5388 Před 3 lety

    It looks fantastic 👍
    Next project maybe on Laravel?

  • @sebastianocano3289
    @sebastianocano3289 Před rokem

    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  Před rokem

      😂 That's hilarious! I'm so glad to hear the course is helpful!

  • @user-jj6ts5ml3h
    @user-jj6ts5ml3h Před 2 lety

    thanks for this lecture, I want the Word filter plugin lecture plz...

  • @pxlbltz
    @pxlbltz Před 3 lety +1

    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  Před 3 lety +4

      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 Před 3 lety

      @@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 Před 2 lety

      Check carbon fields :)

  • @bubbanstix841
    @bubbanstix841 Před 3 lety +2

    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  Před 3 lety +1

      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 Před 3 lety +1

      @@LearnWebCode more interested in creating your own custom theme that integrates WooCommerce. I need woocommerce manipulation.
      how to make modal woocommerce notification for example.

  • @marissacunningham2262
    @marissacunningham2262 Před 3 lety

    Your voice is bussin 🤌🏼

  • @jorgemora1175
    @jorgemora1175 Před 3 lety

    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  Před 3 lety

      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.

  • @dogscatslovers9664
    @dogscatslovers9664 Před rokem

    Don't believe but it really worked

  • @hrrarya
    @hrrarya Před 2 lety

    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?

  • @viktorshevchenko3888
    @viktorshevchenko3888 Před 3 lety

    My like in advance.

  • @martinkaspar5095
    @martinkaspar5095 Před 2 lety +1

    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

  • @AyushPanditofficial
    @AyushPanditofficial Před 3 lety

    Finally sir please make video on react +wordpress please please please sir

  • @drikting
    @drikting Před 2 lety

    Love That Meow :)

  • @tammybarnettd8527
    @tammybarnettd8527 Před 2 lety

    nice

  • @keshavanand7
    @keshavanand7 Před 3 lety

    Hey brad your wordpress course is awesome can you make tutorial on how to add featured images on categories

  • @sago1725
    @sago1725 Před 2 lety

    I don't speak English but I love this video

  • @danielmobbs5096
    @danielmobbs5096 Před 2 lety

    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

  • @ojutikuoluwatobi3444
    @ojutikuoluwatobi3444 Před 2 lety

    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.

  • @sheraz_razzaq
    @sheraz_razzaq Před 2 lety

    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.