Magento 2 Development Workshop

Supports Magento 2.4.6

 

  • 84

    Lessons

  • 120

    Tasks

  • 60

    Homeworks

illustration-millustration-d

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.

  • html logo
  • less logo
  • php logo
  • css logo
  • js logo
  • knokout logo

What is Included?

  • Knowledge Gain

    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

    Magento 2.4.6 Support

    All our lessons are built to support the latest Magento 2.4.6 Open Source edition.

  • Homework

    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

    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

    • iconicon

      2 months access

    • iconicon

      Big knowledge database

    • iconicon

      Lesson materials

    • iconicon

      Unlimited Updates

    • iconicon

      Private Mage Mastery Education Chat

    • iconicon

      Source code of all lessons

    • iconicon

      Homework review

    • iconicon

      [Bonus] 19 lessons

    Enroll Now
  • Advanced

    $165

    • iconicon

      3 months access

    • iconicon

      Big knowledge database

    • iconicon

      Lesson materials

    • iconicon

      Unlimited Updates

    • iconicon

      Private Mage Mastery Education Chat

    • iconicon

      Source code of all lessons

    • iconicon

      Homework review

    • iconicon

      [Bonus] 19 lessons

    Enroll Now
  • Pro

    $440

    • iconicon

      9 months access

    • iconicon

      Big knowledge database

    • iconicon

      Lesson materials

    • iconicon

      Unlimited Updates

    • iconicon

      Private Mage Mastery Education Chat

    • iconicon

      Source code of all lessons

    • iconicon

      Homework review

    • iconicon

      [Bonus] 19 lessons

    Enroll Now
  • Premium

    $550

    • iconicon

      12 months access

    • iconicon

      Big knowledge database

    • iconicon

      Lesson materials

    • iconicon

      Unlimited Updates

    • iconicon

      Private Mage Mastery Education Chat

    • iconicon

      Source code of all lessons

    • iconicon

      Homework review

    • iconicon

      [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!

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?

    icon
    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?

    icon
    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?

    icon
    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?

    icon
    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?

    icon
    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?

    icon
    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?

    icon
    Students need to be comfortable with PHP OOP, HTML5, JavaScript, CSS and CLI.
  • 3.

    Are you sure the content is genuine?

    icon
    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?

    icon
    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?

    icon
    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?

    icon
    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?

    icon
    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
2023 © Made with ❤ by Max Pronko