তৃতীয় সপ্তাহের চ্যালেঞ্জ: নিজেই নিজের ওয়েবসাইট বানানো

নিজেই নিজের ওয়েবসাইট বানানোর চ্যালেঞ্জ। কারণ তুমি ওয়েব ডেভেলপার বা ডিজাইনার যেটাই হতে চাও না কেনো, বেসিক html, css তোমাকে জানতেই হবে। আর প্রোগ্রামার, সফটওয়্যার ইঞ্জিনিয়ার, বা অন্য কিছু হতে চাইলেও তোমার একটু আধটু ধারণা থাকা উচিত।

এক, html এর বেসিক জিনিস যেমন, প্যারাগ্রাফ, div, লিংক, বোল্ড, টেবিল কিভাবে লিখে? কিভাবে কোন একটা ওয়েবসাইটে ছবি দেখানো হয়, এক পেইজ থেকে আরেক পেইজে যায়, কিভাবে ইউজারের কাছ থেকে নাম, পাসওয়ার্ড নেয়া হয়। সাথে সাথে বেসিক css দিয়ে কিভাবে কোন কিছুর উপরে কালার, বর্ডার দেয়া হয়। কিভাবে css এর জন্য আইডি, ক্লাস লেখা হয়। এছাড়াও ডোমেইন, হোস্টিং কি জিনিস? ইন্টারনেট কিভাবে কাজ করে সেটা সম্পর্কে ধারণা নিতে হবে।

এই জিনিসগুলা নিচের পাঁচটা ভিডিও থেকে শিখতে পারবে

1. কোন কিছু না জেনেই: ৫ মিনিটে ওয়েবসাইট 
2. পূর্ণাঙ্গ ওয়েবসাইটের বিভিন্ন অংশ  
3. ওয়েবসাইটের রূপসজ্জা (css) 
4. কিভাবে উইজার নেম পাসওয়ার্ড নেয়া হয় 
5. ইন্টারনেট, ডোমেইন, হোস্টিং কিভাবে কাজ করে 

দুই, বুটস্ট্রাপ নামে একটা জিনিস আছে। সেটা সম্পর্কে কিছু ধারণা নিতে হবে। বুঝার চেষ্টা করতে হবে। না বুঝলেও নিচের ভিডিও  দেখে দেখে হুবহু ওটার মতো একটা পেইজ বানাতে হবে।

কোন কিছু না শিখেই বুটস্ট্রাপ দিয়ে ওয়েবসাইট 

মোট দেড় ঘন্টার ভিডিও দেখবা। দরকার হলে তিন-চার ঘন্টা সময় ধরে দেখলা। তারপর হবে আসল খেলা। নিজের ওয়েবসাইট বানানোর খেলা।

তোমার নিজের ওয়েবসাইট

একটু শেখার পরেই শো-অফ করতে হবে। নিজেই নিজের ওয়েবসাইট বানাবে। যে ওয়েবসাইটে তিনটা পেইজ থাকবে-

যার প্রথম পেইজের একদম সবার আগে থাকবে তোমার নাম, তুমি কি করো, কই থাকো, এইরকম তোমার সম্পর্কে বর্ণনা। তার নিচে থাকবে তোমার এক বা একাধিক ছবি। ছবির নিচে একটা div দিয়ে লিখবে  তুমি তুমি কি কি করতে পছন্দ করো, তোমার শখ কি, তুমি কোথায় কোথায় যেতে পছন্দ করো, কি কি খেতে পছন্দ করো, এইসব।

তোমার ওয়েবসাইটের দ্বিতীয় পেইজে থাকবে দুইটা লিস্ট। প্রথম লিস্ট হবে বুলেট পয়েন্ট দিয়ে- যেখানে তুমি html কোড দিয়ে লিখে ফেলবে তোমার আশেপাশের কোন কোন ফ্রেন্ড বা পরিচিত কে কে তোমাকে বিভিন্ন জিনিস শিখতে হেল্প করে তাদের নাম। সেই লিস্টের নিচে html কোড দিয়ে আরেকটা লিস্ট বানাবা। সেখানে এক দুই তিন নাম্বার দিয়ে সিরিয়াল করে লিখবে তোমার কোন কোন বই পড়া উচিত (পাঠ্য বই বা পাঠ্য বইয়ের বাইরের অন্য কোন বই)। আর লিস্টের নিচে html দিয়ে বানাবে একটা টেবিল। সেই টেবিলের প্রথম কলামে থাকবে- ফেইসবুক, ইউটিউব, গেমস (খেলা দেখা বা নিজে নিজে খেলার), আড্ডা, প্রেম  এসবের নাম। দ্বিতীয় কলামে থাকবে- তুমি প্রতিদিন এসবের পিছনে কতঘন্টা সময় ব্যয় করো। আর তৃতীয় কলামে থাকবে প্রতিদিন তোমার কত ঘন্টা করে সময় দেয়া উচিত এসবের পিছনে।

আর তৃতীয় পেইজে থাকবে- উপরে বুটস্ট্রাপ এর জন্য যে ভিডিও দেয়া আছে সেটার মতো একটা পেইজ বুটস্ট্রাপ দিয়ে বানানো।

তোমার ওয়েবসাইট এর তিনটা পেইজে (বা যতটুকু পারো ততটুকু) বানানো হয়ে গেলে বুটস্ট্রাপ এর জন্য যে ভিডিও দেয়া আছে সেই ভিডিও এর ২৫ মিনিট থেকে কিভাবে গিটহাব এ একাউন্ট খুলতে হবে, আপলোড করতে হবে সেগুলা দেয়া আছে সেটা ফলো করে তোমার ওয়েবসাইট আপলোড করে ফেলো। যাতে দুনিয়ার যেকেউ দুনিয়ার যেকোন প্রান্ত থেকে তোমার ওয়েবসাইট দেখতে পারে।

এইবার সবাইকে দেখিয়ে দাও

মার্চের ২০ তারিখ রাত ১১.৫৯ এর মধ্যে ওয়েবসাইট বানানো শেষ করে, সেটা আপলোড করে সেটার লিংক ফেইসবুকে পোস্ট দিয়ে দিবে। অবশ্যই একটা পাবলিক পোস্ট দিবে এবং সেই পোস্টে একটা হ্যাশট্যাগ দিয়ে দিবে  #i_know_how_to_build_my_website

কোথাও আটকে গেলে, বা কোন প্রশ্ন থাকলে, আমাকে ইনবক্স/ইমেল বা কমেন্ট করে দিবে।

তোমাদের ওয়েবসাইট দেখার অপেক্ষায় থাকলাম।

আর দ্বিতীয় সপ্তাহের বিজয়ীদের দেখতে এই লিংকে চলে যাও

যদি আরো বেশি শিখতে চাও। আরো সময় দিতে চাও তাহলে নিচের ওয়েবসাইটগুলোর হেল্প নিতে পারো

• HTML Basics: Khan Academy
• Free code camp
• w3 schools

এছাড়াও গুগলে সার্চ দিলে কুতি কিতু ওয়েবসাইট/ভিডিও/ব্লগ পেয়ে যাবে। তার যেকোন একটা জায়গা থেকে শিখলেই হবে।