Coding House

CODING HOUSE এর পক্ষ থেকে এস.এস.সি, দাখিল ও সমমান পরীক্ষা ২০২০ এ GPA-5 প্রাপ্ত সহ উত্তীর্ণ সকল শিক্ষার্থীদের জন্য রইল আন্তরিক শুভেচ্ছা ও অভিনন্দন

- কেমন হয় যদি আমরা প্রতিষ্ঠানিক কোনো কোর্স না করেই নিজের প্রচেষ্টায় আর এই page এর সামান্য কিছু সাহায্য নিয়ে html, Css, jQuery, JavaScript ইত্যাদি শিখে ফেলতে পারি??
- তো আর দেরি কেনো, এখন থেকে ই আমরা শুরু করবো ধাপে ধাপে শিখা, so এখন থেকে আমরা html এবং এর resource,tag ইত্যাদি নিয়ে আলোচনা করবো।
- বিশেষ দ্রষ্টব্য: ১.এখানে সংক্ষিপ্ত ভাবে আলোচনা করা হবে, তাই এখান থেকে দেখে কিছু না বুজলে অবশ্যই কমেন্ট করবেন, আমরা বুজিয়ে দেওয়ার চেষ্টা করবো। এছাড়া অবশ্যই আপনাকে google a গিয়ে ট্যাগ গুলো সম্পর্কে বিস্তারিত দেখতে হবে।
২. এখানে বিভিন্ন ট্যাগ নিয়ে day by day আলোচনা করা হবে, আর আপনার কাজ হলো এখান থেকে দেখে practise করা এবং গুগল থেকে আরো বেশি জানার চেষ্টা করা। মনে রাখবেন আপনি যত বেশি জানতে পারবেন তত বেশি আপনার লাভ
৩. ভুলত্রুটি সবার ই হয়, তাই ভুল হলে ক্ষমার দৃষ্টিতে তে দেখবেন এবং আমাদের কে ইনফর্ম করবেন।
-So, let's start 🤞🤞
# #আজকে আমরা html ট্যাগ লিখার নীয়ম সম্পর্কে জানবো, এবং এর head tag সম্পর্কে জানবো
-html tag শুরু করতে হলে অ্যারো( ) চিহ্ন দিয়ে। এই arrow চিহ্ন এর মধ্যে ট্যাগ লিখতে হয়। যেমন:
-আবার tag শেষ করতে হলে স্ল্যাশ (/) চিহ্ন দিয়ে করতে হয়। যেমন:
- এই শুরু আর শেষ ট্যাগ আর বেতর যা লিখা হয়, আপনাকে ব্রাউজার সেটা ই show করবে।
(বি: দ্র: আপনি যেহেতু html এ কোডিং করবে তাই শুরুতে
দিয়ে শুরু করবেন। এবং সব কোড ( ) এই html tag এর ভিতর লিখতে হবে)
-চলুন এখন হেড ট্যাগ সম্পর্কে জানা যাক
Head tag হলো html এর মাথা, এর মধ্যে প্রয়োজনীয় সব কিছু লিংক করে দেওয়া হয়, এছাড়া, এর মধ্যে title tag, meta tag জুড়ে দেওয়া হয়। Css, bootstrap, JavaScript ইত্যাদির লিংক ও করে দেওয়া হয় head tag এর মধ্যে।
Example



Page Title





[Note: বিস্তারিত আরো জানতে visit করুন www.w3schools.com]

ডোমেইন ও হোস্টিং কি?

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

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

#প্রশ্ন: ওয়েব ডিজাইন ও ওয়েব ডেভেলপার এর মধ্যে পার্থক্য কি??

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

#ওয়েব_ডিজাইন
শব্দটা থেকেই বোঝা যায় যে ডিজাইনই এ কাজের মূল বিষয়। একজন স্থপতি যেমন বাড়ি নির্মাণের জন্য প্রয়োজনীয় নকশা আঁকেন, একজন ওয়েব ডিজাইনারও একটি ওয়েবসাইটের নকশা তৈরি করেন। এক্ষেত্রে ওয়েবসাইটের লেআউট, কালার, ফন্ট, স্পেসিংসহ বিভিন্ন বিষয় নির্ধারণের প্রয়োজন রয়েছে।

ওয়েবসাইট ব্যবহারকারীরা যেন ওয়েবসাইট দেখে আগ্রহী হয়ে ওঠেন, তা নিশ্চিত করার দায়িত্ব থাকে একজন ওয়েব ডিজাইনারের উপর। এজন্য তাকে মানুষের পছন্দ-অপছন্দ সম্পর্কে ধারণা রাখতে হয়। তাছাড়া যে বিষয়ের উপর ওয়েবসাইটটি তৈরি করা হচ্ছে, সে বিষয়ের সাথে সামঞ্জস্যপূর্ণ ডিজাইন তৈরি করা অত্যন্ত গুরুত্বপূর্ণ।

একজন ওয়েব ডিজাইনারকে গ্রাফিকসের সফটওয়্যার ব্যবহারে দক্ষ হতে হয়। এছাড়া বিভিন্ন ব্র্যান্ডের ইউজার এক্সপেরিয়েন্স নিয়ে ধারণা থাকা জরুরি। HTML, CSS আর JavaScript জানা থাকলে একজন ওয়েব ডিজাইনার কাজের বেলায় প্রাধান্য পান।

#ওয়েব_ডেভেলপমেন্ট
একজন সিভিল ইঞ্জিনিয়ার যেভাবে স্থপতির দেয়া নকশার ভিত্তিতে বাড়ি নির্মাণ করেন, তেমনিভাবে একজন ওয়েব ডেভেলপার ওয়েব ডিজাইনারের দেয়া ডিজাইনের ভিত্তিতে একটি ওয়েবসাইট তৈরি করেন। এক্ষেত্রে ওয়েবসাইটের বিভিন্ন ফাংশন নিয়ে তিনি কাজ করেন।

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

HTML নিয়ে কিছু প্রশ্ন আর উত্তর:
১। এইচটিএমএল কি?

--এইচটিএমএল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language. এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়, মার্কআপ ল্যাংগুয়েজ।
ওয়েব ডেভেলপার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে ভালভাবে শিখতে হবে।তবে এটা শেখা খুব সহজ।
এটা শিখলেই আপনি একটা ওয়েব পেজ তৈরী করতে পারবেন। এরপর যদি সিএসএস শেখেন তাহলে ঐ পেজটিতে আরেকটু প্রান দিতে পারবেন
তারপর জাভাস্ক্রিপ্টের পালা, জাভাস্ক্রিপ্ট শিখে এর এপ্লিকেশন করলে আপনার ঐ ওয়েব পেজটি ডাইনামিক হওয়া শূরু হল। সবশেষে পিএইচপি + ডেটাবেস শিখলে আপনি পূর্নাঙ্গ ডেটাবেস Driven ওয়েবসাইট তৈরী করতে পারবেন।


২। যে জিনিস লাগবে এইচটিএমএল শিখতে (অর্থ্যাৎ এইচটিএমএল কোড কোথায় লিখবেন)??



--নোটপ্যাড। Notepad open করে তৈরী হোন। যেহেতু নতুন তাই নোটপ্যাড দিয়েই শুরু করুন পরে অন্য কোন এডভান্সড এডিটরে সুইচ করবেন যেমন Netbeans বা Dreamweaver বা visual studio. আর যদি ড্রিমওয়েভার এ কাজের অভিজ্ঞতা থাকে তাহলে তাহলে এখনই শুরু করতে পারেন। উইন্ডোজে বাই ডিফল্ট যে নোটপ্যাড টি থাকে সেটা দিয়ে কোড করে কোন মজা বা সুবিধা কিছুই পাবেননা। তবে এরকমই একটা হালকা নোটপ্যাড আছে নাম "Notepad++" এখানে প্রচুর সুবিধা পাবেন এবং এটা প্রফেশনাল কোড লেখার জন্য নি:সন্দেহে ব্যবহার করতে পারেন।

৩।এইচটিএমএল শিখতে যে শব্দগুলি ভালভাবে জানা দরকার-

এইচটিএমএল এলিমেন্ট (Element)
এইচটিএমএল ট্যাগ (Tag)
এইচটিএমএল অ্যাট্রিবিউট (Attribute)
এ শব্দগুলি সবসময় আসবে এবং এগুলির পরিষ্কার ধারনা থাকতে হবে।

৪। HTML, XHTML এবং HTML5

HTML এর সর্বশেষ ভার্সন হচ্ছে HTML5। এইচটিএমএল ৫ এ এক্সএইচটিএমএল সকল নিয়ম অনুসরন করা হয়। কাজেই HTML 5 শিখলেই আগের ভার্সনগুলি অটোমেটিক শেখা হয়ে যাবে।

* HTML 5 মুলত HTML ই তবে এখানে নতুন নতুন অনেক ট্যাগ এবং নিয়ম যুক্ত হয়েছে

ওয়েব ডিজাইন এন্ড ডেভেলপমেন্ট এ ব্যর্থতার ৪ টি কারণ

১) কোডের জটিলতাকে ভয় করা:
ক্যারিয়ারের শুরুর দিকে সবসময়ের জটিল কোডের সম্মুখীন হওয়ার জন্য মনপ্রাণ দিয়ে আশা করবেন। ওয়েবডেভেলপিং করতে গিয়ে যতবেশি কোডের জটিলতার সম্মুখীন হবেন, ততবেশি নিজের ভিতর কনফিডেন্ট তৈরি হবে।

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

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

৩) রিয়েল লাইফ প্রজেক্ট না করা:
যত শিখবেন তার চাইতে বেশি প্রজেক্ট করার চেষ্টা করে যেতে হবে। যতবেশি প্রজেক্ট করবেন, ততবেশি কোডিংয়ের জটিলতার সম্মুখীন হবেন। আর এবিষয়টি আপনাকে ভালমানের ওয়েবডেভেলপার হিসেবে প্রস্তুত করবে।

সুতরাং কোডিংয়ের জটিলতা আছে এরকম কাজ করার চেষ্টা করুন প্রচুর পরিমানে। কাছের কারও ওয়েবসাইট ফ্রি ডেভেলপিং করে কিংবা নিজের ব্যক্তিগত ওয়েবসাইট ডেভেলপিং করেও রিয়েল লাইফ প্রজেক্টের অভিজ্ঞতা অর্জন করতে পারেন।

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

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

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

Carrier in freelancing(Part-2)
আজকে আমরা জানবো ফ্রিল্যান্সিং কে কিভাবে প্রফেশন হিসেবে নেওয়া যায়।
1. আপনি বিভিন্ন ফ্রিল্যান্সিং মার্কেটপ্লেস এ bit করে কাজ নিতে পারেন। এক্ষেত্রে fiverr, upwork, freelancing.com, PPH (people per hour), Toptal উল্লেখ যোগ্য
2. আপনি যেকোনো local বা international software কোম্পানি তে চাকরি করতে পারেন। As a developer
3. এছাড়া আপনি বিভিন্ন ফ্রিল্যান্সিং site এ প্রজেক্ট submit করে Royalty income generate করতে পারেন।
4. এছাড়া passive income এর সুযোগ তো থাকছে ই
ফ্রিল্যান্সিং এ carrier গড়ার অনেক সুযোগ আছে, কিন্তু সেক্ষেত্রে আপনাকে ফ্রিল্যান্সিং এ ভালোভাবে দক্ষ হতে হবে। ফ্রিল্যান্সিং কে আপনার passion এর জায়গা থেকে নিতে হবে। এর প্রতিটা সেক্টর সম্পর্কে জানতে হবে আপনাকে। প্রয়োজন এ google, YouTube থেকে resource গুলো খুজে বের করে আপনাকে জানতে হবে। মনে রাখবেন নিজেকে যত বেশি জ্বালাই করতে পারবেন তত উপকৃত হবেন, আর নিজের weight বাড়ি করতে পারবেন

ব্লগিং কি?

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

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

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

একটি ব্লগ কি?

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