ক্লে কোহুত, সিনিয়র সফটওয়্যার ইঞ্জিনিয়ার
TLDR: গত এক বছরে, Coinbase আমাদের ওয়েব ফ্রন্টএন্ড জুড়ে স্ট্যাটিক বিষয়বস্তু দূর করার জন্য টুলিং-এ বিনিয়োগ করেছে। এটি আমরা কীভাবে করেছি এবং কেন এটি গুরুত্বপূর্ণ তার গল্প।
কয়েনবেস শিখুন(সম্পাদনা)
Coinbase শিক্ষাগত পোর্টাল, কয়েনবেস শিখুন, 2020 সালের শেষের দিকে চালু হয়েছে। জানুন এতে রয়েছে শত শত শিক্ষানবিস গাইড, ব্যবহারিক টিউটোরিয়াল, এবং বাজার আপডেট এবং বিষয়বস্তু সম্পাদকদের একটি নিবেদিত দল দ্বারা রক্ষণাবেক্ষণ করা হয়।
আমাদের প্রকৌশলীরা শিখতে পাওয়ার করার জন্য বিভিন্ন বিকল্পের সন্ধান করেছেন। আদর্শভাবে, আমরা এমন একটি সমাধান চেয়েছিলাম যা আমাদের কয়েনবেস লগ আউট অভিজ্ঞতার মধ্যে বিরামহীনভাবে বিষয়বস্তুকে একীভূত করতে দেয়।
ব্লগের মত বিষয়বস্তুর জন্য হোস্ট করা বিকল্প যেমন মিডিয়াম খুব কম নমনীয়তা প্রদান করে।
ওয়ার্ডপ্রেস ফ্রেমওয়ার্কও ছিল মতামতযুক্ত এবং সরাসরি UI এর সাথে আবদ্ধ।
আমরা একটি জন্য নির্বাচন শেষ মাথাবিহীন সিএমএস, বিশেষভাবে সন্তুষ্ট. সন্তুষ্ট a বিষয়বস্তু প্ল্যাটফর্ম যা আমাদের পছন্দের সরঞ্জাম এবং কাজ করার উপায়গুলির সাথে একীভূত করার জন্য বিষয়বস্তুর সাথে সাথে ব্যাকএন্ড এক্সটেনসিবিলিটির একটি মাথাবিহীন পদ্ধতি প্রদান করে। "মাথাহীন" হওয়ার অর্থ হল CMS হল UI অজ্ঞেয়বাদী — এটি আলাদা করে বিষয়বস্তু অভিজ্ঞতা থেকে, ফ্রন্টএন্ডে কেবল স্ট্রাকচার্ড JSON প্রদান করে, যা আমাদের ফ্রন্টএন্ড অভিজ্ঞতা সম্পূর্ণভাবে নিয়ন্ত্রণ করতে দেয়।
Contentful এর সাথে একীভূত করা কেবলমাত্র বিভিন্ন ধরণের সামগ্রী (কন্টেন্টফুল UI এর মাধ্যমে) প্রতিনিধিত্ব করে ডেটা স্ট্রাকচার তৈরি করা এবং তারপর সেই ডেটা স্ট্রাকচারগুলিকে প্রতিক্রিয়া উপাদানগুলিতে ম্যাপ করার বিষয় ছিল (যা আসলে ডেটা রেন্ডারিং পরিচালনা করে)
ফ্লাইটস্যুট দেওয়া
Coinbase এর সাথে আমাদের বেল্ট এবং Coinbase এর অধীনে শিখুন ডাইরেক্ট পাবলিক অফারিং (DPO) দিগন্তে, একটি সমন্বিত উদ্যোগ শুরু হয়েছে (বিবেচিত প্রকল্প ফ্লাইটস্যুট)। প্রজেক্ট ফ্লাইটস্যুট কয়েনবেস থেকে লগ আউট হওয়া বৈশিষ্ট্যগুলির পাশাপাশি নতুন তৈরি করা ল্যান্ডিং পৃষ্ঠাগুলিতে ডিজাইনের মান প্রয়োগ করার জন্য একটি সুসংহত চেহারা এবং অনুভূতি আনার চেষ্টা করেছে।
কয়েনবেস পণ্যের অবতরণ পৃষ্ঠাগুলির অবস্থা তদন্ত করার সময়, আমরা 40টি ভিন্ন সংগ্রহস্থল / ফ্রন্টএন্ড অ্যাপ্লিকেশন জুড়ে 15টি পণ্য পৃষ্ঠের সন্ধান করেছি। বিভিন্ন ফ্রন্টএন্ড বিভিন্ন ধরনের প্রযুক্তি ব্যবহার করে তৈরি করা হয়েছে — রিঅ্যাক্ট উইথ টাইপস্ক্রিপ্ট (আমাদের বর্তমান স্ট্যান্ডার্ড) থেকে শুরু করে লিগ্যাসি রুবি অন রেল টেমপ্লেট, স্ট্যাটিক এইচটিএমএল পর্যন্ত।
কন্টেন্টফুল ইন্টিগ্রেশনের লিভারেজিং প্রাথমিকভাবে সেট আপ করা হয়েছে কয়েনবেস শিখুন, আমরা "ব্লক" এর একটি সেট তৈরি করতে শুরু করেছি যা ল্যান্ডিং পৃষ্ঠার লেআউটগুলিকে মানসম্মত করতে ব্যবহার করা যেতে পারে (আমাদের নতুন ব্র্যান্ড নির্দেশিকাগুলির চারপাশে সারিবদ্ধ করার সময়)৷
"ব্লক", যা কন্টেন্টের ধরন নামেও পরিচিত, হল উচ্চ-স্তরের উপাদান যা ল্যান্ডিং পৃষ্ঠাগুলি তৈরি করতে একত্রিত হয়। উদাহরণস্বরূপ, একটি "হিরো" ব্লকে CMS-এ একটি "শিরোনাম", "সাবটাইটেল" এবং "CTA বোতাম" থাকতে পারে, যা ফ্রন্টএন্ডে একটি প্রতিক্রিয়া উপাদানের সাথে মিলে যায়।
একটি চিন্তাশীল "ব্লক-ভিত্তিক সিস্টেম" তৈরি করে (এবং এই সিস্টেমটি ব্যবহার করার জন্য আমাদের বিদ্যমান ল্যান্ডিং পৃষ্ঠাগুলি পুনরায় কাজ করে), আমরা প্রায় সমস্ত ল্যান্ডিং পৃষ্ঠাগুলিকে একটি একক ফ্রন্টএন্ড অ্যাপ্লিকেশনে স্থানান্তর করতে সক্ষম হয়েছি, প্রতিক্রিয়া দ্বারা চালিত, এবং বিষয়বস্তুর সাথে একত্রিত৷
একবার ব্লক সিস্টেম চালু হয়ে গেলে, পৃষ্ঠা স্থানান্তর করা একটি অপেক্ষাকৃত সহজ কাজ ছিল কন্টেন্টফুল UI এর মাধ্যমে বিভিন্ন ব্লক টেনে আনা/ড্রপ করা এবং পুরানো পৃষ্ঠার রুটগুলিকে নতুন, CMS-চালিত বিকল্পে পুনঃনির্দেশিত করা।
1, 2, স্বয়ংক্রিয়
পোস্ট-প্রজেক্ট ফ্লাইটস্যুট, আমাদের দল CMS-এর ব্যবহারযোগ্যতা এবং স্থিতিস্থাপকতা উন্নত করার উপর দৃষ্টি নিবদ্ধ করে। কিছু পাঠ শিখেছি:
- সিএমএস তৈরি করা হচ্ছে ব্যবহার করা সহজ অ-প্রযুক্তিগত দলের সদস্যদের জন্য অত্যন্ত গুরুত্বপূর্ণ. CMS ল্যান্ডিং পৃষ্ঠাগুলিতে আমাদের প্রথম পাসের সাথে, আমরা উন্নত বৈশিষ্ট্যগুলির সাথে কিছু ডেটা স্ট্রাকচার তৈরি করেছি (যেমন জেনেরিক লেআউট তৈরি) যেগুলি বেশিরভাগই শুধুমাত্র ইঞ্জিনিয়ারদের দ্বারা বোঝা এবং পরিষেবাযোগ্য ছিল (এইভাবে CMS-এর প্রধান মানকে পরাজিত করে)। আমরা অন্য সব কিছুর উপরে সম্পাদকের অভিজ্ঞতার পক্ষপাতী হয়ে এটিকে মোকাবেলা করেছি। Contentful-এর মধ্যে যেখানেই সম্ভব উন্নত বৈশিষ্ট্যগুলিকে স্বয়ংক্রিয় করে (যেমন কোন লেআউটটি বিষয়বস্তুর একটি সেটের জন্য সবচেয়ে উপযুক্ত হবে তা স্বয়ংক্রিয়ভাবে নির্ধারণ করা), আমরা সম্পাদকদের ফোকাস করার অনুমতি দিতে পারি সম্পাদনা বরং ভবন.
- Contentful (একটি তৃতীয় পক্ষ) এর সাথে একীভূত হওয়ার মাধ্যমে, আমাদের ফ্রন্টএন্ডগুলি Contentful এর আপটাইমের উপর নির্ভরশীল হয়ে ওঠে। তৃপ্তিপূর্ণ একটি আছে খুব সামঞ্জস্যপূর্ণ প্রায় 100% আপটাইমের ট্র্যাক রেকর্ড, কিন্তু কিছু কারণে Contentful দুটি বিভ্রাটের সম্মুখীন হলে এই নির্ভরতাকে চ্যালেঞ্জ করা হয়েছিল ব্যাপক DNS সমস্যা. (বিষয়বস্তুর প্রতি ন্যায্য হতে, এই বিভ্রাটগুলি বিশ্বের বৃহত্তম ওয়েবসাইটগুলির দ্বারাও অনুভব করা হয়েছিল এবং এটিই একমাত্র দৃষ্টান্ত যা আমরা দেখেছি যেখানে বিষয়বস্তু অনুপলব্ধ ছিল)৷ আমাদের উচ্চতর দৃশ্যমানতা পৃষ্ঠাগুলির প্রাপ্যতা নিশ্চিত করার জন্য (যেমন আমাদের হোমপেজ), আমরা নির্ধারণ করেছি একটি বিপরীত API প্রক্সি চালু করা যা বাসি-যদি-ত্রুটি হেডার, আপস্ট্রিম কল ব্যর্থ হলে আমাদের CDN ক্যাশে করা সামগ্রী পরিবেশন করার জন্য। এটি আমাদের সিএমএস কমে গেলেও (X সংখ্যার দিনের জন্য) উপরে থাকতে দেয়।
3. CMS-এর সাথে কাজ করা এবং প্রসারিত করার বিষয়ে নতুন ইঞ্জিনিয়ারিং টিমকে প্রশিক্ষণ দেওয়া একটি প্রাথমিক ফোকাস ছিল। আমার দল একটি ক্রমবর্ধমান-ব্যবহৃত সিস্টেমের জ্ঞানের একমাত্র উত্স হয়ে উঠেছে এবং প্রায়শই এক-অফ ভিত্তিতে সিস্টেমে নতুন প্রকৌশলীদের যোগদানের জন্য উত্সর্গ করা হয়েছিল। ফ্রেমওয়ার্কের জ্ঞান আরও ভালভাবে ছড়িয়ে দেওয়ার জন্য, আমরা বিকাশ করেছি সিএমএস অ্যাম্বাসেডর প্রোগ্রাম, যার লক্ষ্য ছিল কোম্পানি জুড়ে CMS-এর জন্য বিষয় বিশেষজ্ঞদের প্রশিক্ষণ এবং একত্রিত করা। প্রোগ্রামটি শুরু হয় 1.5 ঘন্টার কাঠামোবদ্ধ কর্মশালার মাধ্যমে যেখানে অংশগ্রহণকারীরা সিএমএসের সাথে একীভূত হওয়ার ইনস এবং আউটগুলি শিখে। যদিও এই প্রোগ্রামটি বর্তমানে রিয়েল-টাইমে চালিত হয় এবং অনবোর্ডিং সেশনগুলি প্রয়োজন অনুযায়ী অনুষ্ঠিত হয়, আমরা বর্তমানে এটিকে একটি অভ্যন্তরীণ প্রশিক্ষণ টুলের মাধ্যমে একটি স্ব-পরিষেবা কোর্সে রূপান্তর করার প্রক্রিয়ার মধ্যে আছি।
মূল ফলাফল
2021 ঘনিয়ে আসার সাথে সাথে, আমরা গত এক বছরে কতটা এগিয়েছি তা দেখতে পেরে আমরা গর্বিত। আমাদের কোম্পানি-ব্যাপী CMS সফলভাবে বাস্তবায়ন করার পরে আমরা যে অগ্রগতি দেখেছি তা এখানে:
- ল্যান্ডিং পৃষ্ঠা তৈরির সময় গড়ে 2 সপ্তাহ থেকে কমেছে৷ এক দিনের কম.
- বিষয়বস্তুর পরিবর্তনের সময় কমে গেছে এক ঘন্টার প্রক্রিয়া থেকে কোড পরিবর্তন/পর্যালোচনা/একত্রীকরণ/স্থাপন 10 মিনিটের নিচে, এবং ইঞ্জিনিয়ারিং জড়িত ছাড়া।
- বছরের শেষ নাগাদ, সমস্ত শীর্ষ স্তরের পৃষ্ঠের 90% কভার করা হবে। এই যে মানে প্রায় সব শীর্ষ-স্তরের, লগ আউট পণ্য পৃষ্ঠতল Coinbase এ বছরের শেষ নাগাদ Contentful এর মাধ্যমে চালিত হবে।
এই দক্ষতা অর্জনগুলি মূলত আমাদের নেতৃত্বের ইনফ্রা এবং ডেভেলপার টুলিং-এ বিনিয়োগের জন্য ধন্যবাদ অর্জিত হয়েছে। Coinbase সত্যিই ইঞ্জিনিয়ারিং শ্রেষ্ঠত্ব, বিকাশকারীর অভিজ্ঞতা এবং স্বয়ংক্রিয় রুটিন প্রক্রিয়া সম্পর্কে যত্নশীল।
কিছু আশ্চর্যজনকভাবে চিন্তাশীল, প্রতিভাবান ব্যক্তিদের কঠোর পরিশ্রম ছাড়া আমরা এটি অর্জন করতে পারতাম না (যাদের প্রত্যেকের সাথে কাজ করে আমি অবিশ্বাস্যভাবে গর্বিত):
- লিওন হ্যাগার্টি, আসকাত বাকিয়েভ, জোয়াও মেলো, স্টিফেন লি, উইলহেম উইলি, ব্রায়ান্ট গ্যালার্দো, গুইহার্মে লুয়েরসেন, রেমন্ড সোহন, লিওনার্দো জিজ্জামিয়া, ক্রিস্টোফার নাস্কোন (ইঞ্জি.)
- ববি রাসমুসন, রাস ব্যালার্ড (পণ্য)
- অনন্ত চন্দ্রশেখরন, গৌথম বুচি, মণীশ গুপ্ত (ইভিপি অফ ইঞ্জি)
দিগন্তে একটি চকচকে, ইউনিফাইড ফ্রন্টএন্ড এবং ন্যূনতম এক-অফ কন্টেন্ট পরিবর্তনের অনুরোধ সহ 2022-এ প্রবেশ করতে আমরা সবাই উত্তেজিত। আপনি যদি কয়েনবেসে যোগদান করতে আগ্রহী হন, এখানে আমাদের ক্যারিয়ার পৃষ্ঠা দেখুন. এখানে একটি শুভ নববর্ষ!
কয়েনবেসে কন্টেন্ট স্কেলিং মূলত প্রকাশিত হয়েছিল Coinbase ব্লগ মিডিয়ামে, যেখানে লোকেরা এই গল্পটি হাইলাইট এবং সাড়া দিয়ে কথোপকথন চালিয়ে যাচ্ছে।
- "
- 2020
- সব
- API
- আবেদন
- অ্যাপ্লিকেশন
- স্থাপত্য
- কাছাকাছি
- উপস্থিতি
- সর্বোত্তম
- কল
- পরিবর্তন
- সিএনবিসি
- কোড
- কয়েনবেস
- কোম্পানি
- উপাদান
- বিষয়বস্তু
- কথোপকথন
- তৈরি করা হচ্ছে
- বর্তমান
- উপাত্ত
- নকশা
- বিকাশকারী
- DID
- DNS
- চালিত
- সম্পাদক
- শিক্ষাবিষয়ক
- দক্ষতা
- প্রকৌশল
- প্রকৌশলী
- অভিজ্ঞতা
- বিশেষজ্ঞদের
- ন্যায্য
- বৈশিষ্ট্য
- প্রথম
- নমনীয়তা
- কেন্দ্রবিন্দু
- অগ্রবর্তী
- ফ্রেমওয়ার্ক
- নির্দেশিকা
- নির্দেশিকা
- এখানে
- হোমপেজে
- কিভাবে
- HTTPS দ্বারা
- ইনিশিয়েটিভ
- ইন্টিগ্রেশন
- বিনিয়োগ
- IT
- জ্ঞান
- শিখতে
- জ্ঞানী
- উচ্চতা
- বাজার
- মধ্যম
- সদস্য
- নৈবেদ্য
- অনবোর্ডিং
- অপশন সমূহ
- ক্রম
- সম্প্রদায়
- পোর্টাল
- পণ্য
- কার্যক্রম
- প্রক্সি
- প্রকাশ্য
- প্রতিক্রিয়া
- প্রকৃত সময়
- নির্ভরতা
- বিপরীত
- আরোহী
- সেট
- সহজ
- স্ন্যাপশট
- সফটওয়্যার
- বিস্তার
- মান
- রাষ্ট্র
- থাকা
- পদ্ধতি
- প্রযুক্তি
- সময়
- সরঞ্জাম
- শীর্ষ
- পথ
- প্রশিক্ষণ
- টিউটোরিয়াল
- ui
- আপডেট
- us
- ব্যবহারযোগ্যতা
- মূল্য
- দৃষ্টিপাত
- ওয়েব
- ওয়েবসাইট
- মধ্যে
- ওয়ার্ডপ্রেস
- হয়া যাই ?
- বিশ্বের
- X
- বছর