3
New ফ্রেশ ফুটপ্রিন্ট
 
 
 
ফ্রেশ!
REGISTER

ওয়েব ডিজাইন এবং ডেভেলপিং- পর্ব ২ (ডিজাইন)

Now Reading
ওয়েব ডিজাইন এবং ডেভেলপিং- পর্ব ২ (ডিজাইন)

ওয়েব ডিজাইন!

ওমা সেতো অনেক কঠিন কাজ!

আমার দ্বারা হবেনা!

কিছুনা এমনই আমাদের অনেকের ধারনা। আসলে কি জানেন যতটা কঠিন ভাবছেন ডিজাইনিং ততোটা কঠিন নয়। ডিজাইন তুলনামূলক অনেক সহজ। এর জন্য দরকার আপনার মনকে স্থির করা এবং আপনাকে চিন্তা করতে হবে যে আপনি কি প্রস্তুত? আপনি যদি মনে করেন আপনি প্রস্তুত তবে আপনার দ্বারাই হবে এটা শেখা। আপনাদের সাথে আমি আমার অভিজ্ঞতা শেয়ার করি। ওয়েব ডিজাইন সম্পর্কে আমার প্রচুর আগ্রহ ছিল স্কুল থেকে। আমি শুধু খুঁজতাম কোন প্রতিষ্ঠান কত তাড়াতাড়ি শিখিয়ে দিতে পারবে। এমন সময় উত্তরায় একটা প্রতিষ্ঠান এর খোঁজ পাই যাদের একটা ব্যানার দেখতে পাই যে তারা  সপ্তাহে ওয়েব ডিজাইন শিখিয়ে দিবে। সত্যি কথা বলতে আমি কিছুই জানতাম না এ সম্পর্কে। ওখানে গিয়ে সুন্দর মত টাকা দেওয়ার পর কিছু নরমাল জিনিস শিখিয়ে বিদায় করে দেয়। আমি সুন্দর মত চলেও আসি। বুঝতে পেরেছিলাম পুরো টাকাটাই জলে গেলো আমার। বাংলাদেশে আমার মত প্রতারিত হচ্ছেন অনেক মানুষই। কিন্তু আপনারা এসকল প্রতিষ্ঠানের সহায়তা নিচ্ছেন কেন? কারন হচ্ছে খুঁজে খুঁজে শেখাটা অনেকটা কষ্টকর তাই। কিন্তু কষ্ট করে শেখার মাধমে যে শিক্ষাটা পাবেন সেটা আপনার জন্য কি পরিমাণে উপকারি তা সময় আপনাকে বলে দিবে। কাজেই আপনাদের জন্য আমি বিভিন্ন ওয়েবসাইটের লিংক সহ আর্টিকেলটি বানাচ্ছি। আশা করছি আপনাদের একটু হলেও কাজে লাগবে।

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

ওয়েব ডিজাইনিংয়ের মধ্যে উল্লেখযোগ্য জিনিস হচ্ছেঃ HTML, CSS, HTML5, CSS3, PHOTOSHOP BASIC, JAVA SCRIPT, JQUERY.

দরকার পড়বে ২টি সফটওয়্যার এর। নোটপ্যাড++ এবং অ্যাডোব ফটোশপ।

এখন এই নামগুলো দেখে মনে হতে পারে এগুলো আবার কি! এখন জেনে নেওয়া যাক এগুলো সম্পর্কে কিছুটা আলোচনাঃ

            HTML

HTML এর পূর্ণ রুপ HyperText Markup Language । অনেকেই এটিকে প্রোগ্রামিং ভাষা বলে ভুল করে থাকবেন । এটি কোন প্রোগ্রামিং ভাষা নয় । এটি একটি মারকাপ ভাষা । মারকাপ এমন একটি ভাষা যা কিছু ট্যাগ ব্যবহার করে ওয়েব পেজ গঠন করে । এগুলো মানুষ পড়তে পারে । প্রোগ্রামিং ল্যাঙ্গুয়েজ এর মত হাবিজাবি হ-জ-ব-র-ল ভাষা না । এগুলো তে কিছু পরিচিত শব্দ ব্যবহার করা হয় । এইচটিএমএল কে ওয়েবপেজ এর কংকাল বলা হয় । এটি ওয়েবপেজ এর গঠন তৈরি করে ।

সহজে শেখার জন্য আপনাদেরকে কিছু রিসোর্স এর ব্যবস্থা করছি যার দ্বারা আপনারা অনেক সহজে অনেক কিছু শিখতে পারবেন।

 টিউটোরিয়াল

RR Foundation >https://www.youtube.com/user/rrfdhaka

BD Geeks> http://bdgeeks.com/videos/topics/html/

HTML Ebook> https://www.dropbox.com/s/5z4ln0ncfwus84g/html%20bangla%20ebook.pdf

W3school> https://www.w3schools.com/html/

Webcoach> http://www.webcoachbd.com/html-tutorials

Codeacademy> www.codeacademy.com

CSS

একটা সময় ছিল যখন শুধুমাত্র HTML দিয়েই একটি ওয়েব সাইটের ডিজাইন করা হতো । সে সময়ে ডিজাইন বলতে একটা ওয়েব পেজের বিভিন্ন ফন্ট এর কালার, সাইজ, টেবিলের বিভিন্ন সেলের কালার, পুরো পৃষ্ঠার ব্যাকগ্রাউন্ড কালার, এবং প্রয়োজনীয় ইমেজ সংযোজনকে বোঝানো হতো। এবং প্রতিটা পেজের প্রতিটা উপাদানের জন্যই আলাদা আলাদাভাবে কালার, সাইজ নির্ধারণ করতে হতো। যা ছিল একটা জটিল প্রক্রিয়া, এবং সময় সাপেক্ষ ব্যাপার । বর্তমানে যদি একটা ওয়েব সাইটে ১০০০ বা এর অধিক একই ধরনের পেজ থাকে তাহলেও একটি মাত্র CSS স্ক্রিপ্ট ব্যবহার করে ডিজাইন সম্পূর্ণ করা হয়।

 টিউটোরিয়াল

আর আর ফাউন্ডেশন আর বিডি গিক্স এর লিঙ্ক গুলো উপরে দেওয়া আছে সেখানেই পাবেন।

Ebook> http://www.mediafire.com/file/roaic1oe4gxi4zj/CSS+bangla+e-book+by+faruk.zip

W3school> https://www.w3schools.com/css/default.asp

Webcoach> http://www.webcoachbd.com/css-tutorials

Codeacademy> www.codeacademy.com

HTML5

HTML 5 হচ্ছে HTML এর একটি নতুন ভার্সন । এতে নতুন অনেক সুবিধা যোগ করা হয়েছে । কিছু লিঙ্ক একসাথে দিচ্ছি নিচে । সেগুলো থেকেই শিখতে পারবেন ।

W3school> https://www.w3schools.com/html/default.asp

freebanglatutorial> www.freebanglatutorial.com

CSS3

CSS 3 হচ্ছে CSS এর একটি নতুন ভার্সন । এতে অনেক নতুন এবং দারুণ সুবিধা যোগ করা হয়েছে ।

W3school এর কিছু টিউটোরিয়াল দেখলে এটি পরিষ্কার হয়ে যাবে আপনার কাছে।

Photoshop

ওয়েব ডিজাইন এর জন্য ফটোশপ এ বেসিক জ্ঞান থাকা জরুরী । ছোট খাটো কাজের জন্য আপনাকে ফটোশপ জানতে হবে । তবে খুব ভালো জানা লাগবে এমন কোন কথা নয় । বেসিক শেখার জন্য রিসোর্সঃ

RR Foundation> https://www.youtube.com/user/rrfdhaka

BD Geeks> http://bdgeeks.com/category/%E0%A6%AB%E0%A6%9F%E0%A7%8B%E0%A6%B6%E0%A6%AA/

Webcoachbd> http://www.webcoachbd.com/photoshop-basic

Javascript

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

BD Geeks> http://bdgeeks.com/videos/topics/javascript/

Webcoachbd> http://www.webcoachbd.com/javascript-tutorials

W3school> https://www.w3schools.com/js/default.asp

jQuery

jQuery একটি জাভাস্ক্রিপ্ট লাইব্রেরী । জেকুয়েরি আপনার ওয়েবসাইট এ জাভাস্ক্রিপ্ট এর ব্যবহার সহজ করে দেয় । জেকুয়েরি হচ্ছে “কথা কম কাজ বেশি” টাইপ এর লেঙ্গুয়েজ । যে প্রোগ্রাম টি করতে আপনার ১০০ লাইন এর জাভাস্ক্রিপ্ট লিখতে হবে, জেকুয়েরি দিয়ে আপনি সেটা এক লাইন এ করতে পারেন । আপনি যদি জাভাস্ক্রিপ্ট পারেন, তবে জেকুয়েরি শেখা আপনার জন্য সহজ হবে । জেকুয়েরি শিখতে হলে আপনাকে এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট জানতে হবে । শেখার পথ চিনিয়ে দিচ্ছি, শেখার কাজ টুকু আপনার জন্য রইলঃ

w3schools, webcoachbd, bdgeeks.com, freebanglatutorial.com থেকে আপনারা এর যথেষ্ট ভালো মানের টিউটোরিয়াল পাবেন।

 

একটু কষ্ট করে যদি সকল কিছু কষ্ট করে আয়ত্তে আনতে পারেন তাহলে কিন্তু অনেক কাজে দিবে। তবে দেরি কেনো? আজকেই মাঠে নেমে পড়ুন।

ওয়েব ডিজাইন এবং ডেভেলপিং- পর্ব ১ (ইন্ট্রোডাকশন)

Now Reading
ওয়েব ডিজাইন এবং ডেভেলপিং- পর্ব ১ (ইন্ট্রোডাকশন)

ওয়েবসাইট শব্দটির সাথে আমরা সকলেই পরিচিত। www.google.com, www.facebook.com এগুলো সব গুলোই ওয়েব সাইট। যারা ফ্রিল্যান্সিং সম্পর্কে অনেক আগ্রহী তারা ওয়েব ডিজাইনিং এবং ওয়েব ডেভেলপিং সম্পর্কে কম বেশি অনেক কিছু জানেন। অনেকে আবার ওয়েব ডিজাইনিং এবং ওয়েব ডেভেলপিং এর মাঝে তালগোল পাকিয়ে ফেলেন। এ পর্বে আমি ওয়েব ডিজাইন এবং ওয়েব ডেভেলপিং সম্পর্কে খুঁটিনাটি বেসিক ধারণা তুলে ধরব। বিষয়গুলো আমি আমার সম্পূর্ণ ব্যক্তিগত অভিজ্ঞতা থেকে তুলে ধরবো। আমি ৪টি খন্ডে ভাগ করেছি লেখাগুলোকে।  ইন্ট্রোডাকশন, ওয়েব ডিজাইনিং, ওয়েব ডেভেলপমেন্ট, ওয়ার্ডপ্রেস। এই পর্বটি হচ্ছে ইন্ট্রোডাকশন।

প্রথমে বুঝতে হবে ওয়েব ডিজাইন এবং ওয়েব ডেভেলপিং কি?

ওয়েব ডিজাইন

ওয়েব ডিজাইনারের কাজ হচ্ছে ওয়েব সাইট ডিজাইন করা। তার কাজ হচ্ছে ওয়েব সাইটের যাবতীয় সৌন্দর্য আরো নতুন রূপে বর্ধিত করা। ওয়েব ডিজাইন শেখা অত্যন্ত সহজ আপনি ইচ্ছা করলে মাত্র ২-৩ মাসের মধ্যে একজন ওয়েব ডিজাইনার হতে পারবেন । ওয়েব ডিজাইনারের মুল কাজ একটা সাইটের জন্য টেমপ্লেট বানানো, এখানে কোন এপ্লিকেশন থাকবেনা।যেমন লগিন সিস্টেম, নিউজলেটার সাইনআপ, পেজিনেশন, ফাইল আপলোড করে ডেটাবেসে সেভ করা, ইমেজ ম্যানিপুলেশন, যদি সাইটে বিজ্ঞাপন থাকে তাহলে প্রতিবার পেজ লোড হওয়ার সময় বিজ্ঞাপনের পরিবর্তন এগুলি এপ্লিকেশন, ওয়েব এপ্লিকেশন।এসব তৈরী করতে হয় প্রোগ্রামিং ল্যাংগুয়েজ দিয়ে। ওয়েব ডিজাইনার হতে হলে আপনাকে (X)HTML এবং CSS এর পাশাপাশি Basic jQuery, JavaScript,  PHP শিখতে পারেন । নানা রকম Framework যেমন,  Bootstrap, Css Less Framework ইত্যাদি । এছাড়া, আপনাকে ফটোশপ এর কাজ জানতে হবে । কেননা, আপনি যদি একজন ওয়েব ডিজাইনার হন তাহলে আপনাকে অবশ্যই সাইট এর ব্যানার, পোষ্টার এবং বিভিন্ন ধরণের বাটন তৈরি করতে হবে ।

ওয়েব ডেভেলপমেন্ট

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

ওয়েব ডেভেলপমেন্ট হচ্ছে ওয়েব সাইট এর জন্য অ্যাপ্লিকেশন। এখানে আপনাকে কোডিং এর মাধ্যমে নানা ধরণের অ্যাপ্লিকেশন তৈরি করতে হবে ।  আপনি যদি ওয়েব ডেভেলপার হতে চান তাহলে ধৈর্য, পরিশ্রম ও মনোযোগের প্রয়োজনীয়তা অপরিহার্য । ওয়েব ডেভেলপার হতে হলে অনেক সময় প্রয়োজন । ওয়েব ডেভেলপার হতে হলে আপনাকে  HTML, CSS, jQuery, JavaScript, PHP, MySQL, Java, ইত্যাদি CMS সম্পর্কে ভালো জানতে হবে । এছাড়া Server related যেমনঃ ASP, .NET, AJAX, ইত্যাদি জানতে হবে

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

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

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

 

অনেকেই প্রশ্ন করেন “কিভাবে শিখবো? কোথায় শিখবো? কোথা থেকে শুরু করবো?” ইত্যাদি । এটা স্বাভাবিক, এটা প্রায় সবার ক্ষেত্রেই হয়ে থাকে ।প্রথমত আপনাকে জানতে হবে আপনি যেটা শিখতে চাচ্ছেন সেটা প্রফেশনাল কাজ। কম্পিউটারের গেম খেলার মত কাজ না। তবে গেম তৈরি করার মত কাজ। কাজেই সময় এবং শ্রম যদি দিতে চান তবে আজই আপনি শুরু  করে দিতে পারবেন।

এখন অনেকেই মাথা ঘামাতে পারেন যে এতো কষ্ট করে শিখবো টাকা কতোই আর পাবো!

এর উত্তর হচ্ছে একজন ওয়েব ডিজাইনার এর গড় বেতন ৭৭,০০০ ডলার । সর্বনিম্ন বেতন ৪০,০০০ডলার এবং সর্বোচ্চ বেতন ৮৫,০০০ ডলার ।

কিছু উচ্চ বেতন প্রদানকারী দেশঃ

Philadelphia, PA: $79,717

San Francisco, CA: $79,551

New York, NY: $77,475

Predicted_Job_Growth_2018.jpg

 

আমাদের দেশের মানুষের দৃষ্টিভঙ্গি

মজার ব্যাপার হচ্ছে আমাদের দেশে বেশির ভাগ লোকজন কিভাবে আপওয়ার্ক নেটওয়ার্কে একাউন্ট খুলতে হবে, কিভাবে কাজ পাওয়া যেতে পারে এসব কৌশল শিখতে তৎপর অথচ কাজ তেমন একটা শেখেনি। মার্কেটপ্লেস গুলিতে একাউন্ট খোলা ফেইসবুকের মতই সহজ এরপর কয়েকটি পরীক্ষা দিয়ে প্রোফাইল সমৃদ্ধ করতে পারেন। যেকোন বিড করার (যেমন আপওয়ার্ক এ “Apply to this Job”) সময় কভার লেটার তথা আবেদনটি একটু আকর্ষনীয় করে লেখা উচিৎ। ভাল কভার লেটারের নমুনা ঐ সাইটগুলিতেই পাবেন। এগুলি খুবই অগুরুত্বপূর্ণ বিষয় এবং পানির মত সহজ। এগুলি নিয়ে চিন্তা না করে আগে টেকনিকালি এক্সপার্ট হউন।

এ পর্বে কিছু বেসিক জিনিস নিয়ে আলোচনা করেছি। পরের পর্বে আরো বিস্তারিত ভাবে আলোচনা করা হবে।