Home Search Profile
TrainingHub TrainingHub

Master Magento 2 Theme Development: From PSD to Store

Focused View

2:41:22

  • 1 - Introduction.mp4
    00:54
  • 2 - 11 Theme Files.mp4
    07:44
  • 3 - 12 URL Images.mp4
    03:36
  • 4 - 13 URL Static Files.mp4
    03:48
  • 5 - 14 URL Cover.mp4
    05:07
  • 6 - 15 Uninstall Theme.mp4
    03:33
  • 7 - 21 Modifications with LESS.mp4
    06:43
  • 8 - 22 Compiled Static.mp4
    05:30
  • 9 - 23 URL Developer Tools.mp4
    03:57
  • 10 - 24 Exercise.mp4
    00:35
  • 11 - 25 Solution.mp4
    02:27
  • 12 - 31 Variables in LESS.mp4
    03:37
  • 13 - 32 Mixins.mp4
    02:17
  • 14 - 33 Use of Parameters.mp4
    02:50
  • 15 - 34 Nesting and Scope.mp4
    02:08
  • 16 - 35 Operators.mp4
    01:04
  • 17 - 36 Functions and Advices.mp4
    03:05
  • 18 - 41 Override of a view.mp4
    03:26
  • 19 - 42 PHTML Hints.mp4
    04:18
  • 20 - 43 Layouts in Magento.mp4
    05:42
  • 21 - 44 Changing a Layout.mp4
    03:59
  • 22 - 45 Extend Resources.mp4
    08:28
  • 23 - 47 Relocate items with move.mp4
    04:03
  • 24 - 48 Exercise.mp4
    00:34
  • 25 - 49 Solution.mp4
    02:50
  • 26 - 51 Debug layout.mp4
    04:09
  • 27 - 52 Change view.mp4
    04:27
  • 28 - 53 Create a container.mp4
    00:50
  • 29 - 54 Solution.mp4
    06:39
  • 30 - 61 Without Theme Parent.mp4
    03:20
  • 31 - 62 Theme Skeleton.mp4
    03:19
  • 32 - 63 Theme Development.mp4
    05:34
  • 33 - web design workflow.mp4
    03:33
  • 34 - Slicing the PSD.mp4
    04:29
  • 35 - The header.mp4
    13:13
  • 36 - The content.mp4
    13:17
  • 37 - The footer.mp4
    06:17

    • More details

    Course Overview

    This hands-on course teaches you to create and customize Magento 2 themes from scratch, transforming designs into fully functional storefronts with professional techniques.

    What You'll Learn

    • Develop custom Magento 2 themes using LESS and layout XML
    • Convert PSD designs into responsive Magento templates
    • Debug and optimize theme performance with developer tools

    Who This Is For

    • Magento store owners wanting custom designs
    • Frontend developers transitioning to Magento
    • Web designers creating Magento 2 themes

    Key Benefits

    • Learn professional theme development workflow
    • Master Magento's layout and templating system
    • Includes practical exercises with solutions

    Curriculum Highlights

    1. Magento Theme Fundamentals & LESS Styling
    2. Layout XML Customization & Debugging
    3. PSD to Magento Conversion Process
    Focused display
    Category

    Magento

    • language english
    • Training sessions 37
    • duration 2:41:22
    • English subtitles has
    • Release Date 2025/04/26