Wordpress Gutenberg Block Development With React Js And Php

seeders: 12
leechers: 16
updated:
Download torrent
Added by freecoursewb in Other > Tutorials
Download Fast Safe Anonymous
movies, software, shows...
  • Downloads: 48
  • Language: English

Files

[ FreeCourseWeb.com ] Wordpress Gutenberg Block Development With React Js And Php
  • Get Bonus Downloads Here.url (0.2 KB)
    • ~Get Your Files Here ! 1 - Introduction and project setup
    • 1 - Introduction.mp4 (31.4 MB)
    • 2 - Udemy ratings and reviews.mp4 (11.5 MB)
    • 3 - Environment and project setup.mp4 (55.5 MB)
    • 4 - Codebase overview.mp4 (75.9 MB)
    • 5 - Update the plugin structure and metadata.mp4 (58.7 MB)
    2 - Create the Curvy block
    • 10 - Enable builtin attributes using supports.mp4 (73.7 MB)
    • 11 - Different ways to add default styles.mp4 (43.9 MB)
    • 12 - Fix the curvy block styles.mp4 (53.8 MB)
    • 13 - Implementing the height and width controls.mp4 (90.8 MB)
    • 14 - Use the height and width attributes to manipulate the curve shape.mp4 (47.1 MB)
    • 15 - Implement the flip vertical and horizontal controls.mp4 (36.6 MB)
    • 16 - Use the flip vertical and horizontal attributes to manipulate the curve shape.mp4 (62.8 MB)
    • 16 - invertedPath.txt (0.2 KB)
    • 17 - Use the ColorPicker to set a color for the svg curve.mp4 (69.1 MB)
    • 18 - Implement the bottom curve settings.mp4 (108.7 MB)
    • 19 - Hook up the bottom curve svg.mp4 (45.5 MB)
    • 20 - Introduction to inner blocks.mp4 (108.0 MB)
    • 21 - Create dynamic front end view for curvy block.mp4 (79.2 MB)
    • 22 - Add extra styles and inner blocks to front end.mp4 (36.7 MB)
    • 23 - Add top curve to curvy block front end.mp4 (91.8 MB)
    • 24 - Finish top curve front end view and add bottom curve.mp4 (102.2 MB)
    • 6 - Start implementing the side panel.mp4 (73.6 MB)
    • 7 - Build out the side panel.mp4 (72.5 MB)
    • 8 - Introduction to block attributes.mp4 (58.5 MB)
    • 9 - Implement the top svg curve.mp4 (89.3 MB)
    • 9 - path.txt (0.2 KB)
    3 - Extra customizations for the curvy block
    • 25 - Create a custom WordPress block category.mp4 (50.6 MB)
    • 26 - Add custom svg icon for the curvy block.mp4 (35.9 MB)
    • 26 - icon.svg (3.6 KB)
    • 27 - Transform paragraph and heading blocks into a curvy block.mp4 (49.0 MB)
    • 28 - Create block variations for the curvy block.mp4 (39.7 MB)
    • 29 - Create block preview for the curvy block.mp4 (30.1 MB)
    4 - Create the Clicky blocks
    • 30 - Clicky blocks demo.mp4 (16.9 MB)
    • 31 - Create the clicky group block.mp4 (58.4 MB)
    • 32 - Create the clicky button block and restrict block types.mp4 (69.3 MB)
    • 33 - Save clicky group inner blocks.mp4 (36.9 MB)
    • 34 - Add styling and attributes to the clicky button block.mp4 (36.3 MB)
    • 35 - Add button label via RichText to the clicky button.mp4 (40.8 MB)
    • 36 - Implement block gap for clicky group.mp4 (75.5 MB)
    • 37 - Implement justify content for clicky group.mp4 (47.0 MB)
    • 38 - Add custom icons for clicky group and clicky button.mp4 (16.5 MB)
    • 38 - clicky.svg (2.2 KB)
    • 38 - clickyGroup.svg (12.7 KB)
    • 39 - Load post type data.mp4 (91.2 MB)
    • 40 - Render post type dropdown in sidebar.mp4 (62.4 MB)
    • 41 - Load and render posts data in sidebar.mp4 (86.8 MB)
    • 42 - Render dynamic view for clicky group.mp4 (122.4 MB)
    • 42 - convert-custom-properties.txt (0.3 KB)
    • 43 - Render dynamic view for clicky button.mp4 (94.8 MB)
    • 44 - Refactor blockyliciousphp.mp4 (124.5 MB)
    5 - Create the Piccy blocks
    • 45 - Create and register the new piccy gallery block.mp4 (49.2 MB)
    • 46 - Implement edit preview mode toolbar button.mp4 (98.8 MB)
    • 47 - Add styles to edit mode and inner blocks.mp4 (58.7 MB)
    • 48 - Add piccy image block.mp4 (63.5 MB)
    • 49 - Implement piccy image media upload select.mp4 (96.4 MB)
    • 50 - Saving an image as part of the piccy image.mp4 (76.4 MB)
    • 51 - Finish piccy image edit mode styles.mp4 (71.1 MB)
    • 52 - Implement the piccy gallery preview mode.mp4 (129.8 MB)
    • 53 - Add the thumbnail styles and full preview image.mp4 (83.4 MB)
    • 54 - Finish the piccy gallery preview mode styles.mp4 (54.3 MB)
    • 55 - Add the piccy gallery client facing front end.mp4 (131.8 MB)
    • 56 - Add the piccy gallery full image preview in the front end.mp4 (71.5 MB)
    • Bonus Resources.txt (0.4 KB)

Description

Wordpress Gutenberg Block Development With React Js And Php



https://FreeCourseWeb.com

Published 8/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.66 GB | Duration: 7h 48m

Use ReactJS and PHP to build a custom WordPress Gutenberg block library - with React.js & WordPress Gutenberg (WP 6+)

What you'll learn
Build a complete custom WordPress block library
Learn the difference between static and dynamic WordPress blocks
Create endless WordPress block customizations and features with React
Learn block variations and transform WordPress blocks into other blocks
Load WordPress data within blocks
Learn different styling techniques for WordPress blocks
Build a dynamic block front-end with PHP and JavaScript

Requirements
Some familiarity with the WordPress block editor would be beneficial. Everything else is covered in the course!



Download torrent
3.7 GB
seeders:12
leechers:16
Wordpress Gutenberg Block Development With React Js And Php
Loading...