Magento 2: From Beginner To Advanced Developer

Build a complete Magento 2 Extension with REST API and UI Components

What you'll learn

Complete a Magento 2 module from start to finish

Learn how to write PHPUnit tests for Magento 2 module

Create REST API for CRUD operations

Learn Magento 2 frontend stack and build storefront features

Practice creating entity models, services, and interfaces

Create a custom UI Component based on KnockoutJs and jQuery libraries

Requirements

Programming experience with PHP

No Magento 2 experience is required. You will learn all necessary technologies in this course

Description

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 librariesPlease be prepared to learn the best Magento development practices that will put you 2 heads ahead of your colleaguesDuring 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.Disclaimer:This course doesn't cover PWA development experience.

Overview

Section 1: Extension Routing, Controller and Configuration

Lecture 1 Creating basic TODO extension structure

Lecture 2 Adding configuration dependencies

Lecture 3 Adding new menu link to the customer account navigation panel

Lecture 4 Creating a TODO action controller

Lecture 5 Action Controller with Authentication Redirect

Lecture 6 Adding new route configuration of the extension

Lecture 7 Adding a page title to the TODO page

Section 2: UI Component, Layout and Templates

Lecture 8 Creating a basic TODO template to render tasks

Lecture 9 Rendering the TODO template on the TODO page

Lecture 10 Creating a basic UI Component for TODO tasks

Lecture 11 Adding a TODO UI Component via the declarative configuration

Lecture 12 Creating a basic UI Component template

Lecture 13 Adding knockout scope to the UI Component

Lecture 14 Adding tasks rendering logic in the HTML template

Lecture 15 Adding logic for empty tasks list into the HTML template

Lecture 16 Adding UI Component via jsLayout attribute of the layout configuration

Section 3: KnockoutJs, Templates and Styling

Lecture 17 Adding tasks to the UI Component defaults

Lecture 18 Adding knockout observable variables to track tasks changes

Lecture 19 Adding Open and Complete statuses to tasks into the HTML template

Lecture 20 Creating CSS styles to task statuses

Lecture 21 Adding CSS file via layout configuration on the TODO page

Lecture 22 Adding logic to switch between task statuses with Knockout data-bind attribute

Lecture 23 Adding delete task button to the HTML template

Lecture 24 Adding deletion logic with the help of Knockout click event

Lecture 25 Adding Confirm Modal UI Component to delete a task event

Lecture 26 Adding the "Add New Task" form to the HTML template

Lecture 27 Styling the "Add New Task" form

Lecture 28 Creating logic to add a new task into the pool of tasks

Lecture 29 Adding the keyup event to add a new task when on the Enter/Return key press

Section 4: Database Schema, Services, Models, API Interfaces

Lecture 30 Creating the database table for tasks using Declarative Schema

Lecture 31 Creating a database schema whitelist via command line

Lecture 32 Creating a TODO extension’s ORM: Model, Resource Model and Collection

Lecture 33 Creating first task with Model and Resource Model

Lecture 34 Creating TODO Service API interfaces

Lecture 35 Part 1: Creating Task Repository service

Lecture 36 Creating TODO Data API interfaces

Lecture 37 Part 2: Creating Task Repository service

Lecture 38 Implementing Search Results interface for Task Collection class

Lecture 39 Creating dependency injection configuration

Lecture 40 Retrieving all tasks via Task Repository Service

Section 5: REST API Endpoints

Lecture 41 Adding API endpoint configuration to retrieve a list of tasks

Lecture 42 Creating API endpoint service and configuration

Lecture 43 Creating Task Save and Delete implementations StarterPremiumProAdvanced

Lecture 44 Adding required task methods to the Task Data Interface

Lecture 45 Configure HTTP GET request to the API endpoint via Postman

Lecture 46 Adding AJAX request to the UI Component to retrieve a list tasks

Lecture 47 Rendering tasks from a database on the page

Lecture 48 Adding API endpoint configuration to update task status

Lecture 49 Creating the Task Update API endpoint service and configuration

Lecture 50 Adding AJAX POST request to change task status

Lecture 51 Adding API endpoint implementation to delete a task

Section 6: Frontend HTTP GET and POST Requests to Backend

Lecture 52 Adding AJAX POST request to handle task deletion

Lecture 53 Adding logic for empty tasks list into the HTML template

Lecture 54 Adding API endpoint configuration to create a new task

Lecture 55 Adjusting Task Management logic for handing task creation

Lecture 56 Adding AJAX POST request to handle new task creation

Lecture 57 Magento 2.4.6 Update: API Endpoints Path

Section 7: Better User Experience

Lecture 58 Creating Loader component

Lecture 59 Improving look and feel of the TODO list

Section 8: Unit Tests with PHPUnit Library

Lecture 60 Setting up PHPUnit for testing

Lecture 61 Creating first PHP Unit Tests for the TODO extension

Lecture 62 Magento 2.4.6 Update: Unit Tests update for PHPUnit 9

Section 9: Magento Marketplace

Lecture 63 Magento 2.4.6 Update: Composer Dependencies Update

Lecture 64 Preparing package for Magento Marketplace

Beginner Magento 2 developers curios 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