ওয়েব ডিজাইন সম্পর্কে - ABOUT WEB DESIGN : আপনি কি নিজের মত অনলাইন জগতে ক্যারিয়ার গড়তে চান? সেক্ষেত্রে ওয়েবসাইট ডিজাইন বা সংক্ষেপে ওয়েব ডিজাইন আপনার জন্য দারুণ সুযোগ হতে পারে। এখন ইন্টারনেটের ব্যবহার সর্বত্র বাড়ছে। এবং ইন্টারনেট ব্যবহার করে, বিপুল সংখ্যক ক্ষুদ্র ব্যবসা, সংস্থা, অনলাইন পরিষেবা প্রদানকারী এবং সকল আকার নিয়মিতভাবে গঠিত হচ্ছে। এই ক্ষেত্রে, বড় এবং ছোট কোম্পানি, সংস্থা, ব্যবসা বা অনলাইন পরিষেবা প্রদানকারীরা ইন্টারনেটে তাদের ব্যবসার প্রচারের জন্য ওয়েবসাইট তৈরির দিকে মনোনিবেশ করছে। এবং আশার কথা হল সংখ্যাটি দিন দিন বাড়ছে। ওয়েবসাইটগুলি শুধুমাত্র ব্যবসার প্রচারের উদ্দেশ্যে নয়, অন্য কোন উদ্দেশ্যে তৈরি করা যেতে পারে। মূলত যারা এই ওয়েবসাইটগুলো তৈরি বা ডিজাইন করে তাদের বলা হয় ওয়েব ডিজাইনার। একটি ওয়েব ডিজাইনার একটি ওয়েবসাইট ডিজাইন করার জন্য যে জ্ঞান, দক্ষতা এবং অভিজ্ঞতা ব্যবহার করে তা ওয়েব ডিজাইনিং।
আমরা কেন ওয়েব ডিজাইন শিখব? WHY WE WILL LEARN WEB DESIGN?: আপনি যদি মনে করেন আপনি অনলাইনে ক্যারিয়ার গড়বেন তাহলে আপনার অবশ্যই HTML এবং CSS সম্পর্কে ধারনা থাকতে হবে। আপনি যেখানেই কাজ করুন না কেন, HTML এবং CSS একরকম আপনার জন্য কাজ করবে। আর যদি আপনি ওয়েব ডেভেলপমেন্টে ক্যারিয়ার গড়তে চান, তাহলে আপনাকে অবশ্যই শিখতে হবে। ওয়েব ডিজাইন শেখার প্রথম ধাপ হল ওয়েব ডেভেলপমেন্ট।
ওয়েব ডিজাইনের জন্য দাবি -THE DEMAND FOR WEB DESIGN : বাজারে ওয়েব ডিজাইনিং এর ব্যাপক চাহিদা রয়েছে। কিন্তু আপনি যদি শুধুমাত্র ওয়েব ডিজাইন শিখেন তাহলে আপনার চাকরি না পাওয়ার সম্ভাবনা বেশি। কিভাবে ডাইনামিক ওয়েবসাইট তৈরি করতে হয় তা শিখতে হবে। তার মানে আপনাকে ওয়েব ডেভেলপমেন্ট শিখতে হবে। যদি এটি বেশ কঠিন হয়ে যায়, আপনি একটি সহজ উপায়ে ওয়ার্ডপ্রেস শিখতে পারেন। ওয়ার্ডপ্রেস একটি ওয়েব কন্টেন্ট ম্যানেজমেন্ট সিস্টেম। যার মাধ্যমে আপনি সহজেই ডাইনামিক ওয়েবসাইট তৈরি করতে পারবেন।
ওয়েব ডিজাইনের ভবিষ্যত - THE FUTURE OF WEB DESIGN: এটা আপনার অভিজ্ঞতার উপর নির্ভর করে। আমার মতে, শুধু ওয়েব ডিজাইন শেখা যথেষ্ট নয়। এমনকি যদি এটি হয়, এটি বেশ ঝামেলার। আমি অবশ্যই ওয়েব ডিজাইন এবং ওয়ার্ডপ্রেস শেখার সুপারিশ করব। তাহলে মাসে $ 500 আয় করা সম্ভব।
ওয়েব ডিজাইন শিখতে কতক্ষণ লাগে - HOW LONG DOES IT TAKE TO LEARN WEB DESIGN:এবং ওয়েব ডিজাইন শেখার জন্য একেবারে নতুন হিসেবে 3 মাস পর্যন্ত সময় লাগতে পারে। যাইহোক, একটু বেশি সময় নিয়ে, 2 মাসে HTML এবং CSS ভালভাবে আয়ত্ত করা সম্ভব। তবে মনে রাখবেন যে ওয়েব ডিজাইন ওয়েব ডেভেলপমেন্টের সাথে ঘনিষ্ঠভাবে সম্পর্কিত। যদিও ওয়েব ডিজাইন শিখতে কম সময় লাগে, কিন্তু ওয়েব ডেভেলপমেন্ট শিখতে 2 বছর পর্যন্ত সময় লাগতে পারে।
ওয়েব ডিজাইন সম্পর্কে প্রায়শই জিজ্ঞাসিত প্রশ্নগুলি:FREQUENTLY ASKED QUESTIONS ABOUT WEB DESIGN:
1. আমি কিভাবে ওয়েব ডেভেলপমেন্ট শিখব? - How do I learn web development? : টেন মিনিট স্কুল ঘরে বসে ওয়েব ডেভেলপমেন্ট শেখার জন্য একটি সম্পূর্ণ এবং ব্যবহারিক নির্দেশিকা নিয়ে এসেছে। ওয়েব ডিজাইন শেখা এখন শুরু থেকে অগ্রসর সকলের জন্য অনেক সহজ হবে।
2. ওয়েব ডিজাইন কি? উদাহরণ: - What is web design? examples : ওয়েবসাইট ডিজাইনারদের ওয়েব ডিজাইনার বলা হয়। একটি ওয়েব ডিজাইনার একটি ওয়েবসাইট তৈরিতে ব্যবহার করে এমন সবই ওয়েব ডিজাইন। (উদাহরণ: ওয়েব ডিজাইন হল বিভিন্ন পাঁচ তারকা এবং বিলাসবহুল হোটেলের জন্য একটি ওয়েবসাইট তৈরির প্রক্রিয়া)
3. ওয়েব ডিজাইনিং কি একটি ভাল ক্যারিয়ার হতে পারে? Can Web Designing Be A Better Career?: নিয়মিত ওয়েবসাইটের চাহিদা যেমন বৃদ্ধি পায়, তেমনি দক্ষ ওয়েব ডিজাইনারদের চাহিদাও ওয়েব ডিজাইনিং ঘরে বসে নিজের ক্যারিয়ার গড়ার জন্য একটি বড় পেশা হতে পারে।
4. তিন ধরনের ওয়েবসাইট কি কি? - What are the three types of websites? :
স্ট্যাটিক ওয়েবসাইট।
সিএমএস বা ডাইনামিক ওয়েবসাইট।
ই-কমার্স ওয়েবসাইট।
সামনে ওয়েব ডেভেলপমেন্ট: FRONTEND WEB DEVELOPMENT: ফ্রন্ট-এন্ড ডেভেলপমেন্টে একটি ওয়েবসাইটের লেআউট, এর ইন্টারেক্টিভ এবং নেভিগেশনাল উপাদান যেমন বোতাম, স্ক্রোলবার, ছবি, বিভিন্ন অভ্যন্তরীণ লিঙ্ক জড়িত। ফ্রন্ট-এন্ড ডেভেলপমেন্টে বিভিন্ন ব্রাউজার এবং ডিভাইসে ওয়েবসাইট বা অ্যাপ্লিকেশনের সঠিক প্রদর্শনও নিশ্চিত করা হয়। এছাড়াও নিয়মিত ব্যবহারযোগ্যতা পরীক্ষা, সামনের প্রান্তে কোন বাগ সংশোধন ওয়েব ডেভেলপমেন্টের অংশ। এই সব করতে ওয়েব ডেভেলপারদের মনে রাখতে হবে SEO (সার্চ ইঞ্জিন অপটিমাইজেশন), সফটওয়্যার ওয়ার্কফ্লো ম্যানেজমেন্ট।
ফ্রন্টেন্ড ওয়েব ডেভেলপমেন্টে ব্যবহৃত ভাষা-LANGUAGE USED IN FRONTEND WEB DEVELOPMENT :
ফ্রন্ট -এন্ড ডেভেলপমেন্টে ব্যবহৃত প্রথম তিনটি কোডিং ভাষা হল -
এইচটিএমএল
সিএসএস
জাভাস্ক্রিপ্ট
JQuery একটি জাভাস্ক্রিপ্ট লাইব্রেরি হিসাবে ব্যাপকভাবে ব্যবহৃত হয়। একটি সম্পূর্ণ ফ্রন্ট-এন্ড সমাধান হিসাবে বুটস্ট্র্যাপ একটি জনপ্রিয় টুলকিট। এবং AngularJS, Backbone, Ember, React.JS, React Native - বিভিন্ন জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক বিভিন্ন ক্ষেত্রে ব্যবহৃত হচ্ছে।
ফটোশপ - PHOTOSHOP:
ওয়েবসাইট তৈরির জন্য আপনাকে প্রথমে যে জিনিসটি জানতে হবে তা হল ফটোশপের প্রাথমিক জ্ঞান। আপনাকে ফটোশপে আগে থেকেই বিভিন্ন টেমপ্লেট, ছবি, পোস্টার ইত্যাদি তৈরি করতে শিখতে হবে। আপনি যদি ভবিষ্যতে আপনার ওয়েবসাইটে কিছু প্রকাশ করতে চান, তাহলে প্রথমে আপনাকে ফটোশপ সম্পর্কে জ্ঞান প্রয়োজন।
HTML:
HTML এর পূর্ণরূপ হল হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ। এটি মূলত একটি মার্কআপ ল্যাঙ্গুয়েজ যা বিভিন্ন ধরনের ওয়েব পেজ তৈরিতে ব্যবহৃত হয়। এটি মৌলিক কোডিং এর ভাষা। আপনি চাইলে এই ভাষা শিখে সহজেই একটি ওয়েব পেজ তৈরি করতে পারেন।
CSS:
CSS এর পূর্ণরূপ হল Cascading style sheet। এইচটিএমএল দিয়ে আপনি সহজেই একটি ছোট্ট ওয়েব সাইট তৈরি করতে পারবেন। কিন্তু এই CSS সেই ওয়েবসাইটটিকে সুন্দরভাবে সাজানোর এবং সাজানোর কাজটি করে। এই প্রোগ্রামিং ল্যাঙ্গুয়েজটি HTML এর তুলনায় তুলনামূলকভাবে বেশি কঠিন। এই ভাষা ভালভাবে আয়ত্ত করতে কিছুটা সময় লাগবে।
জাভাস্ক্রিপ্ট (জাভাস্ক্রিপ্ট): JAVASCRIPT (JAVASCRIPT):
জাভাস্ক্রিপ্ট একটি উন্নত স্তরের প্রোগ্রামিং ভাষা। এটি মূলত একটি ভাষা যা মাল্টিমিডিয়া নিয়ন্ত্রণ, অ্যানিমেশন তৈরি এবং ওয়েবসাইটে সকল প্রকার দরকারী কাজের জন্য ব্যবহৃত হয়। একজন দক্ষ এবং পেশাদার ওয়েব ডিজাইনার হওয়ার জন্য আপনার অবশ্যই এই ক্ষেত্রে জ্ঞান এবং দক্ষতা থাকতে হবে।
এগুলি মূলত ওয়েব ডিজাইনের সমস্ত প্রয়োজনীয় দক্ষতা এবং জ্ঞান যা আপনি দক্ষ এবং পেশাদার ওয়েব ডিজাইনার হতে চাইলে অর্জন করতে হবে।
ব্যাকেন্ড ওয়েব ডেভেলপমেন্ট - BACKEND WEB DEVELOPMENT :
ব্যাক-এন্ড ওয়েব ডেভেলপমেন্টের মধ্যে রয়েছে ফ্রন্ট-এন্ড চালু রাখার জন্য প্রয়োজনীয় অবকাঠামো নির্মাণ এবং রক্ষণাবেক্ষণ। এর মূলত তিনটি অংশ রয়েছে: সার্ভার, অ্যাপ্লিকেশন, ডাটাবেস। ব্যাক-এন্ড ডেভেলপমেন্ট কোড সার্ভার অ্যাপ্লিকেশন এবং ডাটাবেসের মসৃণ যোগাযোগ নিশ্চিত করে। তারপর বিভিন্ন ডাটাবেস ম্যানেজমেন্ট টুলস ডেটা খুঁজে, এডিট এবং সেভ করে এবং ফ্রন্ট-এন্ডে পাঠায়।
ফ্রন্ট-এন্ড ডেভেলপমেন্টের মতো, ব্যাক-এন্ড ডেভেলপমেন্টেও ক্লায়েন্টদের সাথে তাদের প্রয়োজন মেটাতে কাজ করা জড়িত। ব্যাক-এন্ড ডেভেলপমেন্ট টাস্কগুলি সাধারণত ডেটাবেস তৈরি, সংহত এবং রক্ষণাবেক্ষণ, ব্যাক-এন্ড ফ্রেমওয়ার্ক ব্যবহার করে সার্ভার-সাইড সফটওয়্যার তৈরি, কন্টেন্ট ম্যানেজমেন্ট সিস্টেম তৈরি এবং বাস্তবায়ন এবং ওয়েব সার্ভার প্রযুক্তি এবং অপারেটিং সিস্টেমগুলির সাথে সঠিকভাবে কাজ করা জড়িত।
সমস্ত ওয়েবসাইট যা অনুসরণ করা প্রয়োজন - ALL THE WEBSITES THAT NEED TO BE FOLLOWED:
Test Your HTML Code
=> http://www.w3schools.com
This is called the Bible of web design learning. Because from this website you can learn everything about HTML and CSS.
= > http://getfirebug.com/
If you are using Mozilla Firefox browser then you need to use this add-on to do Inspect Element.
=> http://getbootstrap.com
This is a framework. A great framework. Which will change your web design experience. Of course you have to learn it.
=> http://fontawesome.io/
There is no pairing of this website for using any icon as font. Don't try once.
=> http://www.google.com/fonts/
From this website you can download Google Fonts for your website.
=> http://www.dafont.com/
Another great website for downloading funds.
https://www.iconfinder.com/
http://www.iconarchive.com/
These websites are quite useful for finding icons. You can find and use any icon. In a word, great.
=> https://www.sublimetext.com/
This is the best code editor.
=> http://codepen.io/
A great website. So you get a lot of code. Completely free.
=> https://css-tricks.com
When you learn to code, you will get a lot of readymade code from here. Very funny website
=> http://www.os-templates.com/free-psd-templates
=> https://www.template.net/design-templates/psd/free-psd-website-templates/
You can download free PSD files from these two websites to practice.
=> https://ctrlq.org/beautifier/
After writing the code, you can use this website to sort it well. Great website
=> https://validator.w3.org/
You can check whether your written code is valid from this website.
কোথায় কাজ করতে হবে - WHERE TO GET WORK:
আমি আগেই বলেছি, শুধু HTML এবং CSS শেখা বেশি কিছু করে না। কারণ এখন সবাই একটি গতিশীল ওয়েবসাইট তৈরি করতে চায়। তাই আপনাকে গতিশীল হতে শিখতে হবে। অন্যথায় আপনি নিখুঁত কোডিং করতে পারবেন না।কারণ এইচটিএমএল এবং সিএসএস কোডিং করার সময় আপনাকে গতিশীলতার কথা মাথায় রাখতে হবে। যদি না হয়, ডায়নামিক করতে গিয়ে অনেক ঝামেলা হয়। আশা করি বিষয়টা বুঝতে পেরেছেন। আপনি এখনও কোথায় কাজ খুঁজে পেতে পারেন তা সন্ধান করুন।
http://upwork.com
http://freelancer.com
http://themeforest.net
কাজ পেতে কি করতে হবে - WHAT TO DO TO GET A WORK:
আপনাকে আপনার ক্লায়েন্টকে আপনার আগের কাজের একটি উদাহরণ দেখাতে হবে। একে পোর্টফোলিও বলা হয়। আপনার পোর্টফোলিও যত বেশি পেশাদার, তত তাড়াতাড়ি আপনি কাজটি পাবেন। এই ক্ষেত্রে, আপনি একটি ডোমেইন বা হোস্টিং কিনতে পারেন, আপনার তৈরি করা টেমপ্লেটগুলি আপলোড করতে পারেন এবং সেগুলি লিঙ্ক সহ রাখতে পারেন। এইভাবে আপনার ক্লায়েন্ট আপনার দক্ষতা সম্পর্কে বেশ ভাল ধারণা পাবেন।
10 ওয়েব ডেভেলপমেন্ট শিখতে সেরা ইউটিউব চ্যানেল - BEST YOUTUBE CHANNELS TO LEARN WEB DEVELOPMENT :
1. DevTips
আমাদের তালিকার প্রথমটি হল DevTips। এটি 2013 সালে প্রতিষ্ঠিত হয়েছিল, এবং তখন থেকে, এটি তার চ্যানেলে 334k গ্রাহক অর্জনের একটি দীর্ঘ পথ অতিক্রম করেছে।
2. কোড-একাডেমি শিখুন - Learn Code-Academy:
ওয়েবসাইট ডেভেলপ করা শেখার ব্যাপারে আপনি কতটা সিরিয়াস? আপনি যদি একজন শিক্ষানবিশ হন, আপনি একটি ট্রিট জন্য হয়। কোড-একাডেমি শিখুন ইউটিউব চ্যানেলে একটি 24-ভিডিও প্লেলিস্ট রয়েছে যারা বিস্তারিত শুরু করে তাদের জন্য যারা শুধু শুরু করছেন।
3. গুগল ক্রোম ডেভেলপার - Google Chrome Developers :
গুগল ক্রোম আজকের সময়ের অন্যতম জনপ্রিয় ব্রাউজার। ক্রোম ডেভেলপারদের কাছ থেকে শেখার চেয়ে ভাল উপায় আর কি? তাদের চ্যানেলে সাবস্ক্রাইব করে, আপনি Chrome কে DevTools- এ নতুন কী দিয়ে অফার করতে পারেন সে সম্পর্কে আপডেট থাকতে পারেন।
4. LevelUpTuts - LevelUpTuts:
LevelUpTuts ব্যবহারকারীদের তাদের ডকুমেন্টেশন দক্ষতা উন্নত করতে এবং ওয়েব প্রকল্পে প্রশিক্ষণ প্রদানের লক্ষ্যে তৈরি করা হয়েছে। এটিতে ওয়েব ডেভেলপমেন্ট এবং ডিজাইনিং এর জন্য সবচেয়ে গভীর, সহজে অনুসরণ করা টিউটোরিয়াল রয়েছে। চ্যানেলটি উল্কা, সাস, স্টাইলাস, পলিমার 1.0, ওয়ার্ডপ্রেস, জাভাস্ক্রিপ্ট এবং স্কেচ অ্যাপ্লিকেশন ইত্যাদির মতো ডিজাইন অ্যাপ্লিকেশনগুলির বিস্তৃত বিষয়গুলি জুড়েছে।
5. নিউ বোস্টন - The New Boston:
2 মিলিয়নেরও বেশি গ্রাহক সহ, নিউ বোস্টন ওয়েব ডেভেলপমেন্টের অন্যতম জনপ্রিয় ইউটিউব চ্যানেল। বকি রবার্টস প্রাথমিকভাবে এটি একটি ইউটিউব চ্যানেল হিসাবে শুরু করেছিলেন, কিন্তু এটি এখন একটি অনলাইন কমিউনিটিতে পরিণত হয়েছে।
6. অ্যাডাম খুরি -Adam Khoury:
Adm Khoury তার ব্যবহারকারীদের জন্য এক দশকেরও বেশি সময় ধরে ভিডিও তৈরি করে আসছে। ২০০ 2008 সালে প্রতিষ্ঠিত, চ্যানেলটি আপনাকে জাভাস্ক্রিপ্ট, এসকিউএল, পিএইচপি, সিএসএস, এইচটিএমএল, অ্যাকশনস্ক্রিপ্ট এবং অন্যান্য প্রযুক্তির মতো সেরা প্রোগ্রামিং ভাষার বিস্তারিত ভিডিও সরবরাহ করার জন্য অনেক দূর এগিয়েছে। এটি শুধুমাত্র জাভাস্ক্রিপ্টে 100 টিরও বেশি ভিডিও রয়েছে।
7. কোডকোর্স - Codecourse:
আপনি যদি শুরু থেকে আপনার ওয়েবসাইট তৈরি করতে চান, তাহলে কোডকোর্স হল শুরু করার সেরা জায়গা। বিশেষ করে নতুনদের জন্য, এটি পিএইচপি এবং সিএসএস ভাষায় দক্ষতা অর্জনের জন্য শত শত ভিডিও সরবরাহ করে। তাদের বিস্তারিত ধাপে ধাপে নির্দেশিকা দিয়ে, আপনি নিজেরাই একটি ওয়েবসাইট তৈরি করতে পারেন।
8. WebDevMentors - WebDevMentors:
2014 সালে তৈরি, WebDevMentors এর মূলমন্ত্র হল বিনামূল্যে জ্ঞান ছড়িয়ে দেওয়া। চ্যানেলটি প্রধানত কয়েকটি বিশেষ শিক্ষার দিকে মনোনিবেশ করে। তারা প্রতিদিন একটি নতুন ভিডিও আপলোড করে।
9. JReam - JReam:
আরেক দশক পুরনো ইউটিউব চ্যানেল-JReam, এটি প্রতিষ্ঠা করেছে জেসি বয়েয়ার। আপনি PHY, MySQL, jQuery, Python, JavaScript, ইত্যাদি ওয়েব ডেভেলপমেন্টের বিষয়ে নিয়মিত আপডেট পাবেন। এটি ফটোশপ, ইলাস্ট্রেটর, লিনাক্স এবং আরও অনেক কিছুর মতো অ্যাপ্লিকেশন ডিজাইন করার কথা বলে।
10. বিকাশে সাহায্য করা - Helping Develop:
সর্বশেষ কিন্তু অন্তত নয়, হেল্পিং ডেভেলপ ইউটিউবে আরেকটি জনপ্রিয় চ্যানেল যার প্রায় ২k হাজার গ্রাহক রয়েছে। জোসেফ স্মিথ, চ্যানেলের পিছনের মানুষ, HTML, CSS, jQuery এবং PHP তে ভিডিও তৈরি করে। ভিডিওগুলি বিষয় অনুসারে সাজানো হয়েছে, তাই এটি খুঁজে পাওয়া বেশ সহজ।
ডোমেইন হোস্টিং সার্ভিস এই লিংকে চাপ দিন ।
ওয়েব ডিজাইন সার্ভিস এই লিংকে চাপ দিন ।
গ্রাফিক্স ডিজাইন সার্ভিস এই লিংকে চাপ দিন ।
ডোমেইন চেকার এই লিংকে চাপ দিন ।
