WordPress & JavaScript in 2019: Coding a Custom Block Type for Gutenberg Block Editor

Поделиться
HTML-код
  • Опубликовано: 26 авг 2024

Комментарии • 141

  • @CoderChamp
    @CoderChamp 5 лет назад +24

    Brad! When you will publish your React and JS courses?

    • @LearnWebCode
      @LearnWebCode  5 лет назад +79

      I'm still filming the step-by-step videos for the full-stack JS course. I've had the course project and lesson plans completed for months and months, but the act of filming each step and explaining everything in detail is taking longer than I anticipated. I know I didn't keep my promise of launching in 2018, but it's a pretty ambitious full-stack course and I hope it will be worth the wait 🙂. React will be my focus as soon as the full-stack course launches.

    • @GTA6Hunter
      @GTA6Hunter 5 лет назад +2

      @@LearnWebCode awesome waiting for it.

    • @hooligansofts7430
      @hooligansofts7430 5 лет назад +1

      @@LearnWebCode Can you please share the course content?

    • @socialtejas
      @socialtejas 5 лет назад

      @@LearnWebCode Awesome Brad. M waiting eagerly

    • @thomaschang2116
      @thomaschang2116 5 лет назад

      @@LearnWebCode Launch Now. Finish later. Please.

  • @mahmud0911
    @mahmud0911 5 лет назад

    Brad Schiff, acutally I got pre-downloaded videos of your "Get a webdeveloper job" and "Become a WordPress developer" from a friend. But with the knowledge of "Git: Get a web developer job" I was hired a job from that I already earned over $3000 USD. I felt grateful to you and I bought both courses from udemy. I frequently suggest your courses to friends and followers even to my clients. You are the best teacher I have ever learned from! Thanks for creating such wonderful courses! I pray your every successes.

  • @Tejas-zx7ie
    @Tejas-zx7ie 5 лет назад

    You are an AMAZING teacher. Please never stop teaching. Please!

  • @spiral272
    @spiral272 5 лет назад

    Hey everyone. I love Brad's course and am so happy he took the time to add this new material. If you are wondering where the new, block specific material is, it's listed under Section 23 and begins with Lecture 101. Thanks again, Brad, for doing this. It speaks very highly of you integrity as a software professional and educator.

  • @user-mo3cw6go7c
    @user-mo3cw6go7c 5 лет назад +1

    I took two of your courses and you are one of the best teachers in udemi

  • @kellistewart3628
    @kellistewart3628 2 года назад

    So super bummed. I was waiting a week for money to the udemy course. It was showing it was only $11.99 but I had to cover kids before I could swing it. Now it is $85 again. Sucks but I do totally understand. I LOVE these tutorials you do. So thorough. So easy to understand. Hope to catch it sometime. I have already learned so much. And, truly, I haven't learned from any of the other available tutorials on YT like I have these. Thanks for being awesome and sharing so much already! :)

  • @basantakc2168
    @basantakc2168 5 лет назад +4

    Brad plz dont hurry. Take your time and provide with us best course like you always do. :)

    • @IlieFlorea
      @IlieFlorea 5 лет назад

      Totally agree, no need for rush. Quality before quantity, I love your courses Brad they are very well explained and with real examples.

    • @DINESHKUMAR-xn6ij
      @DINESHKUMAR-xn6ij 5 лет назад

      I am also agree with you.

  • @luisestebanruiz9773
    @luisestebanruiz9773 4 года назад

    Sir , simply hats off, even though i understand some concepts, they way you teach is excelente, it makes me see beyond and reinforce all the things that i know.

  • @foupax
    @foupax 5 лет назад +1

    Brad, my best wishes for 2019. We will wait for your courses and updates as long as it takes because we know how worthy they are. Thank you very much from the bottom of my heart. ;)

  • @asemzk
    @asemzk 5 лет назад

    I just triggered the notification bell in your channel, didn't do that ever to any other channel, because you are awesome

  • @bicanmarianvaleriu5400
    @bicanmarianvaleriu5400 5 лет назад +1

    One thing is not mentioned. You can use js save method to update the html, But you need to also use 'deprecated' method in order to tell wp what has been changed. It is still annoying but just a heads up.

  • @yubrajshahi
    @yubrajshahi 5 лет назад +1

    Most popular cats in youtube cookie n kat!
    Already bought this course at udemy...great course if u want to be a wp professional.

  • @Goodvibescooking
    @Goodvibescooking 5 лет назад

    You're the best teacher hands down

  • @AslamD
    @AslamD 5 лет назад

    Great tutorial. Explained in very details in simple language.

  • @soccer19957
    @soccer19957 5 лет назад

    Brad Happy New year's !!!! Love your channel and wish you many great things this new year!!! I'm waiting excitedly for your Javascript course!!!!!

  • @hamzajaved1115
    @hamzajaved1115 5 лет назад

    Man you got amazing skills of teaching

  • @kerryd2060
    @kerryd2060 5 лет назад

    I purchased this full course on Udemy. Will be starting it soon.

  • @prashantsingh9229
    @prashantsingh9229 5 лет назад +1

    Hello Brad, can you please let us know when you are going to launch your new course of Js and react library??? Please make an update soon

  • @brentonjjenkins
    @brentonjjenkins 5 лет назад +6

    I would love to hear him say, "Now the story of a wealthy family who lost everything,
    And the one son who had no choice but to keep them all together,
    It's Arrested Development."

  • @MichaelQuad
    @MichaelQuad 4 года назад

    well, good review but you forgot about the main js-script which will handle block interactions:
    [
    editor-script => 'backend-admin-editor-script-here',
    script => 'frontend-user-interactions-script-here',
    ]
    that should be passed to block registration at the backend (php)

  • @niteshjpr
    @niteshjpr 5 лет назад +6

    Happy new year, still waiting for JS course, can you share some estimated date?

  • @CodingAfterThirty
    @CodingAfterThirty 5 лет назад

    I am excited for your new and upcoming courses. Definitely going to get it. Was wondering if you are going to talk about creating decoupled React Js apps using WP REST API powered by WP backend. Would be awesome. Lol. At least that something I want to learn to do.

  • @AkashYadav-pq6de
    @AkashYadav-pq6de 5 лет назад

    Thank you .This is what i was searching for. Made my day.

  • @csangale
    @csangale 5 лет назад

    Need video on templates for block ..just for educational purpose , how it works not as advance custom post and block labs but direct approach will also work. Direct mean they select the type in drop-down and the type button as example is selected for custom template cut that thing out.

  • @LearningSimplified
    @LearningSimplified 5 лет назад

    Always loved to hear from you...

  • @jeffreyjansen
    @jeffreyjansen 5 лет назад

    Just finished your 10 days Javascript course and haeding for the full JS course. But now I see that you have a Wordpress course. My goal is to work under the hood of Wordpress, create child themes to make my own templates and my own mySQL tables within Wordpress. What should I do next? Continuing the Javascript courses or beginning with the Wordpress course. Brad what would you advice?

  • @Shualam
    @Shualam 5 лет назад

    I purchased all your course on udemy. I'll add this to my list. Hope to add the JS course as well.

  • @tadejdanev5030
    @tadejdanev5030 5 лет назад

    happy and healthy 2019 !!!!!

  • @davechomp8336
    @davechomp8336 Год назад

    Is it possible to add a "placeholder element"?
    I mean something like the "+"-button in the Gutenberg Editor to add any element. It would be awesome if I could a carousel block like this! I tried out some plugins, but they come with too much stuff and it's almost never integrated into the Editor, but if then it almost never works ^^

  • @Samy_Saadi
    @Samy_Saadi 5 лет назад

    thank you Brad! your method of learning so professional :)

  • @Lets108
    @Lets108 5 лет назад

    Hey Brad! I have been following you since quite long time and really learnt lots of things because your way of teaching is awesome!. Brad i am bit confused in Responsive web design activities. Can you confirm when you are planning to make any video on this.

  • @gurung1812
    @gurung1812 5 лет назад

    Thank you for such a nice walk trough

  • @robeeeeen
    @robeeeeen 2 года назад

    npx create-guten-block my-block does not work, do you have any suggestion to avoid using babel conversion?

  • @lashachan
    @lashachan 3 года назад

    Love your videos. Can you do little course about WP plugin development?

  • @YannickPian
    @YannickPian 4 года назад

    Great tutorial! Very well explained.
    Has the static vs. dynamic block status changed since this video?
    What is the risk of using dynamic blocks to replace ACF fields for instance?
    I was coming here to replace the ACF plugin to create dynamic pages. I thought Gutenberg would offer more control to the user, and create less custom metafields that acf just leaves in the DB even when unused. I realize now that it, indeed, gives more control to clients to edit the content, but it doesn't yet replace ACF to create dynamic page/post templates. It would be so much better for Gutenberg to save the attributes in the post_content field omitting the html and letting us simply access these attributes in our php templates. That way we would be able to easily make changes on the template, without causing the db data to change or without asking the user to recreate every single block (which I still don't see the point of, wouldn't a simple "confirm changes" button suffice?!), and it would create much less useless meta_fields like ACF does, that are most of the time unnecessary or abandoned.

  • @KeijiAkuma
    @KeijiAkuma 3 года назад

    doesnt save in my code when I type tsame you did in the video. (it deletes everything when I put the code in the **edit** area => your video until 27:40)

  • @izantux
    @izantux 5 лет назад

    Awesome tutorial, dude! Thanks for the video!

  • @cholo2605
    @cholo2605 5 месяцев назад

    Thanks a lot!

  • @imomer
    @imomer Год назад

    15:25 Can we use vanilla JS to create elements or is it necessary to use React?

  • @webprogramming2707
    @webprogramming2707 5 лет назад

    Great explanation :) ...for beginners especially

  • @baraehal-aydi8356
    @baraehal-aydi8356 5 лет назад

    Please, order videos in Lists. Such as Wordpress developer ( all videos include it)
    Thank you for Tutorial.
    This day is first day on your channel.

  • @SithO
    @SithO 5 лет назад +2

    First, great tutorial, best one of more than 10 I saw. Question:
    Is there any benefit of using Gutenberg custom blocks instead of ACF Flexible content and creating a modular template?
    Thank you?

    • @LearnWebCode
      @LearnWebCode  5 лет назад +4

      Thanks! In my opinion ACF Flexible Content is the best WordPress feature / plugin ever created. I remember the creators of Craft CMS even said they were inspired by ACF Flexible Content... meaning it's respected and highly regarded even outside the WordPress universe. I'm sure if you asked me this again a year from now I'd have more to say in defense of the block editor... but as of today... I can only think of three advantages for the block editor:
      (1) if you won't ever need to run a WP_Query based on the data in the custom fields then the Gutenberg approach would load a few milliseconds faster and put less strain on your database as it wouldn't need to query for tons of post_meta, because everything just gets saved into post_content.
      (2) It's one less plugin you need to rely on.
      (3) It's pretty simple to create some cool / intuitive live previews in the admin with React / custom block type.
      Having said all of that... if I was tasked with maintaining a large website and we were using WordPress... I'd choose ACF Flexible Content 10 times out of 10 :)

  • @faymsurani
    @faymsurani 4 года назад

    Brad, I have purchased your Become Wordpress Developer on Udemy. Let me tell you, You are an awesome teacher, I really enjoy your course. One this like the most in your tutorials is a tool you are using to highlight or pointing a particular part of the screen using drag and drop feature. I would like to know the name of that tool, as I am a full-time educational trainer and developed my own tutorials for teachers. I would like to use that tool for my videos. I would appreciate if you could share the name of that tool

  • @prongelnursing2471
    @prongelnursing2471 4 года назад

    Trying to add java script for a job page widget to wp them help lost

  • @hibald8351
    @hibald8351 4 года назад

    Hi Brad i just start work as internship and their website built with WordPress and they used js to calculate co2 for person ...they want from me to optimize their site but i don't know from where to start ?and i have some small app worked with react...so i have some info about react.js so is to start their website from scratch with react.js or work with wordpress?

  • @vj-design
    @vj-design 5 лет назад

    Thanks heaps Brad - this is the best explanation of building blocks ever! I just signed up for your wp developer course on udemy.
    Are you planning to add any more topics on block development to this course on udemy (or are you creating another course)? I would love the ability to add a lot more attributes but not clutter the whole page by using block controls - toolbars and inspector. Cheers, Vj

  • @taherkathanawala3915
    @taherkathanawala3915 5 лет назад

    Hey Brad. I want to create a block which scrolls only horizontally without displaying the scrollbar. I just cannot remove the scrollbar. Please reply. It would help me a lot.

  • @raj080288
    @raj080288 3 года назад

    Do i have yo add this as a plugin?

  • @prashantsingh9229
    @prashantsingh9229 5 лет назад

    Hello, Brad, can you give any update about your js and react course!!

  • @chriscarton4728
    @chriscarton4728 4 года назад

    So how and where to write a dynamic block render in PHP ? And thanks It was a great introduction.

  • @eltacemiraslanov1782
    @eltacemiraslanov1782 5 лет назад +1

    I didn't find this part on the udemy course.Prepare a new generation gutenberg-backed udemy course I would very much ask

  • @muhammadshehroz4968
    @muhammadshehroz4968 5 лет назад

    How can we make a block to get any post type contents?

  • @aliulanowar7802
    @aliulanowar7802 5 лет назад

    Thanks Boos

  • @fredrikvestin3063
    @fredrikvestin3063 4 года назад

    How do I get it to work with alpha-color (rgba)?

  • @gurung1812
    @gurung1812 5 лет назад

    Happy new year after 16hr

  • @Zagge9904
    @Zagge9904 5 лет назад

    Hi!
    Really liked the video! Great job!
    I got one question. I'm trying to set a style (white-space) like you do at 34:12, but it doesn't work with the dash. How can I work around this problem?

  • @sagarshrestha1755
    @sagarshrestha1755 5 лет назад

    Amazing tutorial u are great

  • @arunar57
    @arunar57 5 лет назад +4

    Still waiting for JavaScript course from july i think :(

  • @farhanawan9956
    @farhanawan9956 5 лет назад

    Thanks for this. plz make awesome single page website useing css gird

  • @jackwright7014
    @jackwright7014 5 лет назад

    Any ideas on how to use the FormFileUpload component (instead of colour picker)? Struggling real bad with that one, official documentation sucks.

  • @randomwalkonstreet
    @randomwalkonstreet 5 лет назад

    Waiting for your javascript course.

  • @afroitz
    @afroitz 5 лет назад

    Thanks so much for the amazing tutorial! Could anybody maybe explain to me the js syntax at around 11:45, where there is some kind of type validation? (content: {type: 'string'}) How and why does this work? Thanks a lot in advance!

  • @XerosXIII
    @XerosXIII 5 лет назад

    welcome back!! :D

  • @JG-pu8si
    @JG-pu8si 5 лет назад

    Yo, im trying may something strange... using NPM importing and bundle it with her webpack default config... do you know how to use RegisterBlockType from @wordpress/blocks without using in the enqueue scripts the tipically array('wp')... ?? and the function... registerBlockType -.- !? thank you anyways

  • @594ALi
    @594ALi 5 лет назад

    hey brad will angular, python and or php also be on your list of courses anytime soon?

  • @hoorzahid4177
    @hoorzahid4177 4 года назад

    where we write css for this block

  • @sayedakbarali5650
    @sayedakbarali5650 5 лет назад

    Hey Brad, I had been Following your wp_code from udemy and I have got stuck on the custom post acp relationship lesson, as the program are not showing in the acp relationship field, I was not able to get through your udemy channel so i had taken this route, Please shed some info

  • @asp2257
    @asp2257 5 лет назад +1

    Hey hai
    I have been trying to reach you
    I bought one of your course from udemy and had an issue implementing search button Using JavaScript
    Please do respond in udemy as it doesn’t make sense for me to spend money and have no use out of it....
    Please do help me catch up
    Thanks

  • @vitor-peixoto
    @vitor-peixoto 5 лет назад

    Well I do not use wordpress, but it was fun to watch.

  • @asp2257
    @asp2257 5 лет назад +1

    Hai brad
    Y don’t you respond to the comments on issues ?

  • @edmaregs
    @edmaregs 5 лет назад

    Hey Brad any news to the JS Course?

  • @Aimopotis
    @Aimopotis 5 лет назад

    Brad how about a Woocommerce course

  • @densoq6562
    @densoq6562 4 года назад

    ♥♥♥

  • @Hasanahmed2013
    @Hasanahmed2013 5 лет назад +2

    Brad! Why your udemy support so poor?

  • @KatTypeM
    @KatTypeM 5 лет назад

    Is this entire course still valid today since the first video was created four years ago?

  • @OsmanShakil
    @OsmanShakil 5 лет назад +1

    Hey Brad, I already purchase your 26 hrs WP premium course from udemy. Have you update/and make changes anything in that course?

  • @AdolfoBarreto75
    @AdolfoBarreto75 5 лет назад

    Nice! Thanks...

  • @dakshsagar2839
    @dakshsagar2839 5 лет назад +1

    Will the courses you said would be out in 2018, ever come out ?

    • @LearnWebCode
      @LearnWebCode  5 лет назад +9

      Yep! Although my 2018 predictions now make me look like quite the liar :) The full-stack JS course will be out Q1 2019, and React will be my priority after that. I'm also working on some big free updates to my "Git / Workflow" and "Web Design" courses to keep them current. I've definitely fumbled a bit trying to coordinate all of different content at once but the first part of 2019 should see a ton of new material 🙂

    • @dakshsagar2839
      @dakshsagar2839 5 лет назад

      @@LearnWebCode I hope this is the truth.

    • @bijayaadhikari442
      @bijayaadhikari442 5 лет назад

      @@LearnWebCode We were sad as the full-stack JS couse expected to be released before new year, but have to wait more, though git and design courses need lots of update as we are missing lots of new things in there.

    • @mrsmasoodmatchmaker6950
      @mrsmasoodmatchmaker6950 5 лет назад

      @@LearnWebCode git/workflow course needs a lot of updates, please update it asap

  • @bigguns845
    @bigguns845 5 лет назад +3

    Im first in 2019

  • @RuhulAmin-xe9dv
    @RuhulAmin-xe9dv 5 лет назад

    Please make a tutorial for movie review, movie song lyrics & celebrity biography full website

  • @jamesfreeman1530
    @jamesfreeman1530 5 лет назад

    if you cant wait for the react course there's a good react course by andrew mead check it out on udemy

  • @PiotrAdamkowski
    @PiotrAdamkowski 5 лет назад

    Hello is it Cat's or IT video .?

  • @arete_
    @arete_ 5 лет назад

    "My cool border box" - Where is it stored and what happens to the content and styling if you change the theme?

  • @naxeefurrehman2027
    @naxeefurrehman2027 5 лет назад

    wow

  • @JuanDeSouza7
    @JuanDeSouza7 5 лет назад +7

    this guy is not serious! he just bailed from his udemy course and left everything there outdated. The git a webdeveloper job project is so outdated that it doesnt even work anymore if we try to create it using 2019 versions of the tools. Hey man, if you don't want to update the course, you should close it. It's not honest to keep selling something that does not work.

    • @prisonmike7930
      @prisonmike7930 5 лет назад

      you can always refund the course

    • @tacticolfire
      @tacticolfire 5 лет назад

      He mentiond that very thing in the course *pay attention* I completed mine landing page and host it on github. So your just dumb for not listening

  • @abdisamadkhalif4283
    @abdisamadkhalif4283 5 лет назад +1

    360p? Are you .....? :)

    • @LearnWebCode
      @LearnWebCode  5 лет назад +2

      RUclips is still processing the other resolutions (I uploaded in 1080p).

    • @abdisamadkhalif4283
      @abdisamadkhalif4283 5 лет назад

      @@LearnWebCode Yep. Now I see :), Every notification from LearnWebCode, we think it's your upcoming Javascript Udemy Course! Thanks

  • @ayeshamalik4534
    @ayeshamalik4534 5 лет назад

    Hi, Brad can you please add your udemy courses to LinkedIn Learning. Please if possible I will be waiting.

  • @marcussparticus8380
    @marcussparticus8380 5 лет назад

    Nothing posted in seven months ??? 🤔

  • @AppieAit18
    @AppieAit18 5 лет назад

    Still nothing?

  • @mkm1015
    @mkm1015 5 лет назад

    What's better - Wordpress or hand-coded website??
    Around 60% of websites are powered by WP so why would you hire a web dev?
    These questions may seem dumb because Im not a developer :D
    I wish everybody Happy New Year! Stay alive!

    • @spaniarddeveloper9543
      @spaniarddeveloper9543 5 лет назад +2

      It's more like 30%.
      Why would you go to a restaurant if the food is available at the supermarket and the Internet is full of recipes?
      I think you would hire a web developer if you can't or don't want to do it yourself.

    • @KeepItFresh02
      @KeepItFresh02 5 лет назад

      i heard this question when I was studying web development when I was 21 in 2008!!! since then look how big web development has gotten. the question this guy asked me why do you need to learn how to code when there are templates out there? at the time I was too young and novice to understand and answer the question but I can guarantee that I make more money then that fool does now as a javascript developer. im sure he's still a dentist's assistant 11 years later.

    • @KeepItFresh02
      @KeepItFresh02 5 лет назад +1

      Wordpress is just a tool, but many people dont have the time nor want to learn how to use the tool. thats where the developer comes in because they have the experience.

    • @mikej7476
      @mikej7476 5 лет назад

      @@KeepItFresh02 I've always heard wordpress is crap so people who want a good website use developers. The reason I clicked on this video is because I have only heard about WP, I know nothing about it and never cared to because from the first time I ever heard and asked about it, it's ALWAYS been negative, and today I am wasting time so what the hell, I thought I'd just check it out, but after less than 10 minutes, I knew enough to quit watching. How far off am I? Seems like you're either going to a used car lot to buy a 1982 Ford Grenade for $200.00, or a dealership to buy a new car. That's what I got from this video about WP and my dumb analogy of it.

    • @KeepItFresh02
      @KeepItFresh02 5 лет назад

      @@mikej7476 no wordpress is not crap. thats just what newbie developers say because they think they are better than everyone else because they know how to program. trust me i know, I used to be one. at the end of the day nobody cares that you know the deepest aspects of php or javascript and can program an entire ecommerce solution from scratch. thats not how the world works. you need to know how to use your resources. Wordpress is just a tool/resource to get the job done. and make money.

  • @iamrkjha
    @iamrkjha 5 лет назад

    Hey i have been your chanel viewer since a very long time. Now i need some of your support. I want to start a wordpress library website where i can gather and share books from various sources. I think i can make various options like read online 3d flipbook plugin and download from google drive.
    Please help me out. I would be very greatful to you. And i promise i will recommend this channel to all my trchy friends. Thank you.

  • @dinorossi6611
    @dinorossi6611 5 лет назад

    Can you please reply to your Udemy emails pleaseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee ???

  • @ck0024
    @ck0024 5 лет назад

    *H A P P Y N E W Y E A R 2 0 1 9*

  • @paullefebvre6667
    @paullefebvre6667 5 лет назад

    REACT :o

  • @tagfat
    @tagfat 4 года назад

    4:44 in and still nothing but ugly and irrelevant boxes. WTF?

  • @Meinungsmacher
    @Meinungsmacher 5 лет назад

    i realy hate that gutenberg shit. Now you need a year for building a new theme....

  • @MineCrafterCity
    @MineCrafterCity 5 лет назад

    I'm so annoyed by the simplicity of this tutorial.