ADs by Techtunes ADs
ADs by Techtunes ADs

“ওয়েব ডিজাইন” স্বপ্নের ক্যারিয়ার শুরু থেকে সফলতা – যেমন হবে আপনার পথ চলা [২য়-পর্ব]

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

ADs by Techtunes ADs

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

শেখার যত অলিগলি~!

শেখার কোন বিকল্প নেই । আপনাকে শিখতে হবে, অনেক শিখতে হবে । অনেক পরিশ্রম আর সময় দিয়ে আপনাকে শিখতে হবে ।

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

ওয়েব ডিজাইন করতে কিছু ভাষা ব্যবহার করা হয় । এগুলোকে আপনি কোড ও বলতে পারেন । এগুলো মুলত কম্পিউটার এর ভাষা বা ওয়েবপেজ এর ভাষা । ওয়েবপেজ এসব ভাষা বোঝে । এর মধ্যে রয়েছে HTML, CSS, Javascript ইত্যাদি । এগুলো এক একটি ভাষার নাম । আমি এগুলো একে একে বর্ণনা করার চেষ্টা করছি । আশা করি সবাই বুঝতে পারবেন ।

HTML

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

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

বাংলাঃ

টেক্সট টিউটোরিয়ালঃ

ADs by Techtunes ADs

ভিডিও টিউটোরিয়ালঃ

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

ইংরেজিঃ

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

টেক্সট টিউটোরিয়ালঃ

  • w3schools.com এর HTML Tutorial । এটি খুবই জরুরী এবং কাজের । আপনাকে অবশ্যই একবার হলেও w3schools এর টিউটোরিয়াল গুলো পড়তে হবে ।
  • codeacademy.com থেকে এইচটিএমএল শিখতে পারেন । এখানে খুব সুন্দর করে শেখা যায় । অনেক সুবিধা পাবেন এই সাইট এ ।
  • Head First HTML and CSS বইটি ডাউনলোড করে পড়ুন । অনেক ভালো মানের একটি বই । এটি থেকে অনেক ভালো শিখতে পারবেন এবং এইচটিএমএল এর পাশাপাশি সিএসএস ও শেখা হয়ে যাবে ।
  • এছারাও আরো অনেক ইংরেজি টিউটোরিয়াল এবং বই আছে এইচটিএমএল এর উপর । চাইলে গুগল থেকে সার্চ করে পড়তে পারেন । আপনার লস হবে না, অনেক কিছু শিখতে পারবেন ।

ভিডিও টিউটোরিয়ালঃ

  • lynda.com এর HTML Essential Training
  • tutsplus.com এর 30 Days to Learn HTML and CSS  । দারুণ একটি কোর্স । এটি দেখার জন্য আমি বিশেষ ভাবে অনুরোধ করছি ।
  • এছারাও অনেক ভিডিও টিউটোরিয়াল আছে । গুগল থেকে সার্চ করে দেখতে পারেন । ইউটিউব এ ও অনেক ফ্রী টিউটোরিয়াল পাবেন ।

এগুলো থেকে যত পারুন পড়ুন, যত পারুন দেখুন, যত পারুন শিখুন । আপনি অনেক ভাল মানের ওয়েব ডিজাইনার হতে পারবেন ।

CSS

CSS এর পূর্ণ রুপ Cascading Style Sheet । এটি দিয়ে মুলত ওয়েবপেজ গুলো ডিজাইন করা হয় । শুধু এইচটিএমএল দিয়ে ওয়েবপেজ বানালে তা শুধু কিছু লেখা মাত্র দেখা যাবে । কিন্তু সেই ওয়েবপেজ কে সুন্দর রুপ দিতে হলে আপনার দরকার হবে সিএসএস । এইচটিএমএল হচ্ছে ওয়েব পেজ এর কংকাল আর সিএসএস হচ্ছে তার উপরে মাংস, চামড়া ইত্যাদি । বুঝতেই পারছেন, সিএসএস ছাড়া এইচটিএমএল একটি কংকাল এর মতই দেখাবে । সিএসএস এইচটিএমএল এর গঠনে রুপ দেয় ।

সিএসএস শেখার জন্য কিছু রিসোর্স দিচ্ছি । শেখা শুরু করে দিন ।

ADs by Techtunes ADs

বাংলাঃ

টেক্সট টিউটোরিয়ালঃ

ভিডিও টিউটোরিয়ালঃ

  • আর আর ফাউন্ডেশন এবং বিডিগিক্স এর এইচটিএমএল টিউটোরিয়াল এই সিএসএস নিয়ে আলোচনা করা হয়েছে ।
  • freebanglatutorial.com এর সিএসএস টিউটোরিয়াল

ইংরেজিঃ

টেক্সট টিউটোরিয়ালঃ

  • w3schools.com থেকে CSS Tutorial টি শেষ করুন । এটি বেসম্ভব উপকারি ।
  • Head First HTML and CSS বইটি ডাউনলোড করে পড়ুন । (বিঃদ্রঃ এটি এবং এইচটিএমএল এর বইটি একই । এইচটিএমএল এর ইংরেজি বইটি ডাউনলোড করে থাকলে, এটি ডাউনলোড করার প্রয়োজন নেই ।)

ভিডিও টিউটোরিয়ালঃ

  • lynda.com এর CSS Fundamentals ।
  • tutsplus.com এর 30 Days to Learn HTML and CSS কোর্সটিতে এইচটিএমএল ও সিএসএস একসাথে শিখতে পারবেন ।

এছারাও আরো অনেক বাংলা এবং ইংরেজি টিউটোরিয়াল আছে । গুগল থেকে খুজে শিখতে থাকুন ।

HTML5

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

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

CSS3

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

ADs by Techtunes ADs

টেক্সটঃ

  • w3schools.com এর CSS3 Tutorial দেখেই আপনি সিএসএস৩ এ মোটামোটি এক্সপার্ট হতে পারবেন ।

ভিডিওঃ

  • lynda.com এর CSS3 first look এটি দেখে অনেকটা উপকৃত হবেন ।

এছাড়াও সিএসএস ৩ এর অনেক টিউটোরিয়াল এবং বই আছে । গুগল থেকে খুজতে থাকুন আর দেখতে থাকুন ।

Photoshop

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

Javascript

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

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

jQuery

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

CMS

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

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

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

ADs by Techtunes ADs

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

ফ্রী তে টিউটোরিয়াল নিন

আমি উপরে বেশ কিছু টিউটোরিয়াল দিয়েছি যেগুলো প্রিমিয়াম । অর্থাৎ টাকা দিয়ে কিনে দেখতে হয় । এর মধ্যে lynda.com ও tutsplus.com ই বেশি । কিন্তু আমাদের পক্ষে এত দাম দিয়ে এসব টিউটোরিয়াল কেনা সম্ভব নয়, কিনলেও আমাদের যেই ইন্টারনেট স্পীড তাতে এসব টিউটোরিয়াল ডাউনলোড করা সবার পক্ষে সম্ভব নয়, কারণ এগুলো বেশ বড় সাইজের টিউটোরিয়াল ।

এই সমস্যার সমাধানে ফেসবুক এ টিউটশেয়ার বিডি (TutShare BD) গ্রুপ রয়েছে আপনাদের সহায়তা করার জন্য । এই গ্রুপ এর সব মেম্বার মিলে টিউটোরিয়াল কালেকশন করে সবার সাথে শেয়ার করে । এদের মাসে একটি মিটাপ হয় এবং সেখানে সবাই তাদের ইচ্ছে মত টিউটোরিয়াল নিতে পারে । ইতি মধ্যে প্রায় ৩০০ জিবির মত ভিডিও টিউটোরিয়াল কালেক্ট করেছে তারা । এতে রয়েছে গ্রাফিক্স ডিজাইন, ওয়েব ডিজাইন, ওয়েব ডেভেলপমেন্ট, ভিডিও এডিটিং, প্রোগ্রামিং, এসইও, ইকমারস, ওয়ার্ডপ্রেস ইত্যাদি আরো অনেক টিউটোরিয়াল এর সমাহার । উপরে আমি যত টিউটোরিয়াল এর নাম বলেছি এই সব টিউটোরিয়াল ই আছে তাদের কালেকশনে । এছারাও আরো অনেক টিউটোরিয়াল আছে । টিউটোরিয়াল শুধু ইংরেজি না, আছে বাংলা টিউটোরিয়াল ও । ইংরেজি lynda.com, tutsplus.com, video2brain.com, videocopilot.com, phpacademy.org, thenewboston.com সহ আরো আন্তর্জাতিক মানের সব টিউটোরিয়াল আছে তাদের । আর বাংলা, আর আর ফাউন্ডেশন, বিডি গিক্স, ফ্রী বাংলা টিউটোরিয়াল ইত্যাদি অনেক টিউটোরিয়াল আছে ।

তাই দেরি না করে যোগ দিন তাদের ফেসবুক গ্রুপ এঃ https://www.facebook.com/groups/tutsharebd/

তাদের সম্বন্ধে বিস্তারিত জানতে পারবেন তাদের গ্রুপ এর ডক এ ।

আমি আছি ফেসবুক এঃ Rakibul Hasan

<< ১ম পর্বের টিউন / সকল টিউন / ৩য় পর্বের টিউন >>

ADs by Techtunes ADs
Level 0

আমি কম্পিউটার লাভার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 9 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 107 টি টিউন ও 1266 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 16 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

Also known as "Raiku Saiko". React.js & Javascript Developer. Former Wordpress Developer, Front-end Designer. Technology Addicted.


টিউনস


আরও টিউনস


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


টিউমেন্টস

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

হুম।। :D:D

খুব ভাল একটা Subject নিয়ে লিখছেন। চরম হচ্ছে…চালিয়ে যান।

Level 0

জোস

আমি গ্রাফিক্স ডিজাইন শিখছি,একজন গ্রফিক্স ডিজাইনার ওয়েভ ডিজাইনার হিসেবে কাজ করতে পারেন,এ ব্যাপারে আপনার মতামত কি?

    @dipu number 2: হ্যা, আপনি ওয়েব ডিজাইনার হিসেবে কাজ করতে পারবেন । এক্ষেত্রে আপনার বেশ কিছু দিক দিয়ে সুবিধা রয়েছে । আপনি নিজেই ওয়েব পিএসডি টেমপ্লেট বানাতে পারবেন আবার নিজেই পিএসডি টু এইচটিএমএল করতে পারবেন ।

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

    যাই হোক, এগুলো আপনি শেখা শুরু করলেই বুঝে যাবেন । আপনার জন্য শুভ কামনা রইলো ।

Level 0

rakibul vi er jonno o suvo kamona roilo….ato details deyar jonno dhonnobad

বাপরে এত টিউটোরিয়াল আস্বাদন করলে তো মারাই যাব! 😛

আমার মাথা খুব নষ্ট থাকে আপনার এই Tutorial পড়ার জন্য ”
এখন আবার মাথা নষ্ট
কিভাবে এত সুন্দর করে লিখেন ?
উফফ

Level 0

অনেক ধন্যবাদ

ভাইয়া টিউটোরিয়াল গুলো কিভাবে পাওয়া যাবে একটু সাহায্য করেন।আমি গ্রুপে এ জয়েন্ট করতে পারছি না।