Vue JS Tutorial এ আপনাদেরকে স্বাগত জানাচ্ছি আমি মোঃ মামুনুর রশিদ.

 

Vue JS টা আসলে কি?
Vue JS হচ্ছে ইউজার ইন্টারফেস তৈরি করার একটি progressive javascript library। এর author এর নাম হচ্ছে Evan You যিনি গুগলে কাজ করতেন Angular JS এর ডেভেলপার হিসাবে। Vue JS খুব বেশিদিন হলো রিলিজ হয়নি কিন্তু এটা দিনে দিনে খুব পপুলার হচ্ছে এবং ইতিমধ্যেই ৮৯ % ডেভেলপার satisfaction rating অর্জন করেছে এবং এটা প্রতিদিন প্রায় 95 গিটহাব সটার পাচ্ছে। আর এ জন্যেই এটাকে php Laravel framework এর সাথে built in করে দেওয়া হয়েছে।

 

 

এরকম আরও ফ্রেমওয়ার্ক আছে যেমন Angular JS, React JS, Ember JS ইত্যাদি ইত্যাদি। তবে আমার কাছে Vue Js টা খুব ভালো লাগে কারণ হলো এর core library টা অনেক Light Weight এবং Fast. এটাকে খুব সহজেই অন্য কোন library বা existing প্রোজেক্ট এর সাথে Integrate করা যায়। যেমন ধরুন আপনার projekt এ routing configure করা দরকার? আপনি routing এর library কহু সহজেই এর সাথে Add করতে পারবেন, অথবা আপনার প্রজেক্টে Animation effect add করা দরকার? খুব সহজেই Animation এর library এটার সাথে add করতে পারবেন। এটার মধ্যে মূলত React এবং Angular দুইটারই ইউজফুল ফিচার গুলো Add করা হয়েছে।

Vue JS front end এই একটা MVC Architecture, অর্থাৎ Model-View-Controller Architecture তৈরি করে দেয় যেটা এখন খুব জনপ্রিয় একটি সফটওয়্যার Architecture। প্রায় সকল Software engineer রাই এই Architecture follow করে। front end এ এটা use করলে দেখবেন যে সার্ভার সাইডেরও Almost 80 % কাজ হয়ে গেছে। বিভিন্ন লজিক্যাল কাজ ফ্রন্ট এন্ড এই অর্থাৎ ব্রাউজারেই execute হবে। আপনার শুধু Database Related কাজগুলো সার্ভার সাইডে করতে হবে। এতে করে আপনার সার্ভার এর উপর প্রেশার কম পরবে। bandwith কম খরচ হবে।


আপনারা যারা ফ্রন্ট এন্ড ডেভেলপমেন্ট এর কাজ করেন তারা অবশ্যই JQuery এর নাম শুনেছেন। পৃথিবীতে যত ওয়েবসাইট আছে more than 90 % ওয়েবসাইট jQuery use করে। আপনি যদি আপনার প্রজেক্ট এ Vue JS use করেন তাহলে আপনাকে JQuery ও use করতে হবেনা।

 

চলেন আমরা Vue js এর সাথে অন্যান্য কিছু javascript library(minified) এর সাইজ comparisn টা দেখে আসি।

Name Size
Ember 2.2.0 111K
Ember 1.13.8 123K
Angular 2 111K
Angular 2 + Rx 143K
Angular 1.4.5 51K
React 0.14.5 + React DOM 40K
React 0.14.5 + React DOM + Redux 42K
React 15.3.0 + React DOM 43K
Vue 2.4.2 20.9K
Inferno 1.2.2 20K
Preact 7.2.0 4kb

 

এখন আপনারাই compare করে দেখেন Vue JS কতোটা light weight and fast.

 

এবার চলেন দেখা যাক যে Vue JS কিভাবে শিখবেন। যেকোনো framework বা library শেখার সবচেয়ে ভালো উপায় হলো তাদের অফিসিয়াল ডকুমেন্টেশন দেখে শেখা। vue js এর অফিসিয়াল ডকুমেন্টেশন পাওয়া যাবে https://vuejs.org/ এইখানে। আপনার যদি ইংলিশ পরে মোটামুটি বোঝার ক্ষমতা থাকে তাহলে বলবো যে আমার এই টিউটোরিয়াল দেখার কোন দরকার নেই। সরাসরি চলে যান এই ঠিকানায় https://vuejs.org/, এবং নিজে নিজে শেখা শুরু করে দিন । অথবা যদি আমার এই টিউটোরিয়াল টি দেখেনও তারপরেও বলবো যে vue js এর অফিসিয়াল ডকুমেন্টেশন একবার দেখবেন।

 

তো এই ছিল মোটামুটি Introduction. আজকে কোন কোড লিখবনা নেক্সট পার্ট থেকে আমরা কোডিং শুরু করবো। Next ভিডিও গুলো দেখার জন্যে subscribe করবেন। ধন্যবাদ।