開發人員專用Adobe Commerce快速入門
瞭解如何開始使用 Adobe Commerce，包括使用 Docker 進行本機設定。我們向新的開發人員介紹後台開發任務。前台開發基礎知識包括使用 Page Builder 以及如何在頁面（如產品頁面）上建立包含 JavaScript 的新模組。
{ "description": "建立記錄到PSR記錄器的模組", "duration": "PT0H8M25S", "embedUrl": "https://video.tv.adobe.com/v/35792/", "name": "建立模組", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722296-100x56.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722297-150x85.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722297-200x113.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722297-220x124.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722297-236x133.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722298-290x163.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722298-420x236.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722298-640x360.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722298-666x375.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722299-720x405.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722299-960x540.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722300-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-06-24T10:42:46Z", "hasPart": [ { "@type": "Clip", "name": "Minimum files and folders described to create a new module", "startOffset": 14, "endOffset": 23, "url": "https://video.tv.adobe.com/v/35792/?t=14" }, { "@type": "Clip", "name": "What is a Package", "startOffset": 24, "endOffset": 69, "url": "https://video.tv.adobe.com/v/35792/?t=24" }, { "@type": "Clip", "name": "What to use for the Module name", "startOffset": 70, "endOffset": 165, "url": "https://video.tv.adobe.com/v/35792/?t=70" }, { "@type": "Clip", "name": "Describing the registration.php file", "startOffset": 166, "endOffset": 184, "url": "https://video.tv.adobe.com/v/35792/?t=166" }, { "@type": "Clip", "name": "The etc folder", "startOffset": 185, "endOffset": 209, "url": "https://video.tv.adobe.com/v/35792/?t=185" }, { "@type": "Clip", "name": "The module.xml file ", "startOffset": 210, "endOffset": 236, "url": "https://video.tv.adobe.com/v/35792/?t=210" }, { "@type": "Clip", "name": "Expected folders and files for our first module", "startOffset": 237, "endOffset": 292, "url": "https://video.tv.adobe.com/v/35792/?t=237" }, { "@type": "Clip", "name": "Using PHPStorm with the Magento plugin", "startOffset": 293, "endOffset": 332, "url": "https://video.tv.adobe.com/v/35792/?t=293" }, { "@type": "Clip", "name": "Describing the contents of module.xml ", "startOffset": 333, "endOffset": 403, "url": "https://video.tv.adobe.com/v/35792/?t=333" }, { "@type": "Clip", "name": "Describing the contents of registration.php", "startOffset": 404, "endOffset": 443, "url": "https://video.tv.adobe.com/v/35792/?t=404" }, { "@type": "Clip", "name": "Showing output for the setup upgrade command", "startOffset": 444, "endOffset": 458, "url": "https://video.tv.adobe.com/v/35792/?t=444" }, { "@type": "Clip", "name": "Showing our module was added to app/etc/config.php", "startOffset": 459, "endOffset": 505, "url": "https://video.tv.adobe.com/v/35792/?t=459" } ], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": "建立模組" }
Page Builder簡介
瞭解 Page Builder 工具，以便在Adobe Commerce和Magento Open Source中輕鬆建立內容。
282
{ "description": "瞭解 Page Builder 工具，以便在Adobe Commerce和Magento Open Source中輕鬆建立內容。", "duration": "PT0H4M42S", "embedUrl": "https://video.tv.adobe.com/v/343781/", "name": " Page Builder簡介", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154017-100x56.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154018-150x84.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154019-200x113.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154020-220x124.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154021-236x133.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154022-290x186.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154024-420x236.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154025-640x360.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154026-666x374.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154027-720x405.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154027-960x540.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154029-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2022-06-13T20:57:12Z", "hasPart": [], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": " Page Builder簡介" }
{ "description": "建立一個傳回json的頁面，並包含一個引數。", "duration": "PT0H3M58S", "embedUrl": "https://video.tv.adobe.com/v/35816/", "name": "建立新頁面", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-100x56.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-150x84.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-200x113.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-220x124.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-236x133.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-290x186.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-420x236.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-640x360.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-666x374.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-720x405.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015495-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015495-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-06-24T16:15:37Z", "hasPart": [], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": "建立新頁面" }
新增JavaScript模組
本影片會逐步說明如何開發提供問候語「Hello World」的簡單JS模組。
241
{ "description": "本影片會逐步說明如何開發提供問候語「Hello World」的簡單JS模組。", "duration": "PT0H4M1S", "embedUrl": "https://video.tv.adobe.com/v/35790/", "name": "新增JavaScript模組", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269269-100x56.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269269-150x85.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269269-200x113.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-220x124.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-236x133.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-290x163.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-420x236.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-640x360.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-666x375.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269271-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269271-720x405.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269271-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-06-24T10:32:46Z", "hasPart": [], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": "新增JavaScript模組" }