Magento 2 Development Workshop

Special Price $130.00 Regular Price $199.00
SKU
m2dw

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.

This course includes:

  • 5 hours of on-demand videos
  • 1 downloadable resource
  • Access on mobile and desktop

Gain Knowledge

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
  1. Creating basic TODO extension structure
  2. Adding configuration dependencies
  3. Adding new menu link to the customer account navigation panel
  4. Creating a TODO action controller
  5. Action Controller with Authentication Redirect
  6. Adding new route configuration of the extension
  7. Adding a page title to the TODO page
UI Component, Layout and Templates
  1. Creating a basic TODO template to render tasks
  2. Rendering the TODO template on the TODO page
  3. Creating a basic UI Component for TODO tasks
  4. Adding a TODO UI Component via the declarative configuration
  5. Creating a basic UI Component template
  6. Adding knockout scope to the UI Component
  7. Adding tasks rendering logic in the HTML template
  8. Adding logic for empty tasks list into the HTML template
  9. Adding UI Component via jsLayout attribute of the layout configuration
KnockoutJs, Templates and Styling
  1. Adding tasks to the UI Component defaults
  2. Adding knockout observable variables to track tasks changes
  3. Adding Open and Complete statuses to tasks into the HTML template
  4. Creating CSS styles to task statuses
  5. Adding CSS file via layout configuration on the TODO page
  6. Adding logic to switch between task statuses with Knockout data-bind attribute
  7. Adding delete task button to the HTML template
  8. Adding deletion logic with the help of Knockout click event
  9. Adding Confirm Modal UI Component to delete a task event
  10. Adding the "Add New Task" form to the HTML template
  11. Styling the "Add New Task" form
  12. Creating logic to add a new task into the pool of tasks
  13. Adding the keyup event to add a new task when on the Enter/Return key press
Database Schema, Services, Models, API Interfaces
  1. Creating the database table for tasks using Declarative Schema
  2. Creating a database schema whitelist via command line
  3. Creating a TODO extension’s ORM: Model, Resource Model and Collection
  4. Creating first task with Model and Resource Model
  5. Creating TODO Service API interfaces
  6. Part 1: Creating Task Repository service
  7. Creating TODO Data API interfaces
  8. Part 2: Creating Task Repository service
  9. Implementing Search Results interface for Task Collection class
  10. Creating dependency injection configuration
  11. Retrieving all tasks via Task Repository Service
REST API Endpoints
  1. Adding API endpoint configuration to retrieve a list of tasks
  2. Creating API endpoint service and configuration
  3. Creating Task Save and Delete implementations
  4. Adding required task methods to the Task Data Interface
  5. Configure HTTP GET request to the API endpoint via Postman
  6. Adding AJAX request to the UI Component to retrieve a list tasks
  7. Rendering tasks from a database on the page
  8. Adding API endpoint configuration to update task status
  9. Creating the Task Update API endpoint service and configuration
  10. Adding AJAX POST request to change task status
  11. Adding API endpoint implementation to delete a task

Reviews

  1. 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.

    Review by

    Posted on

Write Your Own Review
You're reviewing:Magento 2 Development Workshop
Copyright © 2019-present Mage Mastery. All rights reserved.