ম্যাক ওয়েব ডেভেলপমেন্ট মাস্টার করুন: এসেনশিয়াল সেটআপ গাইড

আপনি যদি চান তবে শুধু একটি টেক্সট এডিটর এবং ব্রাউজার দিয়ে বেসিক ওয়েবসাইট বানাতে পারেন, কিন্তু আপনি আপনার গেম আপগ্রেড করতে চাইলে React বা Vue-এর মতো জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক এবং Git-এর মতো উপকারী টুলস আপনার ওয়ার্কফ্লোতে যোগ করতে পারেন।

তবে অপেক্ষা করুন! আপনার ম্যাক প্রস্তুত নয়। ডুব মারার আগে, আপনাকে কিছু আইটেম ইনস্টল করতে হবে যা আপনাকে পরবর্তীতে বিভ্রান্তিকর এরর থেকে বাঁচাবে। ?

এই আর্টিকেল আপনাকে আপনার ম্যাকএ জাভাস্ক্রিপ্ট-ভিত্তিক ওয়েব ডেভেলপমেন্টে শুরু করার জন্য প্রয়োজনীয় ন্যূনতম সেটআপের মাধ্যমে গাইড করবে।

চলুন শুরু করি!

আপনার ম্যাক আপডেট করুন

কোনো নতুন সফটওয়্যার ইনস্টল করার আগে, macOS এবং আপনার বর্তমান সফটওয়্যারকে সর্বশেষ ভার্সনে আপগ্রেড করার জন্য অ্যাপলের নির্দেশাবলী অনুসরণ করুন।

একটি টার্মিনাল অ্যাপ বেছে নিন

যেহেতু এই আর্টিকেলে আপনি কমান্ড লাইন ব্যবহার করে আপনার ম্যাকের সাথে ইন্টারঅ্যাক্ট করবেন, আপনাকে একটি টার্মিনাল অ্যাপ দরকার।

নিচের যেকোনো একটি ভালো অপশন:

• Hyper
• iTerm2
• Visual Studio Code-এর ইন্টিগ্রেটেড টার্মিনাল
• Terminal (যেটি আপনার ম্যাকের সাথে ডিফল্টভাবে আসে)

আপনি যদি নিশ্চিত না হন কোনটি বেছে নেবেন, Hyper বেছে নিন।

কমান্ড লাইন ডেভেলপার টুলস

কমান্ড লাইন থেকে আপনাকে যা প্রথম ইনস্টল করতে হবে সেটি হল আপনার ম্যাকের কমান্ড লাইন ডেভেলপার টুলস। এগুলো এখন ইনস্টল করলে পরে বিভ্রান্তিকর এরর থেকে বাঁচা যাবে।

টুলসগুলো ইতিমধ্যে ইনস্টলড কিনা চেক করতে, আপনার টার্মিনাল অ্যাপে নিচের কমান্ডটি টাইপ করুন এবং রিটার্ন চাপুন:

xcode-select --version

ফলাফল যদি একটি ভার্সন নম্বর না হয়, তবে এই কমান্ডটি দিয়ে টুলস ইনস্টল করুন:

xcode-select --install

একটি ডায়লগ আসবে জিজ্ঞেস করবে আপনি কি টুলস ইনস্টল করতে চান। Install-এ ক্লিক করুন এবং প্যাকেজটি ডাউনলোড হয়ে ইনস্টল হবে।

ইনস্টলেশন শেষ হলে, প্রথম কমান্ডটি আবার চালিয়ে টুলসগুলো ইনস্টলড কিনা কনফার্ম করুন:

xcode-select --version

ফলাফল এখন একটি ভার্সন নম্বর হওয়া উচিত।

Homebrew

পরবর্তী কয়েকটি টুল প্রতিটির ওয়েবসাইটে গিয়ে, ডাউনলোড পেজ খুঁজে, ডাউনলোড লিংক ক্লিক করে, আনজিপ করে, এবং ম্যানুয়ালি ইনস্টলার চালানোর বদলে, আমরা Homebrew ব্যবহার করব।

Homebrew হল একটি টুল যা আপনাকে কমান্ড লাইন থেকে আপনার ম্যাকএ সফটওয়্যার ইনস্টল, আপডেট এবং আনইনস্টল করতে দেয়। এটি ম্যানুয়াল পদ্ধতির চেয়ে দ্রুত এবং নিরাপদ এবং সাধারণত আপনার ডেভেলপমেন্ট জীবনকে সহজ করে তোলে।

প্রথমে, চেক করুন Homebrew ইতিমধ্যে ইনস্টলড কিনা:

brew --version

আপনি যদি ভার্সন নম্বর না দেখেন, তবে এই কমান্ডটি দিয়ে Homebrew ইনস্টল করুন:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

আমি প্রতিজ্ঞা করি এই আর্টিকেলে আপনি যে সবচেয়ে বিড়াল কমান্ডটি দেখবেন সেটি यही! ? Homebrew-এর কারণেই বাকিগুলো সহজ।

এগিয়ে যাওয়ার আগে, Homebrew এখন ইনস্টলড কিনা কনফার্ম করুন:

brew --version

Node এবং npm

Node.js হল একটি টুল যা আপনার ম্যাককে ওয়েব ব্রাউজারের বাইরে জাভাস্ক্রিপ্ট কোড চালাতে দেয়। আপনি যদি React বা Vue-এর মতো জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক আপনার ম্যাকএ চালাতে চান, তবে আপনাকে Node ইনস্টলড থাকতে হবে।

Node npm-ও (Node Package Manager) অন্তর্ভুক্ত করে, যা আপনাকে ফ্রি কোডের একটি বিশাল লাইব্রেরি অ্যাক্সেস দেয় যা আপনি আপনার প্রজেক্টগুলিতে ডাউনলোড ও ব্যবহার করতে পারেন।

প্রথমে, চেক করুন Node ইতিমধ্যে ইনস্টলড কিনা:

node --version

না থাকলে, Homebrew দিয়ে ইনস্টল করুন:

brew install node

শেষে, Node এবং npm এখন ইনস্টলড কিনা কনফার্ম করুন:

node --version

npm --version

Git দিয়ে ভার্সন কন্ট্রোল

Git হল একটি টুল যা আপনাকে আপনার কোডের পরিবর্তনগুলো ট্র্যাক করতে এবং অন্য ডেভেলপারদের সাথে শেয়ার্ড প্রজেক্টে কাজ করতে সাহায্য করে।

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

একবার আবার, চেক করে শুরু করুন Git ইতিমধ্যে ইনস্টলড কিনা:

git --version

না থাকলে, ইনস্টল করুন:

brew install git

এবং ইনস্টলেশন কাজ করেছে কিনা কনফার্ম করুন:

git --version

কদाचিত, নিচের কমান্ডটি চালান এবং Homebrew-এ ইনস্টল করা সব কিছু আপডেট হয়ে যাবে অটোমেটিক্যালি:

brew update && brew upgrade && brew cleanup && brew doctor

সিস্টেম আপ-টু-ডেট রাখার জন্য এই একক কমান্ডই যথেষ্ট। ?

আমি সাধারণত এটি একটি নতুন প্রজেক্ট শুরু করার সময় চালাই, কিন্তু আপনি যখন ইচ্ছা তখন করতে পারেন। (আপনি যখন এই কমান্ডটি চালাবেন, যদি Homebrew অতিরিক্ত কমান্ড চালানোর সাজেশন দেয়, তবে সেগুলো চালান। যদি কোনো কমান্ড sudo দিয়ে শুরু হয় এবং আপনাকে পাসওয়ার্ড 묻ে, তবে আপনার ম্যাকের অ্যাডমিন পাসওয়ার্ড ব্যবহার করুন।)

কমান্ড লাইনের জন্য এতটুকুই!

কোড এডিটর

আপনি যেকোনো টেক্সট এডিটরে কোড লিখতে পারেন, কিন্তু যেটি আপনার কোড হাইলাইট এবং ভ্যালিডেট করে সেটি ব্যবহার করলে আপনার জীবন অনেক সহজ হবে।

নিচের যেকোনো একটি ভালো অপশন:

• Visual Studio Code
• Atom
• Sublime Text

আপনি যদি নতুন শুরু করছেন, Visual Studio Code বেছে নিন।

ব্রাউজার

আপনি কোড করার সময়, আপনি যা বানাচ্ছেন সেটি ব্রাউজারে দেখে কনফার্ম করতে হয় যে সেটি কাজ করছে। আপনি যেকোনো ব্রাউজার ব্যবহার করতে পারেন, কিন্তু কিছু ব্রাউজারে এক্সট্রা ডেভেলপার টুলস থাকে যা আপনার কোড এবং কীভাবে সেটি উন্নত করা যায় সেটি বিস্তারিত দেখায়।

নিচের যেকোনো একটি ভালো অপশন:

• Chrome
• Firefox

আপনি যদি নতুন শুরু করছেন, Chrome বেছে নিন।

Finder

এখানে একটি দ্রুত টিপ: আপনি আপনার ম্যাক ডিফল্টভাবে যে ফাইলগুলো লুকিয়ে রাখে সেগুলো দেখাতে চাবেন। (উদাহরণস্বরূপ, git ফাইলগুলো অটোমেটিক্যালি হিডেন থাকে, কিন্তু কখনো কখনো আপনি সেগুলো এডিট করতে চান।)

আপনার ম্যাকের হিডেন ফাইলগুলো দেখানোর সবচেয়ে সহজ উপায় হল কীবোর্ড শর্টকাট ⌘⇧. (Command + Shift + Period)। এটি আপনাকে কখনো দেখাতে এবং কখনো লুকাতে আল্টারনেট করবে যাতে আপনি দরকার হলে সেগুলো অ্যাক্সেস করতে পারেন।

উপসংহার

আপনি সব সেট! ?

এই হল আপনার ম্যাকএ জাভাস্ক্রিপ্ট-ভিত্তিক ফ্রন্ট-এন্ড ডেভেলপমেন্টে শুরু করার জন্য আপনার যা যা দরকার।

বিভ্রান্তি এড়াতে, আমি যেসব আইটেম স্ট্রিক্টলি রিকোয়ার্ডেড নয় সেগুলো বাদ দিয়েছি। আপনি যদি আপনার ম্যাককে ওয়েব ডেভেলপমেন্টের জন্য আরও কাস্টমাইজ করার ঐচ্ছিক উপায়গুলোতে গভীরে যেতে চান, তবে নিচের লিংকগুলো চেক করুন।

আরও পড়ুন

• Setting up a Brand New Mac for Development by Tania Rascia
• Setting up a MacBook for Front-End Development by Ben Honeywill
• Leaving Homestead: Finding the Best All-Around Local Development Environment by WebDevStudios (যদি আপনার PHP সেটআপও দরকার হয়)

টুইটারে আলোচনা করুন

মূলত michaeluloth.com-এ প্রকাশিত।