Complete WordPress Developer Course – Plugins & Themes
-
Getting Started
-
PHP Fundamentals
-
Kickstarting a ThemeExploring the WordPress Configuration0sAdjusting the Configuration0sWordPress File and Folders0sFile Headers0sAdditional File Headers0sSay Hello to Full-Site Editing0sThe Index Template0sRecreating the Index Template0sLanguage Attribute0sCharacter Set0sLoading Additional Tags0sThe Body Tag0sGetting to know WordPress0sWordPress Coding Standards0sTheme Fundamentals
-
Global StylesAside: JSON0sIntroduction to Global Styles0sLoading a Schema0sDefault Color Palette0sBlock Color Settings0sAdding Colors to the Palette0sColors for backgrounds, text, and links0sCustom Colors0sDuotones0sGradients0sApplying Colors0sApplying Gradients0sApplying Styles to Elements0sBorders0sFont Families0sFont Sizes0sVarious Font Settings0sApplying Typography Styles0sContent Width0sMargin and Padding0sCustom Units0sBlock gaps0sEnabling Everything0sGlobal Styles Quiz
-
Managing Asset Files
-
TemplatesCreating a Header and Footer Template Part0sBrief Anatomy of a Block0sOptimizing the Header and Footer0sAdding Dummy Content0sCreating the Topbar0sThe Group Block0sLoading Editor Styles0sAdding a Navigation Menu0sAdding the Midsection0sFixing the Editor Styles0sFinishing the Header0sTailwindInserting the Columns Block0sQuery Loop Block0sAdding Post Blocks0sStyling Post Blocks0sPagination0sSidebar Blocks0sExercise: Footer Blocks0sTemplate Hierarchy0s404 Template0sCategory Template0sSearch Template0sSingle Post Template0sPage Template0sCustom Templates0s
-
JavaScript and React FundamentalsWhat’s to come0sIntroduction to JavaScript0sFirst Taste of JavaScript0sData Types0sVariables0sConstants0sTemplate Literals0sCreating Functions0sArrays0sObjects0sThe Console Object0sLoading JavaScript0sWorking with the DOM0sConditional Statements0sUnderstanding Scope0sArrow Functions0sDestructuring0sJavaScript QuizWhat is React?0sGetting Started with React0sCreating a React App0sDynamic Content0sIntroduction to JSX0sComponents0sExtending Components with Props0sES6 Modules0sAdding State to a Component0sEvents0sUsing useEffect0sThe Command Line0sGetting started with NodeJS0sReact Quiz
-
Block Development FundamentalsCreating a Plugin0sSecuring the Main Plugin File0sInstalling WP Scripts with NPM0sUpgrading WP Scripts0sCreating a Bundle0sCreating a Block Metadata File0sRegistering a Block0sEnqueueing a Block’s Script0sAdding a Custom Block0sThe RichText Component0sStoring Data in Attributes0sSaving the Block0sAside: JavaScript Spread Operator0sAdding Block Props0sEnqueuing Styles for Blocks0sFixing the Fancy Header Styles0sFormatting the RichText Component0sThe InspectorControls and PanelBody Components0sAdding a Color Palette0sDynamic Styles0sAttribute Sources0sCreating Multiple Blocks0s
-
Server-Side RenderingWhat is Server-Side Rendering?0sCreating a Search Form Block0sAdding a Custom Icon0sAdding the Template0sThe PanelColorSettings Component0sExercise: Applying Colors0sCreating a Render Callback0sRendering a Block with Output Buffers0sUsing Attributes in a PHP Render Function0sGrabbing the Search Query0sAdding the Form to the Template0sCreating a Page Header Block0sExercise: Adding the RichText Component0sThe ToggleControl Component0sToggling Content0sRendering the Category0sAdding Support for Output Buffers0sIncluding Files with Globs0sA Different Way to Create a Plugin0sGutenberg Block Examples0s
-
AuthenticationCreating the Header Tools Block0sThe SelectControl Component0sThe CheckboxControl Component0sExercise: Toggling the Links0sFinishing the Header Tools Block0sCreating the Authentication Modal Block0sToggling the Registration Form0sRendering the Modal0sLoading a View Script0sFixing the View ScriptWaiting for the Document to be Ready0sOpening and Closing the Modal0sSwitching Tabs0sHandling Form Submissions0sWhat is a REST API?0sPracticing with the Rest API0sThe Problem with the Core Endpoint0sAdding a Custom Endpoint0sHandling the Response0sPHP: Classes0sValidating the Request Parameters0sPreventing Duplicate Users0sCreating a New User0sInline Scripts0sSubmitting the Registration Form0sPreparing the Sign in Endpoint0sUser Authentication0sWiring the Login Form0sFinishing the Blocks0sStatic Properties0sWordPress HTTP Methods0s
-
SQL Fundamentals
-
Custom Post TypesWhat’s Next0sRegistering a Custom Post Type0sCustomizing the Post Type0sAdding Support for Gutenberg0sTaxonomies0sPlugin Activation0sFlushing Rewrite Rules0sCustom Taxonomies0sCustom Taxonomy Fields0sUnderstanding Metadata0sSaving Term Metadata0sEditing Taxonomy Fields0sCreating the Recipe Summary Block0sRetrieving the Post ID with Block Context0sGrabbing Term IDs with useEntityProp0sThe useSelect Function0sRetrieving Cuisine Terms0sRegistering Term Meta0sMapping the Cuisines0sWaiting for Data to be Resolved0sSaving Post Metadata0sRegistering Post Metadata0sGrabbing Post Metadata0sAdding a Rating Component0sCreating a Database Table with Adminer0sCreating a Database Table during Plugin Activation0sRendering the Block0sDisplaying the Cuisine Terms with PHP0sPreparing the Frontend0sLoading React on the Frontend0sThe apiFetch Function0sExercise: Preparing the Rating Endpoint0sPrepared SQL Statements0sInserting the Recipe0sUpdating the Permissions0sCustom Hooks0s
-
Nested BlocksCreating a Nested Block0sAdding Support for Inner Blocks0sInner Blocks Template Options0sAdding Columns0sAdding the MediaPlaceholder Component0sCustom Image Sizes0sAdding Filter Hooks0sHandling Selections0sHandling URL Images0sUnderstanding Blob Images0sHandling Blob Images0sExercise: Adding a Spinner0sUsing State to Prevent Blobs0sFixing Blob Memory Leaks0sQuickly Refactoring the Team Member Block0sAdding a Toolbar Option0sQuick Fix for the ToolbarCustom Toolbar Buttons0sExercise: Toggling the Image Alt Field0sCustom Block Context0sPreparing the Social Media Links0sAdding a Tooltip0sDetecting Block Selection0sTracking the Active Selection0sEditing a Social Media Link0sSaving the Team Member Block0sOptimizing Attributes0sBlock Previews0s
-
Querying PostsCreating a Popular Recipes Block0sThe QueryControls Component0sCategory Suggestions0sUpdating the Attribute0sTesting the Endpoint0sOrdering Posts by Metadata0sQuerying Posts in a Block0sRendering Raw HTML0sThe WP_Query Class0sThe WordPress Loop0sCreating a Daily Recipe Block0sTransients0sCustom Endpoint0sDisplaying the Daily Recipe in the Editor0sFinishing the Daily Recipe Block0sMeasuring Queries0s
-
Exploring More Block Features
-
Custom Admin PagesWordPress APIs0sUnderstanding the Options API0sAdding Plugin Settings0sAdding a Custom Admin Menu & Page0sPreparing the Admin Page0sHandling Admin Form Submissions0sUpdating Options0sEnqueuing the Media Library0sAdding New Entry Files to Webpack0sRegistering the Admin Assets0sExercise: Adding an Open Graph Image Size0sSelecting Images0sAdding a Submenu0sRegistering an Options Group0sAdding Sections0sAdding Fields0sRegistering Post Metadata0sEnqueueing Block Editor Assets0sRegistering a Sidebar0sSelecting Metadata0sDispatching Updates0sCustom Media Upload Interface0sRendering Tags in the Head0s
-
Finishing TouchesPreparing a New Format Type0sRegistering a Format Type0sConditionally Rendering Toolbar Buttons0sTranslation Functions0sCreating a Translation Template with the WP CLI0sLoading Translations0sAdding a New Language0sLoading Block Translations0sUninstalling a Plugin0sDebugging Hooks and Queries0sQuick Adjustments to the Theme0sBundling Plugins with TGMPA0s
-
The End
Hello! Welcome to the WordPress development course. This is the most comprehensive and effective course on WordPress development around. This is the only course you’ll ever need to learn WordPress development.
WordPress currently holds a majority of the market share on the web. WordPress is an absolute dominant force and its popularity continuously grows. One of the best things about WordPress is that it’s easily extendable. There are thousands of plugins and themes available both free and premium.
In this course, I will teach you how to create your very own plugins and themes. This course was designed for those who truly want to master WordPress inside and out. There is no stone left unturned. This course will help make you into one of the most competitive WordPress developers out there. You will be able to develop custom plugins and themes no matter how hard the task is.
You can expect high-quality and fresh tutorials. This course uses the latest versions of software development including PHP (8.x), and MySQL/MariaDB (8.x) .
Here is an overview of what you can expect to learn.
Take a static HTML template and convert it into a fully functioning WordPress theme.
Write code that scales and learn the best practices for writing clean, efficient, secure, and reusable code. The WordPress coding standards are covered from PHP to JavaScript and CSS.
Properly take advantage of the template hierarchy system and create your own custom templates for more unique designs.
Build plugins that extend the core functionality of WordPress.
Develop custom post types for content that give you the flexibility to curate content you want to. Apply metadata to your content and display everything on the front end.
Learn about the various methods for creating your own custom admin forms and processing the data securely.
Other topics include licensing, translations, security, authentication, full-site editing, block development and so much more!
The APIs that are covered are the following: Database API, HTTP API, Metadata API, Options API, Plugins API, REST API, Rewrite API, and Settings API.
On top of everything, you will also learn how to create your very own Gutenberg blocks. Take advantage of the newest feature that comes bundled with WordPress 6!
Not confident with your React and JavaScript skills? That’s completely fine! The skills required to build efficient and scalable Gutenberg blocks are covered in this course. You’ll learn how to use Node, Webpack, Babel, and React
In a nutshell, we’ll explore the various WordPress APIs and how they should be used. The developer documentation is filled with examples and each page is quite lengthy. WordPress development doesn’t have to be hard to learn. The biggest mistake most coding tutorials make is expecting someone to learn simply by imitating others’ code. Real-world situations are never exactly like the tutorial.
I believe the best way to learn is to understand how a tool works and what it does for you, look at examples, and then try it yourself. That’s how this course is built, with the goal to help you both learn and understand WordPress.
Take the leap into Gutenberg Development
This course goes beyond the simple WordPress plugin development and WordPress theme development tutorials. You will learn how to create Gutenberg Blocks for WordPress as the back end. The CEO of WordPress, Matt Mullenweg, has urged developers to start learning JavaScript deeply.
You will first learn the basics such as the command line and ES6. You will be caught up with the latest standards of JavaScript from modules to destructuring and so much more! Tools such as babel and webpack are also explored and implemented with our code. We will build a functioning WordPress Gutenberg block with React.
Build components to separate your code. All this knowledge is right at your fingertips!
Why am I qualified to teach this course?
I’ve been developing sites in WordPress for over 10 years. I know all the tricks to work with WordPress. I don’t fool around. You will learn all my techniques and teach you the exact process I go through. I’ve sold commercial themes and plugins with over 1000+ sales worldwide. I know what it takes to create stuff that works!
There is no useless information here in this course. It’s all 100% high-quality content and nothing less. I guarantee you will absolutely love this course and see real results. You’ll have the skills and confidence to build your own custom themes and plugins your clients will love. You’ll be able to take on bigger projects for more money.
What's included
- 29.5 hours on-demand video
- 1 coding exercise
- 6 articles
- 17 downloadable resources
- Access on mobile and TV
- Certificate of completion