ওয়েব ডিজাইন রোডম্যাপ

 

ওয়েব  ডিজাইন  রোডম্যাপ 

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

আপনি যদি সিরিয়াস ওয়েব ডেভেলোপার হতে চান তাহলে আপনাকে প্রথমে নিজের সাথে একটা পতিজ্ঞা করতে হবে ।সেটা হল প্রতিদিন আপনাকে ৬-৮ ঘন্টা করে লেপটপ বাহ পিসির সামানে বসে থাকতে হবে। যদি এই প্রতিজ্ঞা করতে পারেন তাহলে আপনি অবশ্যই শুরু করতে পারেন ওয়েব দেভেলোপমেন্ট বিষয়টি। এই প্রতিজ্ঞা করার পরে আপনার কাছে একটাই প্রশ্ন ঘুরবে যে আমি কি ল্যাংগুয়েস শিখব। ওয়েব ডেভেলোপার হতে হলে কি শিখতে হবে? 

ওয়েব ডেভেলোপার  হতে হলে কি শিখতে হবে? 

যেহেতু আমরা ওয়েব ডেভেলপমেন্ট শিখব তাই আমাদের অবশ্যই জানা উচিত এটা আবার কি। এটা খায় না পড়ে?

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

১। এইচ টি এম এল ( HTML)

২। সি এস এস (CSS) 

৩। গিটহাব(GITHUB)  

৪। বুটস্ট্র্যাপ(BOOTSTRAP)

৫।জাভাস্ক্রিপ্ট(JAVASCRIPT)

 

আপনি যদি নিয়মিত ৬-৮ ঘণ্ট করে সময় দিতে পারেন তাহলে আপনার এগুলো শিখতে ৩-৪ মাস লাগবে। তবে ভাল মাপের ডেভেলোপার হতে হলে প্রায় ১ বছর সময় দিতে হবে। এবার চলুন কথায় থেকে আর কতটু শিখলে নিজেকে একজন ওয়েব ডেভেলোপার বলা যাবে।

এইচ টি এম এল ( HTML)

এইচ টি এম এল ( HTML) এর পুর অর্থ হল  Hyper text markup language । আমরা যদি একটা দালান বাড়ি বানাতে চাই তাহলে রাজমিস্ত্র প্রথমে বাডির একটা সুন্দর একটা কাঠামো বানায় । এইচ টি এম এল হল একটা ওয়েব সাইটের কাঠামো । দালানের যেমন রোদ,ইট, বালি,সেমেন্ট দিয়ে কাঠামো বানাতে হয় তেমনি ওয়েবসাইটের কাঠামো বানাতে এইচ টি এম এল এর বিভিন্ন ট্যাগ দিয়ে কাঠামো বানানো হয়। 

আরে বাহ সুন্দর জিনিস তো। কিন্তু কথা হল আমি এই বেটারে শিখব কথা থেকে?   

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

Forms & Validations: এমন কোন ওয়েবসাইট নাই যে সেখানে ফরম ব্যাবহার করা হয় নাই। তাই Forms  ট্যাগটি ব্যাবহার করা শিখতে পারেন।

heading tag

paragraph tag

 image tag

link tag

tabile tag

list tag

DOCTYPE tag

এই ট্যাগ গুলো বেশি ব্যাবহার হয়ে থাকে। 

আপনি যদি আরও ট্যাগ জানতে চান তাহলে উপরে দেয়া ওয়েবসাইট থেকে শিখে নিতে পারেন। 

সি এস এস (CSS)  

সি এস এস (CSS) এর মিনিং হল Cascading Style Sheets

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

বুটস্ট্র্যাপ(BOOTSTRAP) 

এইচটিএমএল , সিএসএস এদের তো বুজলাম কিন্তু  BOOTSTRAP এই বেটা আবার কিটা ,কি করে এরে দিয়ে। এমনটা মনে প্রশ্ন  আসতেই পারে।আমিও যখন শিখি তখন আমার মনেও এমন প্রশ্ন ' এশেছিল। 

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

তাহলে এবার আপনার বানানো সাইট গুলতে  BOOTSTRAP ব্যাবহার করে আর একটু পান দিয়ে নিন। 

জাভাস্ক্রিপ্ট(JAVASCRIPT)

এবার চল একটু ভিন্ন কিছু করি বাহ শিখি। এবার মনে প্রশ্ন জাগছে শিখতে এলাম ওয়েব ডেভেলপমেন্ট বলে কিনা ভিন্ন কিছু শিখি। 

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

ইউটিউব চ্যানেলঃ

1.learn with sumit

2.stack learner 

3.rabbil hasan

এছারাও আমাদের পরিচিত w3schools   আছেই সেখান থেকেই শিখে নিতে পারবেন। 

এর পর আপনার কাজ হবে আপনার বানানো ৩টা ওয়েবসাইটে JAVASCRIPT  দিয়ে একটু এনিম্যাশন করা। 

গিটহাব(GITHUB)  

কি মজা না আপনিও একজন ওয়েব ডেজাইনার হয়গেল। বাহ আপনি আমাদের সাথে সাথে ৩ টা ওয়েবসাইট বানায় ফেলছেন। কিন্ত আমি জানি আপনার মন একটু খারাপ কারন এত কষ্ট করে ৩ টা সাইট বানালেন কিন্তু কোন বন্ধুকে দেখাতে পারছেন না ।এটা কোন কথা হল। এবার পালা হল আপনার বানানো ওয়েবসাইট বন্ধুদের দেখান সস্যাল মিডিয়ায় দেখান । আর এই কাজ করবে  গিটহাব ।এর কাজ হল ওয়েবসাইট আর অনলাইন এর মাছে গিট লাগান। 

তাহলে কি করে বন্ধুদের দেখব ?

সমাধানঃ

১। প্রথমে আপনি আপনার পিছিতে গিট ব্যাস ইন্সটল করে নিন । download link

২। এর পর গিটহাবে একটা আপানার একাউন্ট করে নিন।  লিংক

৩। এর পর একটা নতুন রিপোজিটরি  করুন ।

৪। এবার আপনার কোড এডিটরের টার্মিনাল ওপেন করেন 

৫। ছবিতে দেখা যাচ্ছে এমন কিছু কোড পাবেন রিপোজিটরি  করলে ।এই কোড গুলো একে একে করে আপনার কোড এডিটরের টার্মিনালে কপি করে পেস্ট করুন। 

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

নোটঃ আজকে শুধু ওয়েব ডিজাইন নিয়ে কথা বলা হল সামনে কোন একদিন ব্যাক ইন্ড নিয়ে কথা বলা হবে।তত দিন ভাল থাকিন ।