How to Create New Blocks In WordPress (@wordpress/create-block)

By LearnWebCode
Published: May 25, 2024

“
Check out my full WordPress course here https://learnwebcode.teachable.com/p/learnwebcode-premium

My Interactivity API Tutorial https://www.youtube.com/watch?v=49_XlQJYztA

Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode

[READ MORE]

”

React Hook Form Course for Beginners (inc. Zod + Material UI)

By freeCodeCamp.org
Published: May 22, 2024

“
Learn how to use React Hook Form, which makes it simple to add forms to react with authentication. In this course, you will learn how to handle the most complex CRUD form scenarios in React and completely integrate it with Zod and Material UI.

?? Course developed by @codegenix

???? Tanstack query (React query) Full tutorial: https://www.youtube.com/watch?v=3e-higRXoaM
???? Project Github Repository: https://github.com/codegenixdev/react-hook-form-mui-zod-boilerplate
???? Fake Server Backend Repository: https://github.com/codegenixdev/backend-react-hook-form-mui-zod

?? Contents ?
?? 0:00:00 Intro
?? 0:01:06 Tutorial Showcase
?? 0:03:08 Project Setup
?? 0:12:44 Old Way of Handling Form in React
?? 0:15:32 Use Form
?? 0:17:07 register
?? 0:19:17 Simple Form Validation with RHF
?? 0:20:17 Form State, Error Messages and Error State
?? 0:22:07 Validation mode
?? 0:23:27 Simple Handle Submit Example
?? 0:27:07 Zod Typescript Introduction
?? 0:28:17 Create First React Hook Form Validation Schema with Zod
?? 0:31:37 Zod Refine Schema Validator
?? 0:36:08 Use React Hook Form With Zod
?? 0:36:43 Create Typescript Type From Zod Schema
?? 0:38:22 Connect Material UI, Zod And React Hook Form
?? 0:43:19 MUI Autocomplete and React Hook Form
?? 0:47:43 Use Form Context in RHF
?? 0:56:08 Handling Complex Generics With Typescript and RHF
?? 1:09:17 Default Values
?? 1:10:42 Dev Tools
?? 1:11:47 Use Watch and watch
?? 1:12:27 Get Latest Form Values And Fields
?? 1:13:42 Dev Tools
?? 1:14:42 Mock Backend Setup
?? 1:17:37 Use Queries for Data Fetching
?? 1:22:27 Controller for MUI Toggle Button Group with RHF
?? 1:28:42 Controller for MUI Radio Group with RHF
?? 1:33:47 Controller for MUI Check box with RHF
?? 1:40:26 Controller for MUI Date Time Picker with RHF
?? 1:47:26 Controller for MUI Switch with RHF
?? 1:50:59 Controller for MUI Text Field with RHF
?? 1:54:37 Use Field Array
?? 1:55:37 Dynamic Fields, Discriminated Unions and Unions in Typescript
?? 2:04:26 Zod Intersection and Zod Unions & Discriminated Unions
?? 2:12:26 Use Field Array Append
?? 2:15:26 Use Field Array Fields
?? 2:18:07 Use Field Array Replace
?? 2:24:17 Create Server Mutation Functions
?? 2:41:17 Populate Form With Fetched Data in React Hook Form
?? 2:43:17 Create and Edit Entities with React Hook Form
?? 2:52:37 Mapper for Creating and Editing Entities on Server

???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama

—

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[READ MORE]

”

AWS Solutions Architect Associate Certification (SAA-C03) – Full Course to PASS the Exam

By freeCodeCamp.org
Published: May 23, 2024

“
Prepare for the AWS Certified Solutions Architect – Associate certification and pass! Certify your knowledge and skills in AWS technology, across a wide range of AWS services.

?? Course developed by Andrew Brown of ExamPro. @ExamProChannel

?? Contents ??
0:00:00 Introduction
0:34:47 Setup
0:52:38 Amazon S3
10:52:02 AWS API
12:19:52 VPC
17:33:42 IAM
19:14:03 EC2
21:13:27 AMIs
21:37:10 ASG
21:50:14 ELB
21:57:20 Route53
22:19:29 AWS Global Accelerator
22:21:00 CloudFront
22:30:24 EBS
22:45:34 EFS
22:50:38 FSx
22:54:24 AWS Backup
22:56:29 AWS Snow Family
23:07:07 AWS Transfer Family
23:09:31 AWS Migration Hub
23:15:35 AWS Data Sync
23:24:17 DMS
23:59:42 AWS Auto Scaling
24:16:59 AWS Amplify
24:37:15 Amazon AppFlow
24:53:39 AppSync
25:18:48 AWS Batch
25:46:37 OpenSearch Service
26:09:43 Device Farm
26:22:11 QLDB
26:24:01 Elastic Transcoder
26:52:21 AWS MediaConvert
27:02:09 SNS
27:43:05 SQS
28:44:00 Amazon MQ
29:32:34 Service Catalog
29:40:04 CloudWatch and EventBridge
30:16:36 Lambda
31:49:51 AWS Step Functions
32:48:57 AWS Compute Optimizer
32:59:19 Elastic Beanstalk
34:32:38 Kinesis
34:59:52 ElastiCache
35:51:13 MemoryDB
36:21:52 CloudTrail
37:19:23 Redshift
37:37:50 Athena
37:53:46 ML Managed Services
40:43:04 AWS Data Exchange
40:47:11 AWS Glue
41:27:04 Lake Formation
41:29:41 API Gateway
41:44:09 RDS
42:56:19 Aurora
19:33:29 DocumentDB
44:29:11 DynamoDB
21:10:04 Amazon Keyspaces
45:17:30 Neptune
45:35:00 ECR
45:39:18 ECS
46:02:27 EKS Cloud
46:21:45 KMS
46:32:00 AWS Audit Manager
46:40:23 ACM
46:58:57 Cognito
47:08:33 Amazon Detective
47:16:42 AWS Directory Service
47:22:47 AWS Firewall Manager
47:29:18 AWS Inspector
47:39:57 Amazon Macie
47:49:00 AWS Security Hub
47:53:37 AWS Secrets Manager
48:35:40 AI Dev Tools
48:59:17 Amazon MSK
49:29:32 AWS Shield
49:33:29 AWS WAF
49:37:48 CloudHSM
49:41:59 AWS Guard Duty
49:46:10 Health Dashboards
49:47:42 AWS Artifact
49:50:33 Storage Gateway
50:10:55 EC2 Pricing Models

[READ MORE]

”

Insanely Easy Character Animation in After Effects – Mike Labrow

By School of Motion
Published: May 22, 2024

“
Join my premium 2024 bootcamp here https://learnwebcode.teachable.com/p/learnwebcode-premium

In this video you learn everything you need to get started with Next.js!

GitHub Repo To Borrow Code From: https://github.com/LearnWebCode/nextjs-youtube-demo

My other video where you can learn the basics of React: https://www.youtube.com/watch?v=70fadMRqnBo

0:00 Intro
0:42 Getting Started
4:23 Linking Pages
9:36 App-Wide Code
13:53 Navigation
16:40 Blog Feature
19:16 getStaticProps
24:10 URL Parameters
29:30 Module / Component CSS
32:52: Dev & Production Modes
35:40 Incremental Static Regeneration
41:28 getServerSideProps
47:02 Deploying To Live Site

Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode

[READ MORE]

Learn the absolute easiest way to rig and animate characters in Adobe After Effects, with Motion Designer Mike Labrow. Not only is this tutorial packed with great info, it’s a ton of fun!

Full tutorial this way! ???? ???? ????https://som.bz/3KatiIC

[READ MORE]

”

Insanely Easy Character Animation in After Effects

By School of Motion
Published: May 22, 2024

“
Learn how to animate characters in After Effects with this step-by-step tutorial by Mike Labrow, featuring Duik plugin tips, character design insights, and a stop motion look. Snag the FREE corresponding project files here: https://www.schoolofmotion.com/blog/character-animation-in-after-effects

00:00 Intro
00:17 Create Joints in Photoshop
06:54 Organizing All the Pieces in After Effects
07:53 Rigging with Duik
14:00 Start Animating!
21:29 Polish the Animation

SCHOOL OF MOTION COURSES
All Courses – https://som.bz/3SUg5Yb
Animation Bootcamp – https://som.bz/3Lsj7RP

[READ MORE]

”

Fine Tuning LLM Models – Generative AI Course

By freeCodeCamp.org
Published: May 21, 2024

“
Learn how to fine tuning LLM models. This course will teach you fine tuning using using QLORA and LORA, as well as Quantization using LLama2, Gradient and the Google Gemma model. This crash course includes both theoretical and practical instruction to help you understand how to perform fine tuning.

???? Code: https://github.com/krishnaik06/Finetuning-LLM

?? Course developed by @krishnaik06

?? (0:00:00) Introduction
?? (0:01:39) Quantization Intuition
?? (0:34:03) Lora And QLORA Indepth Intuition
?? (0:56:26) Finetuning With LLama2
?? (1:20:35) 1 bit LLM Indepth Intuition
?? (1:37:33) Finetuning with Google Gemma Models
?? (1:59:45) Building LLm Pipelines With No code
?? (2:20:33) Fine tuning With Own Custom Data

???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama

—

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[READ MORE]

”

Adobe After Effects May 2024 Release! | Motion Mondays

By School of Motion
Published: May 21, 2024

“
Join my premium 2024 bootcamp here https://learnwebcode.teachable.com/p/learnwebcode-premium

In this video you learn everything you need to get started with Next.js!

GitHub Repo To Borrow Code From: https://github.com/LearnWebCode/nextjs-youtube-demo

My other video where you can learn the basics of React: https://www.youtube.com/watch?v=70fadMRqnBo

0:00 Intro
0:42 Getting Started
4:23 Linking Pages
9:36 App-Wide Code
13:53 Navigation
16:40 Blog Feature
19:16 getStaticProps
24:10 URL Parameters
29:30 Module / Component CSS
32:52: Dev & Production Modes
35:40 Incremental Static Regeneration
41:28 getServerSideProps
47:02 Deploying To Live Site

Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode

[READ MORE]

The After Effects May 2024 release is out, and it includes a bunch of new features and quality of life updates! Find out more in the latest episode of Motion Mondays, and a more detailed breakdown by Eran Stern over at @SternFX!

FULL EPISODE: https://som.bz/3wNAFmn

[READ MORE]

”

New After Effects Features, Google’s AI Video Generator, and Stadium GFX Galore | Motion Mondays

By School of Motion
Published: May 20, 2024

“
????? After Effects updates, AI tools galore, and some amazing work from across the pond… it’s Motion Mondays time!

???? CHAPTERS ????
00:00 Motion Mondays
00:18 After Effects May 2024 Update
01:42 Cub Studio’s Latest Reel Rocks
02:37 Substance Modeler 1.1 + VR Modeling
03:28 Cavalry’s 36 Days of Cavalry Contest
04:27 SOM Monthly Meetup for Alumni + Students
05:01 Packshot HDRI Generator
05:51 Rive Meets Rhythm
06:26 Connor Henkle’s Sports GFX Breakdowns
07:16 Icons8 AI Illustrations
07:52 SOM Summer Session Updates
08:36 Google’s AI Revolution Continues

???? SCHOOL OF MOTION COURSES MENTIONED
16-bits of character animation, action and nostalgia – https://som.bz/cubstudio
After Effects Kickstart – https://som.bz/aek
Animation Bootcamp – https://som.bz/ab
Cinema 4D Basecamp – https://som.bz/c4dbc

????? SHOW NOTES
Adobe’s May 2024 After Effects Release Notes – https://helpx.adobe.com/after-effects/using/whats-new.html
@SternFX ’s New AE Features Round Up – https://www.youtube.com/watch?v=kkwczP9LvSI
Cub Studio’s New Reel – https://www.cubstudio.com/showreel
Substance Modeler – https://www.adobe.com/products/substance3d/apps/modeler.htm]
Collin Leix VR Modeling Podcast – https://www.youtube.com/watch?v=ULyOMDR3Bks&t=11s&pp=ygUcc2Nob29sIG9mIG1vdGlvbiBjb2xsaW4gbGVpeA%3D%3D
36 Days of Cavalry IG – https://www.instagram.com/p/C6yFdvHi_fS/?utm_source=ig_web_copy_link
Cavalry – https://cavalry.scenegroup.co/
Max Ganiyev (Packshot creator) – https://x.com/MaxGaniyev
Packshot – https://packshot.app/
Ryan Brotherston on Drums + Rive – https://www.brotherston.tv/gifs-scribbles
Connor Henkle – https://twitter.com/cjh_fx
CJHFX (Connor’s company) – https://cjhfx.com/
Icons8 AI Generator – https://icons8.com/illustration-generator
Google I/O 2024 Opener – https://www.youtube.com/watch?v=wwk1QIDswcQ
Google Labs AI Tools – https://blog.google/technology/ai/google-labs-video-fx-generative-ai/
Google Veo – https://deepmind.google/technologies/veo/

[READ MORE]

”

Angular and Supabase Course – Build a Realtime Chat Application

By freeCodeCamp.org
Published: May 20, 2024

“
Create and deploy a powerful real-time chat application using Angular 17 and Supabase in this full course.

Initial Setup: https://github.com/desoga10/ng-chat-ui-setup
Final Implementation: https://github.com/desoga10/ng-chat-v
Demo Link: https://ng-chat-v.vercel.app/

?? Developed by @TheCodeAngle

?? Contents ??
?? (0:00:00) Introduction and Project Demo
?? (0:07:13) User Interface Setup
?? (0:14:32) Setting up a New Supabase Project
?? (0:16:48) Setting up Google Oauth using the Google Cloud Platform
?? (0:25:39) Angular Router Configuration
?? (0:27:58) Setting up the Authentication Service
?? (0:39:03) Creating the CanActivate route guard
?? (0:52:03) Setting up the Chat Tables and the Users Table in Supabase
?? (1:11:07) Implementing the functionality to create a new Chat
?? (1:21:22) Resetting the Form on Submit and Disabling Button for Validation
?? (1:24:11) Fetch and Display Chats from Database
?? (1:38:20) Implementing the Delete Message Functionality
?? (2:01:42) Hosting the App using Vercel
?? (2:08:08) Outro

???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama

—

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[READ MORE]

”

WordPress Interactivity API Tutorial & Explanation

By LearnWebCode
Published: May 17, 2024

“
Join the full course here https://learnwebcode.teachable.com/p/learnwebcode-premium

GitHub code reference for this video https://github.com/LearnWebCode/interactivity-api-tutorial

0:00 Intro
6:51 Creating Our Block
26:04 What Is Context?
40:17 Front-End Basics
53:46 Blending Server & Client
1:13:44 Sorry & Congrats Messages
1:30:12 Callbacks
1:39:21 When To Use State Instead of Context

Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode

[READ MORE]

”