The Magento 2 Development Workshop online course is for those who want to learn web development and start implementing fully functional Magento 2 extensions. During the workshop, you will have lots of practice, and theory which will help you to start building Magento 2 stores in a short time.
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.
What is covered in this course:
You will build a fully functional Magento 2 extension from start to finish
You will practice writing unit tests with PHPUnit 9+ library
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 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 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
Please be prepared to learn the best Magento development practices that will put you 2 heads ahead of your colleagues.
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 in order 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.
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
More Information
More Information
Level
Beginner
Course Content
Magento 2 Routing, Controller and Configuration
Creating basic TODO extension structure
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
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.