کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش شروع ماجراجویی هیوا: طراحی سبک وزن مگنتو - آخرین آپدیت

دانلود Kickstart Your Hyvä Adventure: Crafting Lightweight Magento

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

سرعت، سادگی و موفقیت: طراحی Magento / Adobe Commerce با Hyvä + 6 ماه IDE رایگان JetBrains

آیا آماده‌اید تا عملکرد و تجربه کاربری فروشگاه Magento خود را متحول کنید؟ این دوره دروازه ورود شما به تسلط بر Hyvä، فریم‌ورک قالب انقلابی است که سرعت و سادگی بی‌نظیری را به توسعه Magento می‌آورد.

در دوره آغاز ماجراجویی Hyvä، شما را گام به گام در فرآیند ساخت یک فروشگاه اینترنتی سبک و با عملکرد بالا برای Magento / Adobe Commerce با استفاده از Hyvä راهنمایی خواهیم کرد. خواهید آموخت که چگونه Hyvä با ابزارهای مدرن خود - Tailwind CSS برای استایل‌دهی سریع و Alpine.js برای تعامل پویا - توسعه فرانت‌اند را ساده می‌کند، در حالی که به طور چشمگیری حجم کد را کاهش داده و سرعت سایت را بهبود می‌بخشد.

به فکر دریافت مدرک Hyvä هستید؟ اکنون فرصت شماست!

آنچه در این دوره خواهید آموخت:

  • اصول اساسی رویکرد مینیمالیستی Hyvä به قالب‌بندی Magento.
  • نحوه پیکربندی Hyvä با Tailwind CSS و Alpine.js برای طراحی تمیز و واکنش‌گرا.
  • تکنیک‌های ساخت فروشگاه‌های Magento شیک و با کارایی بالا با کسری از منابع.
  • نحوه استفاده از ViewModel و Registry در Hyvä برای کد انعطاف‌پذیر و قابل نگهداری.
  • بهترین روش‌ها برای یکپارچه‌سازی Hyvä با HeroIcons، اسلایدرهای سفارشی و محصول و window.hyva Object.
  • استفاده از BASE_URL و fetch() برای ایجاد مشتری در لحظه.
  • افزونه‌های Alpine.js Hyvä برای عملکرد و تعامل بهتر.
  • رویدادهای JavaScript Hyvä.
  • کار با SectionData در قالب Hyvä.
  • فرم‌های Hyvä با اعتبارسنجی‌های پایه و پیشرفته.
  • فرم‌های Hyvä با ادغام reCAPTCHA.
  • الگوهای Hyvä (کامپوننت‌ها).
  • کارت‌های بخش Hyvä.
  • مدیریت ویژگی‌های محصول Hyvä در PDPها.
  • Hyvä با GraphQL
  • Hyvä Content

این دوره برای چه کسانی مناسب است؟

این دوره برای توسعه‌دهندگان Magento که به دنبال ساده‌سازی گردش کار خود هستند، صاحبان فروشگاه‌هایی که یک سایت سریع‌تر و واکنش‌پذیرتر می‌خواهند و هر کسی که مشتاق کاوش در آینده توسعه Magento از طریق Hyvä است، عالی است.

در پایان این دوره، ابزارها و دانش لازم برای ساخت فروشگاه‌های Magento سبک، سریع و مدرن با استفاده از Hyvä را خواهید داشت و شما را برای موفقیت در چشم انداز رقابتی تجارت الکترونیک آماده می کند.

این تازه شروع کار است! من دوره را با آخرین بینش‌های Hyvä به‌روز نگه می‌دارم تا به پلتفرم تجارت الکترونیک Magento شما کمک کنم تا سبک و سریع بماند.

پیش‌نیازها:

دانش پایه HTML، CSS و JavaScript: آشنایی با مبانی توسعه وب به شما کمک می کند تا مفاهیم تدریس شده در این دوره را درک کنید.

آشنایی با Magento: دانش پایه Magento مفید است، زیرا این دوره بر بهبود توسعه فرانت‌اند در این پلتفرم تمرکز دارد.

تنظیمات محیط توسعه: دانش‌آموزان باید بتوانند یک محیط توسعه محلی، از جمله PHPStorm و بسته‌های لازم برای قالب‌بندی Hyvä را راه‌اندازی کنند.

پیشنهاد ویژه برای شما:

به عنوان یک دانشجوی ارزشمند، به پیشنهادات ویژه ای دسترسی خواهید داشت که تجربه یادگیری شما را بیشتر بهبود می بخشد:

  • 6 ماه دسترسی رایگان به بهترین IDE های JetBrains:

    • PhpStorm - ایده آل برای توسعه PHP و Adobe Commerce / Magento.
    • WebStorm - بهترین IDE برای توسعه مدرن جاوا اسکریپت و فرانت‌اند.
    • IntelliJ IDEA - ایده آل برای توسعه دهندگان جاوا و کاتلین.
    • PyCharm - IDE مناسب برای توسعه پایتون.
    • و IDE های بیشتر JetBrains...
  • 40% تخفیف خودکار در اشتراک IDE انتخابی شما پس از دوره 6 ماهه رایگان — این اطمینان را به شما می‌دهد که با رشد مهارت‌هایتان به صرفه‌جویی ادامه دهید.
  • منتظر تخفیف‌ها و پیشنهادات هیجان‌انگیزتری باشید که منحصراً برای دانشجویان من در نظر گرفته شده است!
سرفصل ها و درس ها

آشنایی با قالب‌های Hyvä Introduction to Hyvä Themes

  • معرفی قالب Hyvä Hyvä Theme Introduction

  • شروع کار با قالب Hyvä Getting Started with the Hyvä Theme

  • نحوه دریافت لایسنس 6 ماهه رایگان JetBrains IDE و پیشنهادات ویژه How to Claim Your 6-Month FREE JetBrains IDE License and Exclusive Offers

  • نصب ماژول توسعه سفارشی Hyvä و راهنمای تمرینات عملی Hyvä Custom Development Module Installation and Practical Exercises Guide

  • چگونه می‌توانم بدون لایسنس فعال Hyvä در دروس عملی شرکت کنم؟ How can I engage with the practical lessons without an active Hyvä license?

  • درک مزایا و عملکرد قالب Hyvä برای Magento Understanding the Benefits and Performance of Hyvä Theme for Magento

پیکربندی قالب فرانت‌اند Hyvä Configuring Your Hyvä Frontend Theme

  • ایجاد قالب فرزند بر اساس قالب Hyvä Creating Child Theme Based on the Hyvä Theme

  • بررسی اجمالی قالب‌های Hyvä Hyvä Themes Overview

  • ویژگی‌ها و عملکردهای کلیدی در قالب‌های Hyvä Key Features and Functionalities in Hyvä Themes

پیش تنظیمات استایل‌دهی قالب Hyvä Hyvä Theme Styling Pre-Configuration

  • پیکربندی Tailwind CSS Configuring Tailwind CSS

  • Browserlist Browserlist

  • ساختار فایل CSS قالب Hyvä و اشتراک گذاری Hyvä Theme CSS File Structure and Sharing

  • نصب پکیج‌های npm Installing npm Packages

  • تنظیمات PostCSS در PHPStorm و Browser Sync PostCSS Settings In PHPStorm and Browser Sync

  • ابزارها و بهترین شیوه‌ها در Hyvä Tools and Best Practices in Hyvä

Tailwind CSS در قالب Hyvä Tailwind CSS in the Hyvä Theme

  • معرفی Tailwind Tailwind Introduction

  • تمرینات عملی تسلط بر Tailwind - لیست کارها Master Tailwind Practice Tests ToDo

  • تمرینات عملی تسلط بر Tailwind - راه حل Master Tailwind Practice Tests Solution

  • Windy برای Tailwind Windy for Tailwind

چیدمان و طراحی Layout and Design

  • استایل‌دهی کانتینرهای چیدمان Styling Layout Containers

  • هندل‌های چیدمان Hyvä Hyvä Layout Handles

  • کانتینرهای چیدمان و هندل‌ها در قالب‌های Hyvä Layout Containers and Handles in Hyvä Themes

بهبود تعامل با Alpine.js در قالب Hyvä Enhancing Interactivity with Alpine.js in Hyvä Theme

  • معرفی Alpine.js Alpine.js Introduction

  • معرفی پیشرفته Alpine.js Advanced Alpine.js Introduction

  • Magics در Alpine.js Magics in Alpine.js

  • پشتیبانی Alpine.js در PHPStorm Alpine.js Support in PHPStorm

  • تمرین عملی تسلط بر Alpine.js - لیست کارها Master Alpine.js Practice Test ToDo

  • تمرین عملی تسلط بر Alpine.js - راه حل Master Alpine.js Practice Test Solution

  • Alpine.js: مفاهیم اصلی و ویژگی‌های پیشرفته Alpine.js: Core Concepts and Advanced Features

ارتقاء آیکون‌ها با Hyvä Elevating Icons with Hyvä

  • HeroIcons در Hyvä HeroIcons in Hyvä

  • نمونه‌های Hero Icons Hero Icons Examples

  • تمرین عملی اتصال آیکون‌ها در Hyvä - لیست کارها Master Icons Binding in Hyvä ToDo

  • تمرین عملی اتصال آیکون‌ها در Hyvä - راه حل Master Icons Binding in Hyvä Solution

استفاده از قدرت ViewModels و Registry در Hyvä Harnessing the Power of ViewModels and the - Registry in Hyvä

  • مثال استفاده از ViewModel با پیاده‌سازی Footer ViewModel Usage Example with the Footer Implementation

  • ViewModelRegistry در قالب‌های Hyvä ViewModelRegistry in Hyvä Themes

  • ایجاد اسکلت Modal محصولات ویژه Create Featured Products Modal Skeleton

  • ایجاد ViewModel محصولات ویژه با Modal و مجموعه محصولات Create Featured Products ViewModel with Modal and Product Collection

  • استایل‌دهی و نهایی کردن Modal محصولات ویژه با Tailwind CSS Style and Finalize the Featured Product Modal with Tailwind CSS

Modal تودرتو و مرجع API Modal ViewModel Nested Modal and the Modal ViewModel API Reference

  • مرجع API Modal ViewModel Modal ViewModel API Reference

  • ایجاد Modal تودرتو Create Nested Modal

  • Modalها فقط با JavaScript Modals only with JavaScript

اسلایدرهای Hyvä Hyvä Sliders

  • ایجاد اسلایدر سفارشی Hyvä Create Hyvä Custom Slider

  • ارائه اسلایدر محصول SSR Hyvä و لیست کارها Presentation of the SSR Hyvä Product Slider and the ToDo

  • راه حل اسلایدر محصول Hyvä Hyvä Product Slider Solution

شی window.hyva و مدیریت محتوای خصوصی The window.hyva Object and Managing Private Content

  • محتوای خصوصی در Hyvä Private Content in Hyvä

  • شی window.hyva window.hyva Object

  • تست عملی با شی Hyvä - لیست کارها Practical Test with the Hyva Object ToDo

  • تست عملی با شی Hyvä - راه حل Practical Test with the Hyva Object Solution

ساخت URLها و استفاده از Fetch API برای ایجاد مشتری در لحظه در قالب Hyvä Building URLs and Using Fetch API for Customer Creation on the Fly in Hyvä Theme

  • ایجاد مشتری با استفاده از Fetch API و BASE_URL Create Customer using Fetch API and BASE_URL

  • ساخت URL و Fetch API در قالب‌های Hyvä URL Building and Fetch API in Hyvä Themes

پلاگین‌های Alpine.js برای عملکرد و تعامل بهتر Hyvä Hyvä's Alpine.js Plugins for Better Performance and Interactivity

  • استفاده از پلاگین Intersect Alpine برای تعاملات مبتنی بر اسکرول Using the Alpine Intersect Plugin for Scroll-Based Interactions

  • بهینه سازی مدیریت DOM با پلاگین Ignore Alpine Optimizing DOM Management with the Alpine Ignore Plugin

  • بهبود عملکرد بارگذاری صفحه با پلاگین Defer Alpine Improving Page Load Performance with the Alpine Defer Plugin

  • جایزه: ایجاد انیمیشن‌های بارگذاری با Alpine.js BONUS: Creating Loading Animations with Alpine.js

  • تسلط بر پلاگین‌های Alpine.js برای قالب‌های Hyvä Mastering Alpine.js Plugins for Hyvä Themes

کار با sectionData Working with sectionData

  • راه‌اندازی sectionData و رسیدگی به آن با Alpine.js Setting up sectionData and Handling This with Alpine.js

  • دریافت داده‌های مشتری در JavaScript بومی Receiving Customer Data in Native JavaScript

  • به روز رسانی و نامعتبر کردن داده‌های بخش مشتری Refreshing and Invalidating Customer Section Data

رویدادهای JavaScript Hyvä Hyvä JavaScript Events

  • toggle-authentication toggle-authentication

  • toggle-cart toggle-cart

  • toggle-cart لیست کارها و راه حل toggle-cart ToDo and Solution

  • update-gallery لیست کارها و راه حل update-gallery ToDo and Solution

فرم‌ها و reCAPTCHA در قالب Hyvä Forms and the reCAPTCHA in Hyvä Theme

  • ایجاد یک فرم پایه با انواع ورودی HTML5 و اعتبارسنجی Creating a Basic Form with HTML5 Input Types and Validation

  • استایل‌دهی ورودی‌ها بسته به حالت Styling inputs depending on state

  • اعمال محدودیت بر تعامل کاربر و هنگام ارسال Applying constraints on user interaction and on submit

  • اعتبارسنجی پیشرفته فرم JavaScript - لیست کارها و راه حل Advanced JavaScript form validation ToDo and Solution

  • reCAPTCHA در فرم سفارشی reCAPTCHA in Custom Form

الگوهای Hyvä - کامپوننت‌ها Hyvä Patterns - Components

  • ذخیره وضعیت مشترک در ویژگی داده عنصر والد Storing shared state on a parent element data attribute

  • اشتراک‌گذاری وضعیت با رویدادها Sharing state with events

  • اشتراک‌گذاری وضعیت از طریق یک متغیر سراسری Sharing state through a global variable

  • فراخوانی متدهای دامنه والد Calling parent scope methods

  • ایجاد جعبه‌های محصول تکمیل‌شده - لیست کارها Creating completed product boxes ToDo

  • ایجاد جعبه‌های محصول تکمیل‌شده - راه حل Creating completed product boxes Solution

  • ارتباط بین کامپوننت‌های Alpine.js Communication between Alpine.js Components

کار با کارت‌های بخش و ویژگی‌ها در صفحه جزئیات محصول Working with the section cards and attributes on product detail page

  • ایجاد کارت بخش جدید برای وضعیت موجودی محصول Create new section card for product stock status

  • توسعه ViewModel جدید برای نمایش مقدار موجودی محصول Develop a new ViewModel to display product stock quantity

  • طراحی دایره‌های مقدار موجودی برای تجسم واضح‌تر Design stock quantity circles for clearer visualization

  • تغییر عنوان کارت بخش وضعیت موجودی محصول Change the product stock status section card title

  • به نمایش گذاشتن ویژگی‌های صفحه جزئیات محصول Showcasing the product detail page attributes

کار با محتوای CMS Working with the CMS contents

  • بررسی اجمالی استایل‌دهی محتوای CMS با Hyvä Overview of the CMS Content Styling with Hyvä

  • استایل‌دهی محتوای متنی CMS با prose Styling of the CMS text content with prose

  • ماژول Tailwind JIT CMS The CMS Tailwind JIT module

  • پیکربندی سفارشی Tailwind Custom Tailwind Configuration

  • مثال Quote Hyvä Page Builder Magento Magento Page Builder Hyvä Quote Example

آموزش PL 600 Microsoft Power Platform Solution Architect 2023

آموزش PL 600 Microsoft Power Platform Solution Architect 2023

PL 600 Microsoft Power Platform Solution Architect 2023

دستور العمل های برنامه نویسی شبکه جاوا [ویدئو]

دستور العمل های برنامه نویسی شبکه جاوا [ویدئو]

Java Network Programming Recipes [Video]

آموزش لهجه انگلیسی بریتانیایی خود را عالی کنید - تلفظ انگلیسی

آموزش لهجه انگلیسی بریتانیایی خود را عالی کنید - تلفظ انگلیسی

دانلود Perfect Your British English Accent - English Pronunciation

نمایش نظرات

آموزش شروع ماجراجویی هیوا: طراحی سبک وزن مگنتو
جزییات دوره
10 hours
77
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
346
4.6 از 5
دارد
دارد
دارد
Adam Varga

https://donyad.com/d/1b3e19

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Adam Varga Adam Varga

Adobe Commerce/Magento Developer/Hyvä Tech شریک