অ্যালেক্সি গ্র্যাচেভ: সামনের দিকে যান

Kyiv Go Meetup মে 2018:

মডারেটর: - হাই সব! এখানে থাকার জন্য তোমাকে ধন্যবাদ! আজ আমাদের দুজন অফিসিয়াল স্পিকার আছে - লিওশা এবং ভানিয়া। আমাদের পর্যাপ্ত সময় থাকলে আরও দুটি হবে। প্রথম স্পিকার আলেক্সি গ্র্যাচেভ, তিনি আমাদের গোফারজেএস সম্পর্কে বলবেন।

আলেক্সি গ্র্যাচেভ (এর পরে – এজি): – আমি একজন গো ডেভেলপার, এবং আমি Go-তে ওয়েব পরিষেবা লিখি। কখনও কখনও আপনাকে ফ্রন্টএন্ডের সাথে মোকাবিলা করতে হবে, কখনও কখনও আপনাকে ম্যানুয়ালি এটিতে প্রবেশ করতে হবে। আমি গো অন দ্য ফ্রন্টএন্ডে আমার অভিজ্ঞতা এবং গবেষণা সম্পর্কে কথা বলতে চাই।

কিংবদন্তি হল: প্রথমে আমরা কেন ফ্রন্টএন্ডে Go চালাতে চাই তা নিয়ে কথা বলব, তারপর আমরা এটি কীভাবে করা যায় সে সম্পর্কে কথা বলব। দুটি উপায় আছে - ওয়েব সমাবেশ এবং GopherJS। আসুন দেখি এই সমাধানগুলির অবস্থা কী এবং কী করা যেতে পারে।

কি ফ্রন্টএন্ড সঙ্গে ভুল?

সবাই কি একমত যে ফ্রন্টএন্ডের সাথে সবকিছু ঠিক আছে?

পর্যাপ্ত পরীক্ষা নেই? ধীর নির্মাণ? বাস্তুতন্ত্র? ফাইন।

ফ্রন্টএন্ড সম্পর্কে, আমি উদ্ধৃতিটি পছন্দ করি যে ফ্রন্টএন্ড বিকাশকারীদের একজন তার বইতে বলেছেন:

জাভাস্ক্রিপ্ট একটি টাইপ সিস্টেম নেই. এখন আমি আমার কাজের সময় যে সমস্যার সম্মুখীন হয়েছি সেগুলির নাম দেব এবং সেগুলি কীভাবে সমাধান করা হয়েছে তা ব্যাখ্যা করব।

সাধারণভাবে টাইপ সিস্টেমটিকে জাভাস্ক্রিপ্টে খুব কমই টাইপ সিস্টেম বলা যেতে পারে - এমন লাইন রয়েছে যা অবজেক্টের ধরন নির্দেশ করে, কিন্তু প্রকৃতপক্ষে এটির সাথে কোনও সম্পর্ক নেই। এই সমস্যাটি টাইপস্ক্রিপ্ট (জাভাস্ক্রিপ্টে একটি অ্যাড-অন) এবং ফ্লো (জাভাস্ক্রিপ্টে একটি স্ট্যাটিক-টাইপ চেকার) এ সমাধান করা হয়েছে। আসলে, ফ্রন্টএন্ড ইতিমধ্যে জাভাস্ক্রিপ্টে একটি খারাপ টাইপ সিস্টেমের সমস্যা সমাধানের পর্যায়ে পৌঁছেছে।

ব্রাউজারে কোনও স্ট্যান্ডার্ড লাইব্রেরি নেই - ব্রাউজারগুলিতে কিছু অন্তর্নির্মিত বস্তু এবং "জাদু" ফাংশন রয়েছে। কিন্তু জাভাস্ক্রিপ্টে এমন কোন স্ট্যান্ডার্ড লাইব্রেরি নেই। এই সমস্যাটি ইতিমধ্যেই jQuery দ্বারা একবার সমাধান করা হয়েছিল (প্রত্যেকেই সমস্ত প্রোটোটাইপ, সাহায্যকারী, কাজ করার জন্য প্রয়োজনীয় ফাংশনগুলির সাথে jQuery ব্যবহার করেছিল)। এখন সবাই Lodash ব্যবহার করে:

কলব্যাক জাহান্নাম. আমি মনে করি সবাই প্রায় 5 বছর আগে জাভাস্ক্রিপ্ট কোড দেখেছিল, এবং এটি কলব্যাকের একটি অবিশ্বাস্য জটিলতার একটি "নুডল" এর মতো দেখায়। এখন এই সমস্যাটি সমাধান করা হয়েছে (ES-15 বা ES-16 প্রকাশের সাথে), জাভাস্ক্রিপ্টে প্রতিশ্রুতি যুক্ত করা হয়েছে এবং সবাই কিছুক্ষণের জন্য সহজে শ্বাস নিতে পারে।

প্রমিস হেল না আসা পর্যন্ত... আমি জানি না ফ্রন্ট-এন্ড ইন্ডাস্ট্রি কীভাবে পরিচালনা করে, কিন্তু তারা সবসময় নিজেদেরকে কিছু অদ্ভুত জঙ্গলে চালায়। আমরা প্রতিশ্রুতিতেও নরক করতে পেরেছি। তারপরে আমরা একটি নতুন আদিম যোগ করে এই সমস্যার সমাধান করেছি - async/await:

অ্যাসিঙ্ক্রোনির সমস্যাটি সমাধান করা হয়েছে। Async/await বিভিন্ন ভাষায় মোটামুটি জনপ্রিয় আদিম। পাইথন এবং অন্যদের এই পদ্ধতি রয়েছে - এটি বেশ ভাল। সমস্যা সমাধান.

কি সমস্যার সমাধান হয় না? ফ্রেমওয়ার্কের দ্রুতগতিতে ক্রমবর্ধমান জটিলতা, বাস্তুতন্ত্রের জটিলতা এবং প্রোগ্রামগুলি নিজেই।

• জাভাস্ক্রিপ্ট সিনট্যাক্স একটু অদ্ভুত। আমরা সবাই একটি অ্যারে এবং একটি বস্তু এবং অন্যান্য কৌতুক যোগ করার সমস্যা জানি।
• জাভাস্ক্রিপ্ট মাল্টি প্যারাডাইম। ইকোসিস্টেম খুব বড় হলে এটি এখন একটি বিশেষভাবে চাপানো সিস্টেম:
  • প্রত্যেকে বিভিন্ন শৈলীতে লেখেন - কেউ কাঠামোগতভাবে লেখেন, কেউ কার্যকরীভাবে লেখেন, বিভিন্ন বিকাশকারীরা বিভিন্ন উপায়ে লেখেন;
  • বিভিন্ন প্যাকেজ থেকে, বিভিন্ন প্যারাডাইম আপনি যখন বিভিন্ন প্যাকেজ ব্যবহার করেন;
  • Javasript-এ কার্যকরী প্রোগ্রামিংয়ের সাথে অনেক "মজা" আছে - rambda লাইব্রেরি হাজির এবং এখন এই লাইব্রেরিতে লেখা প্রোগ্রামগুলি কেউ পড়তে পারে না।

• এই সমস্ত ইকোসিস্টেমের উপর একটি বড় প্রভাব ফেলে এবং এটি অবিশ্বাস্যভাবে বেড়েছে। প্যাকেজগুলি একে অপরের সাথে বেমানান: কিছু প্রতিশ্রুতির উপর ভিত্তি করে, কিছু অ্যাসিঙ্ক/অপেক্ষার উপর ভিত্তি করে, কিছু কলব্যাকের উপর ভিত্তি করে। তারাও বিভিন্ন প্যারাডাইমে লেখে!
• এটি প্রকল্পটি বজায় রাখা কঠিন করে তোলে। আপনি যদি কোডটি পড়তে না পারেন তবে একটি বাগ খুঁজে পাওয়া কঠিন।

ওয়েব সমাবেশ কি?

Mozilla ফাউন্ডেশন এবং অন্যান্য কোম্পানির সাহসী ছেলেরা ওয়েব অ্যাসেম্বলির মতো একটি জিনিস নিয়ে এসেছে। এটা কি?

• এটি ব্রাউজারে তৈরি একটি ভার্চুয়াল মেশিন যা বাইনারি বিন্যাস সমর্থন করে।
• বাইনারি প্রোগ্রামগুলি সেখানে যায় এবং প্রায় নেটিভভাবে চালানো হয়, অর্থাৎ, ব্রাউজারকে প্রতিবার জাভাস্ক্রিপ্ট কোডের সমস্ত "নুডলস" পার্স করার দরকার নেই।
• সমস্ত ব্রাউজার সমর্থন ঘোষণা করেছে।
• যেহেতু এটি বাইটকোড, আপনি যেকোনো ভাষার জন্য একটি কম্পাইলার লিখতে পারেন।
• চারটি প্রধান ব্রাউজার ইতিমধ্যেই ওয়েব অ্যাসেম্বলি সমর্থন সহ শিপিং করে।
• আমরা শীঘ্রই Go-তে স্থানীয় সমর্থন আশা করছি। এই নতুন আর্কিটেকচারটি ইতিমধ্যেই যোগ করা হয়েছে: GOARCH=wasm GOOS=js (শীঘ্রই)। এ পর্যন্ত, আমি এটি বুঝতে পেরেছি, এটি কার্যকরী নয়, তবে একটি বিবৃতি রয়েছে যে এটি অবশ্যই গো-তে থাকবে।

এখন কি করতে হবে? গোফারজেএস

ওয়েব অ্যাসেম্বলির জন্য আমাদের সমর্থন না থাকলেও, GopherJS এর ​​মতো একটি ট্রান্সপিলার রয়েছে।

• গো কোড "বিশুদ্ধ" জাভাস্ক্রিপ্টে স্থানান্তরিত হয়।
• সমস্ত ব্রাউজারে চলে - এমন কোনও নতুন বৈশিষ্ট্য নেই যা কেবলমাত্র আধুনিক ব্রাউজার দ্বারা সমর্থিত হয় (এটি ভ্যানিলা জেএস, যা যে কোনও কিছুতে চলে)।
• গোরুটিন এবং চ্যানেল সহ Go-এর প্রায় সমস্ত কিছুর জন্যই সমর্থন রয়েছে... যা আমরা ভালোবাসি এবং জানি।
• প্রায় পুরো স্ট্যান্ডার্ড লাইব্রেরি সমর্থিত, সেই প্যাকেজগুলি ব্যতীত যেগুলি ব্রাউজারে সমর্থন করার কোন মানে হয় না: syscall, নেট ইন্টারঅ্যাকশন (একটি নেট/http ক্লায়েন্ট আছে, কিন্তু কোন সার্ভার নেই, এবং ক্লায়েন্টটি XMLHttpRequest এর মাধ্যমে অনুকরণ করা হয়)। সাধারণভাবে, সম্পূর্ণ স্ট্যান্ডার্ড লাইব্রেরি উপলব্ধ - এখানে এটি ব্রাউজারে, এখানে Go এর stdlib, যা আমরা পছন্দ করি।
• গো-তে সম্পূর্ণ প্যাকেজ ইকোসিস্টেম, সমস্ত তৃতীয় পক্ষের সমাধান (টেমপ্লেটিং, ইত্যাদি) GopherJS ব্যবহার করে কম্পাইল করা যায় এবং ব্রাউজারে চালানো যায়।

GopherJS পাওয়া খুব সহজ - এটি শুধুমাত্র একটি নিয়মিত Go প্যাকেজ। আমরা পেতে যাই, এবং অ্যাপ্লিকেশন তৈরি করার জন্য আমাদের কাছে একটি GopherJS কমান্ড আছে:

এটি একটি ছোট হ্যালো ওয়ার্ল্ড ...

...একটি নিয়মিত Go প্রোগ্রাম, একটি নিয়মিত স্ট্যান্ডার্ড লাইব্রেরি fmt প্যাকেজ এবং Binding Js ব্রাউজার API-এ পৌঁছানোর জন্য। Println অবশেষে কনসোল লগে রূপান্তরিত হবে এবং ব্রাউজার লিখবে "হ্যালো গফার্স"! এটা খুবই সহজ: আমরা GopherJS তৈরি করি - আমরা এটি ব্রাউজারে চালু করি - সবকিছু কাজ করে!

এই মুহূর্তে আপনার কি আছে? বাঁধাই

সমস্ত জনপ্রিয় জেএস ফ্রেমওয়ার্কের জন্য বাঁধাই রয়েছে:

• JQuery;
• Angular.js;
• D3.js প্লট করার জন্য এবং বড় ডেটা নিয়ে কাজ করার জন্য;
• প্রতিক্রিয়া.js;
• VueJS;
• এমনকি ইলেক্ট্রনের জন্য সমর্থন রয়েছে (অর্থাৎ, আমরা ইতিমধ্যে ইলেক্ট্রনে ডেস্কটপ অ্যাপ্লিকেশন লিখতে পারি);
• এবং সবচেয়ে মজার বিষয় হল WebGL (আমরা 3D গ্রাফিক্স, মিউজিক এবং সমস্ত জিনিস সহ গেম সহ পূর্ণ-গ্রাফিক অ্যাপ্লিকেশন তৈরি করতে পারি);
• এবং সমস্ত জনপ্রিয় জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক এবং লাইব্রেরিতে অন্যান্য অনেক বাঁধাই।

ফ্রেমওয়ার্ক

1. GopherJS - Vecty-এর জন্য ইতিমধ্যে একটি ওয়েব ফ্রেমওয়ার্ক তৈরি করা হয়েছে। এটি React.js-এর একটি পূর্ণাঙ্গ অ্যানালগ, কিন্তু GopherJS-এর স্পেসিফিকেশন সহ শুধুমাত্র Go-তে বিকশিত হয়েছে।
2. গেম ব্যাগ আছে (আশ্চর্য!) আমি সবচেয়ে জনপ্রিয় দুটি খুঁজে পেয়েছি:
   • এনগো;
   • এবিটেন।

এটি দেখতে কেমন এবং আপনি ইতিমধ্যে Go এ কী লিখতে পারেন তার কয়েকটি উদাহরণ আমি আপনাকে দেখাব:

অথবা এই বিকল্পটি (আমি একটি 3D শ্যুটার খুঁজে পাইনি, কিন্তু সম্ভবত এটি বিদ্যমান):

আমি কি অফার করছি?

এখন ফ্রন্ট-এন্ড ইন্ডাস্ট্রি এমন অবস্থায় রয়েছে যে জাভাস্ক্রিপ্ট থেকে আগে যে সমস্ত ভাষা কান্নাকাটি করেছিল সেগুলি সেখানে ছুটে যাবে। এখন সবকিছু “ওয়েব অ্যাসেম্বলি”-তে কম্পাইল করা হবে। সেখানে গফার্স হিসাবে আমাদের সঠিক জায়গা নেওয়ার কী দরকার?

Go ঐতিহ্যগতভাবে ধরে নিয়েছে যে এটি একটি সিস্টেম প্রোগ্রামিং ভাষা, এবং UI এর সাথে কাজ করার জন্য কার্যত কোন লাইব্রেরি নেই। কিছু আছে, কিন্তু অর্ধেক পরিত্যক্ত, অর্ধেক অকার্যকর।

এবং এখন Go-তে UI লাইব্রেরি তৈরি করার একটি ভাল সুযোগ যা GopherJS-এ চলবে! আপনি অবশেষে আপনার নিজস্ব কাঠামো লিখতে পারেন! এই সময় আপনি একটি ফ্রেমওয়ার্ক লিখতে পারেন, এবং এটি প্রথমগুলির মধ্যে একটি হবে এবং তাড়াতাড়ি গ্রহণ করা হবে এবং আপনি একজন তারকা হবেন (যদি এটি একটি ভাল কাঠামো হয়)।

আপনি অনেকগুলি বিভিন্ন প্যাকেজ মানিয়ে নিতে পারেন যা ইতিমধ্যেই গো ইকোসিস্টেমে রয়েছে ব্রাউজারের নির্দিষ্টতার সাথে (উদাহরণস্বরূপ, টেমপ্লেট ইঞ্জিন)। তারা ইতিমধ্যে কাজ করবে, আপনি সুবিধাজনক বাইন্ডিং করতে পারেন যাতে আপনি সহজেই ব্রাউজারে সরাসরি সামগ্রী রেন্ডার করতে পারেন। এছাড়াও, আপনি, উদাহরণস্বরূপ, এমন একটি পরিষেবা তৈরি করতে পারেন যা সার্ভারে এবং ফ্রন্ট-এন্ডে একই কোড ব্যবহার করে একই জিনিস রেন্ডার করতে পারে - যা ফ্রন্ট-এন্ড ডেভেলপাররা পছন্দ করে (শুধু এখন গো-তে)।

আপনি একটি খেলা লিখতে পারেন! শুধুই মজার জন্য…

এটাই বলতে চেয়েছিলাম।

প্রশ্ন

প্রশ্ন (এর পরে Q হিসাবে উল্লেখ করা হয়েছে): - আমি কি গো বা জেএস-এ লিখি?

এজি: – আপনি রুটিন, চ্যানেল, স্ট্রাকচার, এম্বেডিং লেখেন – গো-তে সবকিছু... আপনি একটি ইভেন্টে সদস্যতা নেন, সেখানে একটি ফাংশন পাস করেন।

ভিতরে: - তাহলে আমি "নগ্ন" Js লিখব?

এজি: – না, আপনি Go-তে লিখুন এবং ব্রাউজার API এর সাথে সংযোগ করুন (এপিআই পরিবর্তিত হয়নি)। আপনি নিজের বাইন্ডিং লিখতে পারেন যাতে চ্যানেলে বার্তা পাঠানো হয় - এটি কঠিন নয়।

ভিতরে: - মোবাইলের কি হবে?

এজি: - আমি অবশ্যই দেখেছি: কর্ডোভা প্যাচের জন্য বাইন্ডিং আছে যা Js চালায়। প্রতিক্রিয়া নেটিভ - আমি জানি না; হয়তো আছে, হয়তো না (আমি বিশেষ আগ্রহী ছিলাম না)। N-go গেম ইঞ্জিন উভয় মোবাইল অ্যাপ্লিকেশন সমর্থন করে - iOS এবং Android উভয়ই।

ভিতরে: - ওয়েব সমাবেশ সম্পর্কে প্রশ্ন. কম্প্রেশন এবং "জিপিং" সত্ত্বেও, আরও বেশি জায়গা নেওয়া হচ্ছে... আমরা কি সামনের বিশ্বকে এভাবে আরও বেশি করে হত্যা করব না?

এজি: – ওয়েব অ্যাসেম্বলি হল একটি বাইনারি বিন্যাস, এবং ডিফল্টভাবে বাইনারি চূড়ান্ত রিলিজে পাঠ্যের চেয়ে বেশি হতে পারে না... আপনি রানটাইমে আকৃষ্ট হন, কিন্তু এটি স্ট্যান্ডার্ড জাভাস্ক্রিপ্ট লাইব্রেরি না থাকলে তা টেনে বের করার মতোই, তাই আমরা কিছু Lodash ব্যবহার করুন. লোদাশ কত লাগে জানি না।

ভিতরে: - স্পষ্টতই রানটাইমের চেয়ে কম...

এজি: - "বিশুদ্ধ" জাভাস্ক্রিপ্টে?

ভিতরে: - হ্যাঁ. আমরা এটি পাঠানোর আগে এটি সংকুচিত করি...

এজি: - কিন্তু এটি পাঠ্য... সাধারণভাবে, একটি মেগাবাইট অনেকের মতো মনে হয়, তবে এটিই (আপনার পুরো রানটাইম আছে)। এর পরে, আপনি আপনার নিজের ব্যবসার যুক্তি লিখুন, যা আপনার বাইনারি 1% বৃদ্ধি করবে। এ পর্যন্ত আমি ফ্রন্টএন্ডকে হত্যা করতে দেখছি না। অধিকন্তু, ওয়েব অ্যাসেম্বলি স্পষ্ট কারণে জাভাস্ক্রিপ্টের চেয়ে দ্রুত কাজ করবে - এটি পার্স করার প্রয়োজন নেই।

ভিতরে: - এটি এখনও একটি বিতর্কিত বিষয়... "ভাসমা" (ওয়েব অ্যাসেম্বলি) এর কোনও রেফারেন্স বাস্তবায়ন এখনও হয়নি যাতে কেউ দ্ব্যর্থহীনভাবে বিচার করতে পারে। ধারণাগতভাবে, হ্যাঁ: আমরা সবাই বুঝতে পারি যে বাইনারি দ্রুত হওয়া উচিত, কিন্তু একই V8 এর বর্তমান বাস্তবায়ন খুবই দক্ষ।

এজি: - হ্যাঁ.

ভিতরে: - সেখানে সংকলন সত্যিই খুব দুর্দান্ত কাজ করে এবং এটি একটি সত্য নয় যে একটি বড় সুবিধা হবে।

এজি: - ওয়েব অ্যাসেম্বলিও বড় লোকদের দ্বারা তৈরি করা হয়।

ভিতরে: - এটা আমার মনে হয় যে ওয়েব সমাবেশ বিচার করা এখনও কঠিন. অনেক বছর ধরে কথোপকথন হয়েছে, কিন্তু কিছু বাস্তব অর্জন আছে যা অনুভব করা যায়।

এজি: - হতে পারে. আমরা দেখব.

ভিতরে: - আমাদের ব্যাকএন্ডে সমস্যা নেই... হয়তো আমাদের এই সমস্যাগুলো ফ্রন্টএন্ডে ছেড়ে দেওয়া উচিত? সেখানে যাবেন কেন?

এজি: - আমাদের সামনের সারির কর্মীদের কর্মী রাখতে হবে।

কিছু বিজ্ঞাপন 🙂

আমাদের সাথে থাকার জন্য আপনাকে ধন্যবাদ. আপনি আমাদের নিবন্ধ পছন্দ করেন? আরো আকর্ষণীয় বিষয়বস্তু দেখতে চান? অর্ডার দিয়ে বা বন্ধুদের সুপারিশ করে আমাদের সমর্থন করুন, $4.99 থেকে বিকাশকারীদের জন্য ক্লাউড ভিপিএস, এন্ট্রি-লেভেল সার্ভারগুলির একটি অনন্য অ্যানালগ, যা আমাদের দ্বারা আপনার জন্য উদ্ভাবিত হয়েছে: VPS (KVM) E5-2697 v3 (6 কোর) 10GB DDR4 480GB SSD 1Gbps থেকে $19 বা কিভাবে একটি সার্ভার শেয়ার করবেন সম্পর্কে সম্পূর্ণ সত্য? (RAID1 এবং RAID10 এর সাথে উপলব্ধ, 24 কোর পর্যন্ত এবং 40GB DDR4 পর্যন্ত)।

আমস্টারডামের ইকুইনিক্স টায়ার IV ডেটা সেন্টারে ডেল R730xd 2x সস্তা? শুধু এখানে 2 x Intel TetraDeca-Core Xeon 2x E5-2697v3 2.6GHz 14C 64GB DDR4 4x960GB SSD 1Gbps 100 টিভি $199 থেকে নেদারল্যান্ডে! Dell R420 - 2x E5-2430 2.2Ghz 6C 128GB DDR3 2x960GB SSD 1Gbps 100TB - $99 থেকে! সম্পর্কে পড়ুন কিভাবে ইনফ্রাস্ট্রাকচার কর্পোরেশন তৈরি করা যায়। এক পয়সার জন্য 730 ইউরো মূল্যের Dell R5xd E2650-4 v9000 সার্ভার ব্যবহার করে ক্লাস?

উত্স: www.habr.com