Magento 2 Development Workshop

Supports Magento 2.4.6

84
Lessons
120
Tasks
60
Homeworks

About the Workshop

The workshop 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.

What is Included?

Knowledge Gain
You will get access to the 84 lessons. You will learn Magento 2 Open Source back end and front end components.
Magento 2.4.6 Support
All our lessons are built to support the latest Magento 2.4.6 Open Source edition.
Homework
Each lesson includes tasks and homework that you need to complete and provide for review. You will have enough time to work at your own pace and learn Magento 2.
Help & Support
Every student will get access to a curator. In case of any questions or support, the curator will be happy to help and advise on the next steps.

Topic Coverage

1
UI Components
2
Magento 2 ORM
3
Customer Account Features
4
Magento 2 Rendering System
5
REST API
6
JavaScript async requests & promises
7
Knockout templating and View Model
8
Unit Tests

Bonus Topic

9
Magento CLI Commands
10
Multiple TODO Lists
11
Admin UI Listing

Workshop Lessons Outline

1. Creating basic TODO extension structure

2. Adding new menu link to the customer account navigation panel

3. Adding configuration dependencies

4. Creating a TODO action controller

5. Adding new route configuration of the extension

6. Adding a page title to a TODO page via layout configuration

7. Creating a basic TODO template to render tasks

8. Rendering the TODO template on the TODO page

9. Creating a basic UI Component for TODO tasks

10. Creating a basic UI Component template

11. Rendering tasks via UI Component template

12. Adding UI Component configuration via jsLayout attribute of the layout configuration

13. Adding knockout scope to the UI Component

14. Rendering UI Component HTML template

15. Adding tasks to the UI Component

16. Adding tasks rendering logic in the HTML template

17. Adding logic for empty tasks list into the HTML template

18. Adding tasks to the UI Component defaults

19. Adding knockout observable variables to track tasks changes

20. Adding Open and Complete statuses to tasks into the HTML template

21. Creating CSS styles to task statuses

22. Adding CSS file via layout configuration on the TODO page

23. Adding logic to switch between task statuses with Knockout data-bind attribute

24. Adding delete task button to the HTML template

25. Adding deletion logic with the help of Knockout click event

26. Adding Confirm Modal UI Component to delete a task event

27. Adding the "Add New Task" form to the HTML template

28. Styling the "Add New Task" form

29. Creating logic to add a new task into the pool of tasks

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

31. Creating the database table for tasks using Declarative Schema

32. Creating a database schema whitelist via command line

33. Creating a TODO extension’s ORM: Model, Resource Model and Collection

34. Creating first task with Model and Resource Model

35. Creating TODO Service API interfaces

36. Creating Task Repository service - Part 1

37. Creating TODO Data API interfaces

38. Creating Task Repository service - Part 2

39. Implementing Search Results interface for Task Collection class

40. Creating dependency injection configuration

41. Retrieving all tasks via Task Repository Service

42. Creating Task Save and Delete implementations

43. Adding API endpoint configuration to retrieve a list of tasks

44. Creating API endpoint service and configuration

45. Adding required task methods to the Task Data Interface

46. Configure HTTP GET request to the API endpoint via Postman

47. Adding AJAX request to the UI Component to retrieve a list tasks

48. Rendering tasks from a database on the page

49. Adding API endpoint configuration to update task status

50. Creating the Task Update API endpoint service and configuration

51. Adding AJAX POST request to change task status

52. Adding API endpoint implementation to delete a task

53. Adding AJAX POST request to handle task deletion

54. Adding logic for empty tasks list into the HTML template

55. Adding API endpoint configuration to create a new task

56. Adjusting Task Management logic for handing task creation

57. Adding AJAX POST request to handle new task creation

58. Creating Loader component

59. Improving look and feel of the TODO list

60. Setting up PHPUnit for testing

61. Creating first PHP Unit Tests for the TODO extension

62. Magento 2.4 Update: New Action Controller with Authentication Redirect

63. Magento 2.4 Update: API Endpoints Path

64. Magento 2.4 Update: Unit Tests update for PHPUnit 9

65. Magento 2.4 Update: Composer Dependencies Update

Bonus Lessons Outline

1. Adding a Customer ID filter to the list of tasks

2. Verifying if a user is logged in to see the TODO list

3. Restricting WebAPI endpoints

4. Fixing the change status logic

5. Creating and registering CLI Command

6. Implementing the execute method

7. Rendering tasks via CLI Command

8. Using a table to render results in a console

9. Filtering tasks by a Customer ID in the CLI Command

10. Adding a backend Todo List page

11. Adding a UI Component configuration file

12. Creating UI Listing configuration for ToDo list

13. Registering an UI Listing Data Provider Handler

14. Adding remaining columns to the ToDo list

15. Customizing a Customer Column in the ToDo list

16. Creating UI Listing Toolbar

17. Fixing filter fields

18. Improving UI Listing View component

19. Adding fulltext index for Search Component

Workshop Pricing

Choose the plan that right for your education. Whether you're getting started with Magento 2 development or well down the path, we've got you covered.

Starter
$110
- 2 months access
- Big knowledge database
- Lesson materials
- Unlimited Updates
- Private Mage Mastery Education Chat
- Source code of all lessons
- Homework review
- [Bonus] 19 lessons
Enroll Now
Advanced
$165
- 3 months access
- Big knowledge database
- Lesson materials
- Unlimited Updates
- Private Mage Mastery Education Chat
- Source code of all lessons
- Homework review
- [Bonus] 19 lessons
Enroll Now
Pro
$440
- 9 months access
- Big knowledge database
- Lesson materials
- Unlimited Updates
- Private Mage Mastery Education Chat
- Source code of all lessons
- Homework review
- [Bonus] 19 lessons
Enroll Now
Premium
$550
- 12 months access
- Big knowledge database
- Lesson materials
- Unlimited Updates
- Private Mage Mastery Education Chat
- Source code of all lessons
- Homework review
- [Bonus] 19 lessons
Enroll Now

If you are looking for a private consulting please email max@magemastery.net for details.

Mage Mastery - Magento 2 development courses

Max is a Magento Master 2020

Max is a Magento 2 developer and programming instructor passionate about making it easier to learn complex skills. He is a Youtuber and Magento 2 Professional Certified developer who has been involved in the evolution of the Magento platform before joining Mage Mastery.

At The End of The Course You Will Receive a Certificate!

Mage Mastery Certificate

After completing the online course, each student who has bought a course with the "Pro" type and above will be able to confirm their knowledge by completing a diploma project. In case of successful completion of the diploma project, the student receives a certificate on the successful completion of the online training program. The certificate will help you with further employment, as well as be a great addition to your Mage Mastery education

Size: A4

Format: PDF Hard Copy

Frequently Asked Questions

1.
What knowledge do I need to have before the workshop?
Students need to be comfortable with PHP OOP, HTML5, JavaScript, CSS and CLI.
2.
Is this a webinar I have to watch at specific times?
The workshop videos and homework can be studied 24/7. You will receive access to our new Mage Mastery Training Portal with all lessons as they are released.
3.
Are you sure the content is genuine?
This workshop stands on its own with original content based on real life commercial development experience conducted by the instructor. We haven't used other online resources or trainings free or paid.
4.
What is included into the workshop?
The workshop includes 84 video lessons, 140 tasks and homework, lesson materials. Total amount of hours required to complete the workshop is 122.
5.
Which version of Magento are you using?
We are always teaching the latest version of Magento 2. We constantly update the training material to follow the new Magento versions.
6.
Can we customize the content?
Public classes follow our normal outline, but if there’s something specific you want to learn with a private workshop, please do ask.

1.
What knowledge do I need to have before the workshop?
Students need to be comfortable with PHP OOP, HTML5, JavaScript, CSS and CLI.
3.
Are you sure the content is genuine?
This workshop stands on its own with original content based on real life commercial development experience conducted by the instructor. We haven't used other online resources or trainings free or paid.
5.
Which version of Magento are you using?
We are always teaching the latest version of Magento 2. We constantly update the training material to follow the new Magento versions.

2.
Is this a webinar I have to watch at specific times?
The workshop videos and homework can be studied 24/7. You will receive access to our new Mage Mastery Training Portal with all lessons as they are released.
4.
What is included into the workshop?
The workshop includes 84 video lessons, 140 tasks and homework, lesson materials. Total amount of hours required to complete the workshop is 122.
6.
Can we customize the content?
Public classes follow our normal outline, but if there’s something specific you want to learn with a private workshop, please do ask.

Ask Questions