জাভাস্ক্রিপ্ট টিউটোরিয়াল [পর্ব-০২] :: জাভাস্ক্রিপ্ট শেখার পূর্বপ্রস্তুতি

আসসালামু আলাইকুম, আশা করি সকলেই মহান আল্লাহ্‌ তা’আলার অশেষ রহমতে ভাল আছেন? আমিও আলহামদুলিল্লাহ্‌ ভাল আছি।

আমি আজ জাভাস্ক্রিপ্ট নিয়ে আলোচনা করবো। আমি আপনাদের কাছে প্রথমেই ক্ষমা চেয়ে নিচ্ছি আমি প্রায় ১ বছর আগে জাভাস্ক্রিপ্ট এর প্রথম পর্ব লিখেছিলাম। তারপর, কিছু ব্যক্তিগত সমস্যা এবং অলসতার জন্য আর লেখা হয়নি। কিন্তু, এখন জাভাস্ক্রিপ্ট টিউটোরিয়ালটি সম্পূর্ণ করার পরিকল্পনা করেছি। তবে, এবার জাভাস্ক্রিপ্ট টিউটোরিয়ালটি সম্পূর্ণ করার চেষ্টা করবো -ইনশাল্লাহ্‌।

আমার এই টিউনটি দেখার পূর্বে দয়া করে জাভাস্ক্রিপ্ট টিউটোরিয়াল এর প্রথম পর্বটি পড়ে নিন। এরপর, দ্বিতীয় পর্ব শুরু করবেন। আমাদের আজকের আলোচনার বিষয়, জাভাস্ক্রিপ্ট শেখার পূর্ব প্রস্তুতি। আসলে, পূর্ব প্রস্তুতি বলতে আপনাদের কিছু কাজ করতে হবে। আমি কাজগুলো ধাপে ধাপে নিচে বিশ্লেষণ করছিঃ

একটি ব্রাউজার ইন্সটল করা

প্রত্যেক কম্পিউটার এ ডিফল্টভাবে ব্রাউজার ইন্সটল করা থাকে। তবে, সেটা ইন্টারনেট এক্সপ্লোরার। বেশীরভাগ সময় লক্ষ্য করবেন, এসব ব্রাউজারের ভার্সন  পুরনো। তাই, আমি আপনাকে বলবো একটি নতুন ভার্সনের ব্রাউজার ইন্সটল করার জন্য। এক্ষেত্রে, আপনি মোজিলা ফায়ারফক্স অথবা গুগল ক্রোম ব্যবহার করতে পারেন। এছাড়া, আপনি চাইলে অন্যান্য আপগ্রেডেট ভার্সনের ব্রাউজার ব্যবহার করতে পারেন। এটা, সম্পূর্ণ আপনার রুচির উপর নির্ভরশীল।

মোজিলা ফায়ারফক্স ডাউনলোড করার জন্য এখানে ক্লিক করুন এবং গুগল ক্রোম  করার জন্য এখানে ক্লিক করুন।

টেক্সট এডিটর ইন্সটল করা

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

নোটপ্যাড প্লাস প্লাস ডাউনলোড করার জন্য এখানে ক্লিক করুন এবং ব্র্যাকেট  করার জন্য এখানে ক্লিক করুন। এছাড়া, সাবলাইম টেক্সট এডিটর ডাউনলোড করতে এখানে ক্লিক করুন।

ফাইল এক্সটেনশন প্রদর্শন করানো

আপনারা দেখবেন যে, আপনাদের কম্পিউটারের কোন ফাইলের শেষে ফাইলের ফরম্যাট লেখা থাকে না। অর্থাৎ, ফাইলটি কোন ফরম্যাট এ আছে তা লেখা থাকে না। যেমনঃ সাধারণভাবে একটি ছবি আপনার কম্পিউটার এ থাকবে image_name নামে। যদি আপনি ফাইল এক্সটেনশন প্রদর্শন করান তাহলে ছবি থাকবে image_name.png নামে। ফলে, আমরা সহজেই ফাইলের ফরম্যাট সনাক্ত করতে পারি। জাভাস্ক্রিপ্ট শেখার জন্য কম্পিউটারের ফাইল ফাইল এক্সটেনশন প্রদর্শন করানো জরুরি কিছু নয়। তবে, আপনি আপনার সুবিধার জন্য ফাইল এক্সটেনশন প্রদর্শন করাতে পারেন।

আপনার কম্পিউটারের ফাইল ফাইল এক্সটেনশন প্রদর্শন করার জন্য, Control Panel>Foldder Options থেকে View এ ক্লিক করবেন এরপর Hide extensions for known file types থেকে টিকচিহ্ন তুলে দিবেন। সর্বশেষ, Apply  প্রেস করে OK বাটনে ক্লিক করবেন।

এবার আপনার কম্পিউটারের প্রতিটি ফাইলের এক্সটেনশন দেখতে পাড়বেন। অর্থাৎ, একটি এইচটিএমএল ফাইলের নামের পর .html থাকবে, একটি সিএসএস ফাইলের নামের পর .css থাকবে। ফলে, আপনি সহজেই ফাইলের ফরম্যাট সনাক্ত করতে পাড়বেন।

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

প্রথম কয়েকটা টিউটোরিয়াল সহজ মানের হবে, পড়ে তা ধীরে ধীরে কিছুটা কঠিন হতে থাকবে। দয়া করে একটু কষ্ট করে আমার সাথে থাকবেন। হয়ত, আপনার জীবনের কিছু সময় নষ্ট হবে কিন্তু আপনাকে কিছুটা হলেও শেখাতে পারবো।

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

আমাকে ফেইসবুক এ পেতে এখানে ক্লিক করুন।

আপনার যদি কোন প্রশ্ন থাকে তাহলে নির্দ্বিধায় করতে পারেন। যদি টিউটোরিয়ালটি পড়ে আপনাদের ভাল লাগে তাহলে টিউমেন্ট করতে ভুলবেন না। যদি কোন ভুল থাকে আমাকে জানাবেন আমি সংশোধন করে নিব। ধন্যবাদ সবাইকে আমার আজকের টিউটোরিয়ালটি মনোযোগ দিয়ে পড়ার জন্য। ভাল থাকবেন সবাই, আল্লাহ্‌ হাফেজ।

আপনি টিউটোরিয়ালমেলা থেকে অনলাইন এ ওয়েব ডিজাইন এবং ডেভেলপমেন্ট শিখতে পারেন।

Level 0

আমি জিহাদুর রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 51 টি টিউন ও 194 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

ভাই নিয়মিত পোস্ট কইরেন প্লিজ 🙂

Level 0

সহজ ভাবে উপস্থাপন করবেন বলে আশা করি। আর আমরা সহজেই শিখে নিতে পারব, ইনশা-আল্লাহ।

    @Haque: সহজভাবে উপস্থাপন করার চেষ্টা করবো । টেকটিউনস এর সাথেই থাকুন…

জাভাস্ক্রিপ্ট শিখার ইচ্ছা অনেক দিনের। আশা করি ইচ্ছাটা এবার পুরণ হবে। আপনাকে অসংখ্য ধন্যবাদ। টিউনটি পড়ে খুব ভালো লাগলো। বাই।

আশা করি নিয়মিত চালিয়ে যাবেন , আর প্রাক্টিসের দিকে একটু বেশি গুরুত্ব দিবেন ! ধন্যবাদ

এইচ টি এম এল, সিএসএস এবং জাভাস্ক্রিপ্ট এর মধ্যে সমপর্ক বা পার্থক্য কি?