Learn by following detailed lectures that guide you in your development journey to gain new knowledge.
Magento 2.4 Support
The course supports the latest Magento 2 Open Source and Adobe Commerce editions.
Online Support
You will get access to a course curator. The curator will be happy to help and advise on the next steps.
Mage Mastery Certificate
For each course you complete, you receive a shareable Mage Mastery Certificate of Completion.
Embed your certificates in your portfolio, LinkedIn resume, and other websites to show the world that you’re a dedicated and experienced developer.
The Quality You May Expect from the Online Course
Here is a free full course video that covers Magento 2 development techniques.
What is covered in this course:
You will build a fully functional Magento 2 extension from start to finish
You will learn how to create MySQL database tables via a declarative schema configuration file
You will practice creating entity models, services, and interfaces for the Magento 2 extension
You will implement REST API endpoints for CRUD operations
You will practice working with the Postman API Platform and send HTTP GET/POST requests to the Magento 2 application
You will practice with 3rd-party JavaScript libraries such as KnockoutJs, jQuery, and RequireJs
You will create a custom UI Component based on KnockoutJs and jQuery libraries
You will practice writing unit tests with the PHPUnit 9+ library
Please be prepared to learn the best Magento development practices that will put you 2 heads ahead of your colleagues.
100% Money Back Guarantee
Course Description
During the course, you will build a fully functional Magento 2 extension. We will cover both backend and frontend customization techniques. You will learn how to work with Magento 2 platform, and how to customize it to start building your own Magento 2 extensions. The course covers topics that are required for any Magento 2 developer to work on a day-to-day basis.
You will learn how to write REST API endpoints, build custom Forms and Grids with UI Components, learn frontend stacks such as KnockoutJs, RequireJs, templating, Magento 2 Rendering System, JavaScript async requests & promises, Magento 2 ORM, and Magento 2 frontend libraries, Magento CLI Commands, how to write PHPUnit tests and finally, we will learn how to prepare the extension for Magento Marketplace submission. The course is fully compatible with the latest Magento 2.4.6 Open Source and Adobe Commerce editions.
An Example of The Lesson from This Course
Backend Lecture: Action Controller with Authentication Redirect
Frontend Lecture: Adding Confirm Modal UI Component to delete a task event
Who this course is for:
Beginner Magento 2 developers curious about building Magento 2 extensions
Web Developers seeking to learn Magento 2 extension development practices
Software Developers with Magento 1 experience looking to understand Magento 2 extension development
Course Content
An Overview
Introduction
Installation
Magento 2 Open Source Installation
IDE: PHPStorm vs Visual Studio Code
Magento 2 Routing, Controller and Configuration
Magento 2 Extension: First Steps
Adding configuration dependencies
Adding new menu link to the customer account navigation panel
Creating a TODO action controller
Action Controller with Authentication Redirect
Adding new route configuration of the extension
Adding a page title to the TODO page
UI Component, Layout and Templates
Creating a basic TODO template to render tasks
Rendering the TODO template on the TODO page
Creating a basic UI Component for TODO tasks
Adding a TODO UI Component via the declarative configuration
Creating a basic UI Component template
Adding knockout scope to the UI Component
Adding tasks rendering logic in the HTML template
Adding logic for empty tasks list into the HTML template
Adding UI Component via jsLayout attribute of the layout configuration
KnockoutJs, Templates and Styling
Adding tasks to the UI Component defaults
Adding knockout observable variables to track tasks changes
Adding Open and Complete statuses to tasks into the HTML template
Creating CSS styles to task statuses
Adding CSS file via layout configuration on the TODO page
Adding logic to switch between task statuses with Knockout data-bind attribute
Adding delete task button to the HTML template
Adding deletion logic with the help of Knockout click event
Adding Confirm Modal UI Component to delete a task event
Adding the "Add New Task" form to the HTML template
Styling the "Add New Task" form
Creating logic to add a new task into the pool of tasks
Adding the keyup event to add a new task when on the Enter/Return key press
Database Schema, Services, Models, API Interfaces
Creating the database table for tasks using Declarative Schema
Creating a database schema whitelist via command line
Creating a TODO extension’s ORM: Model, Resource Model and Collection
Creating first task with Model and Resource Model
Creating TODO Service API interfaces
Part 1: Creating Task Repository service
Creating TODO Data API interfaces
Part 2: Creating Task Repository service
Implementing Search Results interface for Task Collection class
Creating dependency injection configuration
Retrieving all tasks via Task Repository Service
REST API Endpoints
Adding API endpoint configuration to retrieve a list of tasks
Creating API endpoint service and configuration
Creating Task Save and Delete implementations
Adding required task methods to the Task Data Interface
Configure HTTP GET request to the API endpoint via Postman
Adding AJAX request to the UI Component to retrieve a list tasks
Rendering tasks from a database on the page
Adding API endpoint configuration to update task status
Creating the Task Update API endpoint service and configuration
Adding AJAX POST request to change task status
Adding API endpoint implementation to delete a task
Adding AJAX POST request to handle task deletion
Adding logic for empty tasks list into the HTML template
Adding API endpoint configuration to create a new task
Adjusting Task Management logic for handing task creation
Adding AJAX POST request to handle new task creation
User Interface
Creating Loader component
Improving look and feel of the TODO list
PHPUnit Library and Tests
Setting up PHPUnit for testing
Creating first PHP Unit Tests for the TODO extension
Unit Tests update for PHPUnit 9
Magento Marketplace
Preparing package for Magento Marketplace
Customer Security
Adding a Customer ID filter to the list of tasks
Verifying if a user is logged in to see the TODO list
Restricting webapi endpoints
Fixing the change status logic
Console Commands
Creating and registering CLI Command
Implementing the execute method
Rendering tasks via CLI Command
Using a table to render results in a console
Filtering tasks by a Customer ID in the CLI Command
UI Components and Admin Logic
Adding a backend Todo List page
Adding a UI Component configuration file
Creating UI Listing configuration for ToDo list
Registering an UI Listing Data Provider Handler
Adding remaining columns to the ToDo list
Customizing a Customer Column in the ToDo list
Creating UI Listing Toolbar
Fixing filter fields
Improving UI Listing View component
Adding full-text index for Search Component
Additional Resources
Magento 2.4 Update: API Endpoints Path
Magento 2.4 Update: Composer Dependencies Update
Reviews
Really comprehensible and enjoyable
Thank you Mage Mastery Team!
The course is over. I hope I completed most of the tasks correctly.
It was really comprehensible and enjoyable.
I promise to attend another one soon.