About Course
এটি একটি প্রি-রেকর্ডেড কোর্স। এখানে আপনি শপিফাই থিম ডেভেলপমেন্ট এর বেসিক থেকে এডভান্স সব কিছুই শিখবেন। লাইভ প্রজেক্ট হিসেবে থাকছে বেসিক থিম ডেভেলপমেন্ট ফরম স্ক্র্যাচ এবং একটু ফুল ইকমার্স HTML to SHOPIFY থিম কনভার্সন। সাথে থাকছে প্রাইভেট ফেসবুক/হোয়াটসেপ গ্রুপ এর মাধ্যম এ কোর্স রিলেটেড সাপোর্ট।
প্রথমেই আমরা শপিফাই পার্টনার অ্যাকাউন্ট এবং ডেভেলপমেন্ট স্টোর সেট আপ করা শিখব। এরপর পার্টনার ড্যাশবোর্ড এবং স্টোর এর এডমিন প্যানেল এর সাথে পরিচিত হব। এরপর থিম আর্কিটেকচার দেখব।থিম ডেভেলপমেন্টের জন্য লোকাল এনভায়রনমেন্ট (যেখানে কিনা CLI এবং GitHub ইন্টিগ্রেশন ব্যবহার করা হয়) এবং শপিফাইয়ের অনলাইন এডিটর, এই দুটোই আমরা বিস্তারিতভাবে কভার করবো। লিকুইড টেমপ্লেট ল্যাঙ্গুয়েজ এর এ টু জেড, শপিফাই থিমের সেকশন, ব্লক, এবং স্কিমা সেটিংস, থিম অপশন নিয়ে কাজ করব, যাতে কাস্টমাইজড এবং ইউজার-ফ্রেন্ডলি থিম তৈরি করা যায়। শেষে থিম অপ্টিমাইজেশন এবং ডেপ্লয়মেন্ট শিখব। মোটকথা, এই কোর্সটি আপনাকে শপিফাই থিম ডেভেলপমেন্টের সম্পূর্ণ জার্নিতে সাহায্য করবে, যাতে আপনি নিজের বা ক্লায়েন্টদের জন্য প্রফেশনাল থিম তৈরি করতে পারেন।
👉সার্ভিস বেইজড ফ্রিল্যান্সিং, নিজের স্টোর তৈরি, বা থিম সেল করে প্যাসিভ ইনকাম জেনারেট, এরকম অনেক সম্ভাবনার জন্য প্রস্তুত হন Learn With Tahidul-এর সাথে!
What Will You Learn?
- শপিফাই থিম ডেভেলপমেন্টঃ বেসিক টু এডভান্স
- সেকশন, ব্লক, এবং স্কিমা সেটিংস, থিম অপশন
- লিকুইড টেমপ্লেট ল্যাঙ্গুয়েজ এর এ টু জেড
- থিম অপ্টিমাইজেশন এবং ডেপ্লয়মেন্ট
- লাইভ প্রজেক্টঃ বেসিক থিম ডেভেলপমেন্ট ফরম স্ক্র্যাচ
- লাইভ প্রজেক্টঃ HTML to SHOPIFY থিম কনভার্সন
Course Content
১ – কোর্স পরিচিতি এবং প্রস্তুতি
1 Lectures . 02h:21min
-
১.১ – প্রাথমিক কথাবার্তা
02:21
২ – শপিফাই পার্টনার ড্যাশবোর্ড পরিচিতি
7 Lectures . 38h:01min
-
২.১ – শপিফাই পার্টনার কি, শপিফাই পার্টনার প্রোগ্রাম কি এবং এর সুবিধা
08:17 -
২.২ – পার্টনার একাউন্ট তৈরি
04:30 -
২.৩ – পার্টনার একাউন্ট সেটিংস মেনু
06:53 -
২.৪ – পার্টনার একাউন্টের প্রোফাইল ও সিকিউরিটি সেটিংস
06:41 -
২.৫ – পার্টনার একাউন্টের অন্যান্য মেনু – হোম, সেলস, এপস, থিমস, শপিফায় পস, এবং পেআউটস
03:37 -
২.৬ – পার্টনার একাউন্টের এডমিন মেনু (টীম) – স্টোর ওউনার, স্টাফ এবং কলাবোরাটর অ্যাক্সেস
04:55 -
২.৭ – শপিফাই রিসোর্সেস – বিভিন্ন ডকস, সাপোর্ট, হেল্প সেন্টার ও কমিউনিটি ফোরাম
03:08
৩ – শপিফাই অনলাইন স্টোর এর এডমিন প্যানেল পরিচিতি
13 Lectures . 84h:22min
-
৩.১ – ডেভেলপমেন্ট স্টোর ফর ক্লায়েন্ট
09:47 -
৩.২ – ডেভেলপমেন্ট স্টোর উইথ টেস্ট ডাটা ফর টেস্ট এন্ড বিল্ড
05:10 -
৩.৩ – অনলাইন স্টোর এর এডমিন প্যানেলে লগিন করার বিভিন্ন পদ্ধতি
03:35 -
৩.৪ – স্টোর এর এডমিন প্যানেলের হোম এবং ওর্ডার মেনুর বিস্তারিত
07:16 -
৩.৫ – স্টোর এর এডমিন প্যানেলের প্রোডাক্ট মেনুর বিস্তারিত
15:29 -
৩.৬ – স্টোর এর এডমিন প্যানেলের কাস্টমার মেনুর বিস্তারিত
07:41 -
৩.৭ – স্টোর এর এডমিন প্যানেলের কন্টেন্ট মেনুর (কাস্টম ডাটা, ফাইল, মেনু ও ব্লগ) বিস্তারিত
06:28 -
৩.৮ – স্টোর এর এডমিন প্যানেলের এনালিটিক্স, মারকেটিং অটমেশন, এবং ডিসকাউন্ট মেনুর বিস্তারিত
05:44 -
৩.৯ – সেলস চ্যানেল – অনলাইন স্টোরের প্রিভিউ দেখা, প্রিভিউ অন্য জনের (বা ক্লায়েন্ট ) এর সাথে শেয়ার করা
03:43 -
৩.১০ – স্টোরের পাসওয়ার্ড পরিবর্তন করা
02:10 -
৩.১১ – স্টোরের থিম বা লুক পরিবর্তন করা, বিভিন্ন থিমের প্রিভিউ দেখা এবং অন্য কোন থিম পাবলিশ করা
02:55 -
৩.১২ – স্টোরে নতুন থিম এড করা এবং শপিফায়ের ফ্রি থিম এক্সপ্লোর করা
05:29 -
৩.১৩ – থিম কাস্টোমাইজ করা এবং থিম এডিটরের সাথে পরিচিতি
08:55
৪ – শপিফাই থিমের আর্কিটেকচার বোঝা
8 Lectures . 95h:35min
-
৪.১ – থিমের ফাইল স্ট্রাকচার এবং বিহাইন্ড দি সিন এটি কিভাবে কাজ করে (Layouts, Templates, Sections, Snippets, Assets)
24:24 -
৪.২ – থিম আর্কিটেকচার – লেআউট (Layout) সম্পর্কে বিস্তারিত
07:56 -
৪.৩ – থিম আর্কিটেকচার – টেমপ্লেটস (Templates) সম্পর্কে বিস্তারিত
08:33 -
৪.৪ – থিম আর্কিটেকচার – সেকশনস (Sections) সম্পর্কে বিস্তারিত
16:45 -
৪.৫ – থিম আর্কিটেকচার – সেকশন গ্ৰুপ (Section Group) সম্পর্কে বিস্তারিত
05:54 -
৪.৬ – থিম আর্কিটেকচার – ব্লকস (Blocks) সম্পর্কে বিস্তারিত
11:40 -
৪.৭ – থিম আর্কিটেকচার – সেটিংস (Settings) সম্পর্কে বিস্তারিত
12:13 -
৪.৮ – থিম আর্কিটেকচার – কনফিগ (Config) সম্পর্কে বিস্তারিত
08:10
৫ – লিকুইড টেমপ্লেট ল্যাঙ্গুয়েজ এর এ টু জেড
19 Lectures . 373h:44min
-
৫.০ – লিকুইড টেমপ্লেট ল্যাঙ্গুয়েজ কি, কিভাবে কাজ করে, এবং এর সিনট্যাক্স
09:52 -
৫.১ – ভ্যারিয়েবল – অ্যাসাইন, ক্যাপচার, ইনক্রিমেন্ট এবং ডিক্রিমেন্ট
23:49 -
৫.২ – কোড কমেন্ট করা ও ডেটা টাইপ
28:58 -
৫.৩ – অবজেক্ট পরিচিতি, প্রোপারটিস এবং ম্যাপিং
11:19 -
৫.৪ – অবজেক্ট হ্যান্ডেল কি, কিভাবে কাজ করে ও কিভাবে ব্যবহার করতে হয়
11:29 -
৫.৫ – কন্ডিশনাল ট্যাগ – if, elsif, else, unless, case/when
17:58 -
৫.৬ – লজিকাল এন্ড কন্ডিশনাল অপারেটরস
23:12 -
৫.৭ – অপারেটরস প্রিসিডেন্স
22:36 -
৫.৮ – Truthy & Falsy ভ্যালু এন্ড White space controlling
08:49 -
৫.৯ – ডেলিমিটার ছাড়া কোড লেখা ও প্রিন্ট করা, লিকুইড raw code প্রিন্ট এবং লিকুইড কোডে ডকুমেন্টেশন লেখা উপায়
14:56 -
৫.১০ – Iteration Tags: for loop এর বিস্তারিত (parameters, break & continue statement)
29:31 -
৫.১১ – Iteration Tags: for loop এর forloop object এর বিস্তারিত এবং নেস্টেড লুপ নিয়ে কাজ করা
31:26 -
৫.১২ – Iteration Tags: cycle tag এর বিস্তারিত
20:45 -
৫.১৩ – Iteration Tags: tablerow tag এর বিস্তারিত
20:18 -
৫.১৪ – Iteration Tags: pagination tag এবং paginate Object এর বিস্তারিত
22:39 -
৫.১৫ – pagination tag এবং paginate Object ব্যবহার করে কাস্টম পেজিনেশন তৈরী করা
14:31 -
৫.১৬ – HTML Tags: form এবং style ট্যাগ এর বিস্তারিত
18:09 -
৫.১৭ – Theme Tags এর বিস্তারিত
04:15 -
৫.১৮ – Liquid Filters এর বিস্তারিত আলোচনা
39:12
৬ – ডেভেলপমেন্ট এনভাইরনমেন্ট সেটআপ
7 Lectures . 120h:49min
-
৬.১ – লোকাল ডেভেলপমেন্ট এনভায়রনমেন্ট সেটআপ (Shopify CLI/Vscode) ও থিম ইনিশিয়ালাইজ করা
22:03 -
৬.২ – VS Code সেটআপ এবং প্রয়োজনীয় এক্সটেনশন ইনস্টল করা
17:28 -
৬.৩ – লোকাল থিম ফাইলের কোড মডিফিকেশন ও লাইভ/রিমোট থিমে পুশ করা
04:01 -
৬.৪ – লোকাল থিম এডিটর/কাস্টোমাইজার এর আপডেটগুলোকে লোকাল থিম ফাইলের সিঙ্ক্রোনাইজ করা এবং লাইভ/রিমোট থিম এ পুশ করা
15:11 -
৬.৫ – CLI Environments: মাল্টিপল ফ্ল্যাগ পাসিং এভয়েড করা ও মাল্টিপল স্টোরে সুইচ করা
18:00 -
৬.৬ – লোকাল থিমকে Github এর সাথে কানেক্ট করা এবং শপিফাই এর সাথে সিঙ্ক করা
20:40 -
৬.৭ – Stater Theme তৈরী করা
23:26
৭ – শপিফাই সেকশন ও ব্লক এবং সেকশন গ্রুপ ডেভেলপমেন্ট
13 Lectures . 143h:14min
-
৭.১ – সেকশন create করা এবং render করা – JSON template, Layout(Static), Global rendering(presets)
20:40 -
৭.২ – সেকশন স্কিমা, ইনপুট সেটিংস ও ভ্যালু এক্সেস করা এবং সাইডবার সেটিংস এর বিস্তারিত
18:58 -
৭.৩ – সেকশনে ব্লক schema এড করা, ব্লকের সেটিংস এক্সেস করা এবং রেন্ডার করা
41:08 -
৭.৪ – সেকশন গ্রুপস create করা এবং সেকশন কে render করা
13:01 -
৭.৫ – সেকশনকে লিমিট করা এবং বিভিন্ন Template ও Section group এ enable/disable করা
19:32 -
৭.৬ – সেকশনকে statically rendering এর ক্ষেত্রে default schema এর ব্যবহার
15:01 -
৭.৭ – সেকশনকে লিমিট করা এবং বিভিন্ন Template ও Section group এ enable/disable করা
13:18 -
৭.৮ – blocks (theory) এর folder structure, schema এবং render করার বিভিন্ন উপায়
11:30 -
৭.৯ – প্রথম থিম ব্লক তৈরি করা, render করা এবং wrapper এলিমেন্ট tag ডাইনামিক করা
19:05 -
৭.১০ – থিম ব্লকস এর জন্য category তৈরী করা
07:41 -
৭.১১ – একটি থিম ব্লকের মধ্যে অন্য থিম ব্লকগুলোকে প্রিকনফিগার করা, থিম ব্লককে নেস্টেড করা এবং একটি সিম্পল অ্যাকর্ডিয়ান তৈরী করা
22:29 -
৭.১২ – ডায়নামিক টেবিল (পার্ট-১): স্ট্যাটিক ও এক্সপ্লিসিট থিম ব্লক রেন্ডারিং
16:10 -
৭.১৩ – ডায়নামিক টেবিল(পার্ট-২): স্ট্যাটিক ও এক্সপ্লিসিট থিম ব্লক রেন্ডা
21:12
৮ – Custom data: Metafields & Metaobject
14 Lectures . 53h:24min
-
৮.১ – Custom Data Overview
07:25 -
৮.২ – Metafield এর বিস্তারিত
17:16 -
৮.৩ – Metafield তৈরী করা এবং লিকুইডে এক্সেস করা
10:44 -
৮.৪ – Metafield উইথ ফিল্টার ডেলিমিটার এন্ড Dynamic Data Source
15:04 -
৮.৫ – Metaobjects এর বিস্তারিত
12:32 -
৮.৬ – Metaobject Definition তৈরী করা, এন্ট্রি দেওয়া এবং বিভিন্ন Object এর properties সম্পর্কে জানা
33:52 -
৮.৭ – Metaobject কে গ্লোবালি এক্সেস করা: Specific metaobject এবং Metaobject definition এ loop চালানো
13:46 -
৮.৮ – Theme editor থেকে ডাইনামিক্যালি metaobject কে লোড করা
18:03 -
৮.৯ – Metaobject কে dynamic করার জন্য metaobject input settings ব্যবহার করা এবং এটার লিমিটেশন জানা
06:48 -
৮.১০ – Dynamic source থেকে metaobject এর ডাটা লোড করা
15:36 -
৮.১১ – Metafield এ Metaobject কে রেফেরেন্স হিসেবে নেওয়া এবং প্রোডাক্ট specific ইনফরমেশন দেখানো
21:42 -
৮.১২ – Metaobject template (পার্ট-১): নতুন metaobject definition তৈরী করা ও metafiled এ metaobject কে রেফেরেন্স হিসেবে ব্যবহার করা
22:00 -
৮.১৩ – Metaobject template (পার্ট-২): Metaobject template তৈরী করা, metaobject কে template এর সাথে কানেক্ট করা এবং সিঙ্গেল metaobject এর কনটেন্ট দেখানো
21:55 -
৮.১৪ – Metaobject template (পার্ট-৩): একটি মেট্ৰজেক্ট এর সাথে এসোসিয়েটেড সবগুলো প্রোডাক্ট লোড করা
14:08
৯ – বেসিক থিম ডেভেলপমেন্ট ফ্রম স্ক্র্যাচ
27 Lectures . 673h:16min
-
৯.০ – লোকাল Theme কে Github এর মাধ্যমে Shopify এর সাথে কানেক্ট করা এবং মেটা info যোগ করা
19:40 -
৯.১ – Theme bootstrapping করা
24:29 -
৯.২ – Header section রেডি করা ও Logo settings তৈরী করা: settings Object
33:59 -
৯.৩ – Header Menu dynamic করা: linklists, linklist and link Object
25:31 -
৯.৪ – Header Dropdown Menu dynamic করা এবং মেনু আইটেম এ কন্ডিশনাল ক্লাস যোগ করা
33:58 -
৯.৫ – Footer section কমপ্লিট করা: block column এর width ভ্যালু ডাইনামিক করা
38:20 -
৯.৬ – Home পেজে Featured Collections দেখানো
24:09 -
৯.৭ – Home পেজে All/Single Collections Products দেখানো
35:49 -
৯.৮ – Product Template নিয়ে কাজকর্ম: প্রোডাক্ট ফর্ম যোগ করা এবং কার্টে যোগ করা
34:02 -
৯.৯ – Cart Template: Cart পেইজে কার্টের আইটেম দেখানো
13:04 -
৯.১০ – Product Template: প্রোডাক্ট এর variant ও option নিয়ে কাজ করা
19:01 -
৯.১১ – Product Template: প্রোডাক্ট এর variant সিলেক্ট করা এবং কোর্ট এ যোগ করা
44:16 -
৯.১২ – option_selection.js: ভ্যারিয়েন্ট উইথ মাল্টিপল অপসন, ডিপ লিংক এবং থাম্বনেইল ইমেজ ডায়নামিক করা
31:27 -
৯.১৩ – প্রোডাক্ট গ্যালারি: সিলেক্টেড ভ্যারিয়েন্ট এর থাম্বনেইল ইমেজ লোড করা এবং মিডিয়া থেকে প্রথম ইমেজ কে ডিফল্ট হিসেবে সেট করা
30:35 -
৯.১৪ – প্রোডাক্ট গ্যালারি: গ্যালারি ইমেজ লোড করা এবং সিলেক্টেড ইমেজ কে থাম্বনেইল ইমেজ হিসেবে দেখানো
48:43 -
৯.১৫ – option_selection.js আপডেট করা: সিলেক্টেড ভ্যারিয়েন্ট এর জন্য থাম্বনেইল এবং গ্যালারি ইমেজ ইস্যু ফিক্স করা
13:44 -
৯.১৬ – Cart: cart পেইজে cart এর item এবং সিলেক্টেড variant option দেখানো
19:45 -
৯.১৭ – Cart: cart পেইজে Total price দেখানো, quantity update করা এবং line item কে remove করার অপসন যোগ করা ও checkout বাটন যোগ করা
17:13 -
৯.১৮ – Collection list পেজ সবগুলো Collection দেখানো
17:59 -
৯.১৯ – Collection Template: একটি কালেকশনের প্রোডাক্ট দেখানো
11:56 -
৯.২০ – Collection পেজে প্রোডাক্ট শর্ট করার অপশন যোগ করা
15:26 -
৯.২১ – JS ব্যবহার করে প্রোডাক্ট শর্ট করা
16:20 -
৯.২২ – JS ব্যবহার করে প্রোডাক্ট শর্ট করার ক্ষেত্রে এক্সিস্টিং কোয়েরি প্যারামিটার গুলোকে প্রিজার্ভ করা
12:02 -
৯.২৩ – Storefront Filtering: কিভাবে কাজ করে, কি কি টাইপ আছে এবং List টাইপের ফিল্টার এপলাই করা
38:57 -
৯.২৪ – Storefront Filtering: সিলেক্টেড ফিল্টার ভ্যালু কাউন্ট দেখানো ও রিসেট করা, price_range টাইপের ফিলাটের এপলাই করা এবং applied ফিল্টার রিমুভ করার বাটন যোগ করা
30:54 -
৯.২৫ – Storefront Filtering: Shopify Search and Discovery app ব্যবহার করে আরো ফিল্টার যোগ করা
08:05 -
৯.২৬ – Tag Filtering: প্রোডাক্ট ট্যাগস এর সাহায্যে ফিল্টারিং করা
13:52
১০ – Shopify থিমের জন্য অ্যাডভান্সড ফিচার – Webcomponent
7 Lectures . 01h:34min
-
১০.১ – Webcomponent: ওয়েব কম্পোনেন্ট পরিচিতি
09:34 -
১০.২ – Webcomponent: কাস্টম এলিমেন্ট (Tag) তৈরী এবং কন্টেন্ট (HTML Template) দেখানো
19:24 -
১০.৩ – Webcomponent: shadow DOM (encapsulation), Slot (daynamic content) এবং style করা
24:34 -
১০.৪ – Webcomponent: Lifecycle মেথডস – connectedCallback() & disConnectedCallback()
08:14 -
১০.৫ – Webcomponent: Lifecycle মেথডস – attributeChangedCallback() এর সাহায্যে কম্পোনেন্টের state ম্যানেজ করা এবং UI আপডেট করা
10:19 -
১০.৬ – Webcomponent: কম্পোনেন্টে EventListener এর ব্যবহার এবং counter-component কমপ্লিট করা
15:26 -
১০.৭ – Webcomponent: কম্পোনেন্টে custom event বানানো এবং ইভেন্ট কে dispatch করা
09:58
১১ – Shopify থিমের জন্য অ্যাডভান্সড ফিচার: Section Rendering API
5 Lectures . 01h:21min
-
১১.১ – Section Rendering API পরিচিতি
08:36 -
১১.২ – নতুন section তৈরি করে সমস্ত প্রোডাক্ট দেখানো এবং Section Rendering API এর জন্য endpoint তৈরী করা
26:05 -
১১.৩ – section এ প্রোডাক্ট কে লিমিট করা, অবশিষ্ট প্রোডাক্ট থেকে হ্যান্ডেল নেম এক্সেস করা, load more বাটন অ্যাড করা, custom component বানানো এবং হ্যান্ডেল নেম এর array তৈরী করা
18:18 -
১১.৪ – হ্যান্ডেল নেম array কে chunk করা, Section Rendering API (section_id query parameter ) কল করা এবং ইউএইতে নতুন প্রোডাক্ট দেখানো
23:10 -
১১.৫ – Section Rendering API (sections query parameter ) কল করে ইউএইতে নতুন প্রোডাক্ট দেখানো
06:27
১২ – Shopify থিমের জন্য অ্যাডভান্সড ফিচার – Product Recommendations API
2 Lectures . 00h:47min
-
১২.১ – Product Recommendations API পরিচিতি
08:40 -
১২.২ – API ব্যবহার করে রিলেটেড প্রোডাক্ট দেখানো এবং App এর সাহায্যে API কে কাস্টোমাইজ করা
39:20
১৩ – Shopify থিমের জন্য অ্যাডভান্সড ফিচার – Predictive Search API
5 Lectures . 01h:05min
-
১৩.১ – Predictive Search API পরিচিতি
05:27 -
১৩.২ – Search form সেকশন এবং custom component তৈরী করা
12:06 -
১৩.৩ – Search field থেকে ভ্যালু নিয়ে API কল করে JSON response দেখা
13:34 -
১৩.৪ – Section rendering API এর সাহায্যে search results গুলোকে UI তে দেখানো
25:44 -
১৩.৫ – Search & Discovery App এর সাহায্যে search behaviour কে কাস্টোমাইজ করা
10:01
১৪ – Shopify থিমের জন্য অ্যাডভান্সড ফিচার – Cart API & Bundled Section Rendering
14 Lectures . 03h:42min
-
১৪.১ – Cart API পরিচিতি
08:13 -
১৪.২ – add.js endpoint এর পরিচিতি
09:43 -
১৪.৩ – cart type এর জন্য global settings এবং কাস্টম product-form এলিমেন্ট তৈরি করা
18:51 -
১৪.৪ – add-to-cart বাটনে click event অ্যাড করা এবং fetch API(add.js) কল করে response দেখা
16:28 -
১৪.৫ – Cart এ প্রোডাক্ট অ্যাড করার পর bundled section rendering এর সাহায্যে হেডারে কার্ট কাউন্ট আপডেট করা
25:33 -
১৪.৬ – cart drawer এর UI সেটআপ করা
17:20 -
১৪.৭ – Cart এ প্রোডাক্ট অ্যাড করার পর cart drawer ওপেন করা (bundled section rendering)
10:21 -
১৪.৮ – cart drawer এর কনটেন্ট dynamically আপডেট করা, bundled section এর কোড রিফ্যাক্টর করা এবং হেডারে কার্ট কাউন্ট প্রব্লেম ফিক্স করা
20:16 -
১৪.৯ – API(add.js) এর quantity error message হ্যান্ডেল করা
13:56 -
১৪.১০ – change.js endpoint এর পরিচিতি, এবং cart-items কাস্টম কম্পোনেন্টে change event সেট করা
17:08 -
১৪.১১ – fetch API(change.js) কল করে response দেখা
11:33 -
১৪.১২ – fetch API(change.js) তে bundled section rendering অ্যাড করা এবং কোড কে রিফ্যাক্টর করা
13:00 -
১৪.১৩ – API(change.js) এর quantity error message হ্যান্ডেল করা এবং cart drawer এর flickering ইস্যু ফিক্স করা
31:29 -
১৪.১৪ – API(change.js) ব্যবহার করে cart থেকে নির্দিষ্ট line-item কে remove করা
14:00
১৫ – প্রজেক্ট: FIGMA/HTML to SHOPIFY কনভার্সন
12 Lectures . 04h:03min
-
১৫.১ – ফিগমা টেম্পলেট ওভারভিউ
10:26 -
১৫.২ – এনভায়রনমেন্ট সেটআপ, স্কেলেটন থিম কে গিটহাবের সাথে কানেক্ট করে শপিফাইতে সার্ভ করা
16:49 -
১৫.৩ – থিমে Favicon যোগ করা ও schema settings গুলোকে translatable করা
17:38 -
১৫.৪ – থিমে Meta Tag যোগ করা
06:56 -
১৫.৫ – থিমে Font যোগ করা-পার্ট-১
39:18 -
১৫.৬ – থিমে Font যোগ করা-পার্ট-২
24:46 -
১৫.৭ – থিমে Font যোগ করা-পার্ট-৩
10:11 -
১৫.৮ – থিমে Color schemes settings যোগ করা-পার্ট-১
25:12 -
১৫.৯ – থিমে Color schemes settings যোগ করা-পার্ট-২
37:05 -
১৫.১০ – Figma template থেকে থিমে color-schemes ও typography সেট করা
15:05 -
১৫.১১ – Tailwindcss install করা ও থিম এডিটর থেকে ফন্ট কে Tailwindcss এর মাধ্যমে থিমে যোগ করা
19:53 -
১৫.১২ – থিমে রেস্পন্সিভ font-size ও layout (container width) সেট করা
25:27
১৬ – বোনাস ও ফিউচার স্কিল (Coming soon..)
3 Lectures . 00h:00min
-
১৩.১ – শপিফাই অ্যাপ ডেভেলপমেন্ট পরিচিতি
-
১৩.২ – এপ ডেভেলপমেন্ট রোডম্যাপ
-
১৩.৩ – বেসিক অ্যাপ আইডিয়া
Tahidul Islam
আমি তাহিদুল ইসলাম, একজন ওয়েব ডেভেলপার, যার ৮ বছরের অভিজ্ঞতার গল্প রয়েছে! এই সময়ে আমি বাংলাদেশ ও বিদেশের বিভিন্ন কোম্পানি আর মার্কেটপ্লেস ক্লায়েন্টদের প্রজেক্টে কাজ করেছি। এখন আমার এই অভিজ্ঞতা শেয়ার করতে চাই, যাতে অন্যরাও উপকৃত হতে পারে। টেক কমিউনিটিতে ভ্যালু করতে চাই—চলুন, একসাথে কিছু শিখি, কিছু গড়ি!
এই কোর্স এ ডন থিম না স্ক্র্যাচ থেকে দেখানো হবে?
দুইটি ই দেখানো হবে। স্ক্র্যাচ থেকে ত ডেভেলপ করা শিখবেন ই, সাথে ডন থিম ইউজ করে (শপিফাই এটাই প্রিফার করে ) একটি ফুল প্রজেক্ট HTML থেকে লাইভ কোডিং করে SHOPIFY এ কনভার্ট করে দেখানো হবে এবং ফাইল টি প্রোভাইড করা হবে।
কোর্স টি করে কোন লেভেলের থিম ডেভেলপ করতে পারব?
এটি ডেডিকেটেডলি জাস্ট থিম ডেভেলপমেন্ট এর কোর্স। থিম এর সব বিষয় ই দেখানো হবে। সুতরাং পরিপুর্ন ভাবে হাতে কলমে সময় দিলে প্রফেশনাল লেভেলের থিম ডেভেলপ করা শিখবেন ইনশাল্লাহ, আর কোর্স রিলেটেড সাপোর্ট তো থাকছেই।
এটি লাইভ ক্লাস না রেকর্ডেড?
আমাদের কোর্স টি প্রী রেকর্ডেড ক্লাস। ১৫ মে ২০২৫ কোর্স টি সবার জন্য ইন্মুক্ত করে দেয়া হবে ইনশাল্লাহ।
কোর্স এর সাপোর্ট থাকবে কিনা?
হ্যাঁ কোর্স রিলেটেড সাপোর্ট দেয়া হবে।
কোর্স ফি কমানো যায় না?
আমরা মার্কেট স্ট্যান্ডার্ড ফলো করেছি। তারপর ও আপনাদের জন্য আর্লিবার্ড ডিস্কাউন্ট এর মাধ্যম এ ৪০% ছাড় দেয়া হয়েছে।
কোর্সের সাথে কি কি সুবিধা পাব?
– কোর্স রিলেটেড সাপোর্ট থাকবে।
– পুর্নাঙ্গ থিম ফাইল কোর্সের সাথে প্রোভাইড করা হবে।
– আমাদের পরবর্তী কোর্স গুলতে ৪০% ডিস্কাউন্ট পাবেন।
রিফান্ড পলিসি আছে কি?
কোর্সের জন্য কি Shopify Subscription নিতে হবে?
এজ্যাক্স এপিয়াই দেখানো হবে কিনা?
পেজ স্পিড অপ্টিমাইজেশান, এপ এর কাজ এগুলা দেখাবেন কি?
কোর্স করে কি ইনকাম করতে পারব?
More Courses by admin
View All CourseThis Course Includes:
A course by
Requirements
- HTML, CSS, এবং JavaScript সম্পর্কে জানতে হবে।
- Node বা npm ব্যবহারের অভিজ্ঞতা থাকতে হবে।
- শপিফাই বা লিকুইড সম্পর্কে আগে থেকে জানা থাকলে ভালো, তবে বাধ্যতামূলক নয়। এই কোর্সে আপনি যা যা জানতে হবে, সবকিছু ধাপে ধাপে শিখে নেবেন!