Home-theater-designers
ওয়েব ডেভেলপমেন্ট অধ্যয়ন করার সময় শেখার প্রথম জিনিস হল কিভাবে এইচটিএমএল দিয়ে কোড করা যায়। আরো গুরুত্বপূর্ণ, সব আধুনিক প্রযুক্তি ব্যবহার করে HTML5 এ কোড করতে পারা।
আপনি একটি ওয়েবসাইটে যা দেখছেন তা HTML এবং CSS (কিছু জাভাস্ক্রিপ্টের মধ্যে ছিটানো) দিয়ে নির্মিত। অনেক কিছু শেখার আছে, তাই শুরু করার জন্য সেরা সম্পদ কি?
কিছু অসাধারণ ওয়েবসাইট আছে যেগুলো ভালোভাবে ডিজাইন করা এইচটিএমএল কোডিংয়ের উদাহরণ এবং টিউটোরিয়াল দেয় যা আপনাকে কোড করার সবচেয়ে কার্যকর উপায় দেখাতে পারে।
এখানে আটটি সাইট রয়েছে যা ভালো HTML কোডের উদাহরণ দেয় এবং আপনাকে HTML বিশেষজ্ঞ হতে সাহায্য করে।
ঘ। HTML কুকুর
এইচটিএমএল কুকুরের কাছে টিউটোরিয়াল, কৌশল, রেফারেন্স এবং এইচটিএমএল কোডের উদাহরণ রয়েছে। তারা CSS এবং জাভাস্ক্রিপ্টও অফার করে, যা আপনি যদি ওয়েব ডেভেলপার হন তবে এটি একটি অতিরিক্ত বোনাস। HTML কুকুর HTML5 ব্যবহার করে তাই আপনি আপ টু ডেট তথ্য পাচ্ছেন।
তাদের এইচটিএমএল উদাহরণ প্রত্যেকটির জন্য বিক্ষোভ সহ সব ধরণের সিনট্যাক্সকে কভার করে।
যে কোন এলিমেন্টে ক্লিক করলে একটি ইন্টারেক্টিভ কোডিং পেজ খুলবে। এইচটিএমএল ডগ কোড বাক্সে উদাহরণ প্রদান করে যা আপনি আপনার নিজের এইচটিএমএল কোডে কপি এবং পেস্ট করতে পারেন। এটা শেখার এবং কাজ একত্রিত করার একটি ভাল উপায়।
আপনি ডানদিকে ফলকে নমুনা কোডের লাইভ HTML আউটপুট দেখতে পারেন। সব ধরণের কোড নিয়ে খেলা করার জন্য এটি একটি ঝরঝরে স্যান্ডবক্স।
2। W3 স্কুল
W3Schools ব্যাপকভাবে ওয়েব ডেভেলপারদের জন্য একটি শীর্ষ সম্পদ হিসাবে বিবেচিত, কোডিং উদাহরণের গর্ব করে, পিএইচপি থেকে জাভাস্ক্রিপ্ট পর্যন্ত ( জাভাস্ক্রিপ্ট কি? ) আপনি মৌলিক HTML কোডিং উদাহরণ সহ একটি বিভাগও পাবেন।
এইচটিএমএল ডগের মত, তারা কোডিং করার চেষ্টা করার জন্য একটি স্প্লিট স্ক্রিন টুল সংযোজন করেছে। আপনি প্রতিটি পাঠে শেখা এইচটিএমএল পরীক্ষা করতে পারেন এবং কোডের বিভিন্ন অংশ নিয়ে পরীক্ষা করতে পারেন। আপনার HTML কোড করুন, ক্লিক করুন দৌড়, এবং আপনি দেখতে পাবেন কিভাবে একটি বাস্তব HTML পৃষ্ঠায় কোড দেখতে হবে।
3। মোজিলা এমডিএন
মোজিলা ডেভেলপার নেটওয়ার্কের (MDN) ওয়েব ডেভেলপারদের জন্য ডকুমেন্টেশন আছে। চেষ্টা করার জন্য HTML টিউটোরিয়াল এবং কোড উদাহরণের একটি বিস্তৃত তালিকা রয়েছে। বেশিরভাগ উদাহরণ তাদের টিউটোরিয়ালে তৈরি করা হয়েছে, তাই তাদের পথ ধরে কাজ করা আপনাকে শেখার অনেক সুযোগ দেবে।
MDN তার ডেভেলপারদের জন্য অত্যন্ত সম্মানিত। তারা ওয়েব ডেভেলপমেন্টকে বিস্তৃতভাবে কভার করে, যা আপনার সুবিধার জন্য কাজ করে কারণ তাদের বিভাগগুলি একে অপরের সাথে সংযুক্ত থাকে। আপনি ভাল আচরণ শিখবেন যাতে আপনি যখন CSS বা জাভাস্ক্রিপ্ট কোডিং শুরু করেন তখন সবকিছু সহজে চলে।
বিস্তারিত প্রথমে একটু ভয়ঙ্কর হতে পারে। বিভাগগুলি খুব পুঙ্খানুপুঙ্খ, তবে আপনি এটির ঝুলি পাবেন! আপনি আরও উন্নত হওয়ার সাথে সাথে এটি রাখার জন্য এটি একটি দুর্দান্ত সম্পদ, আপনি কখনই টিউটোরিয়ালগুলি বাড়াবেন না।
চার। ফ্রি কোডক্যাম্প
ফ্রি কোডক্যাম্প তার অনলাইন কোর্স এবং কোডারদের প্রশিক্ষণ গাইডের জন্য পরিচিত। তাদের এইচটিএমএল উদাহরণগুলির একটি দুর্দান্ত বিভাগ রয়েছে। চিত্রিত টিউটোরিয়ালটি শিরোনামের উপাদান থেকে শুরু করে কোডের উদাহরণগুলি যেমন শিরোনামের মার্কআপের মতো উন্নত ধারণাগুলিতে অন্তর্ভুক্ত করে।
প্রতিটি বিভাগে এইচটিএমএল এর উদাহরণ আছে যাতে আপনি উপাদানটি কার্যকরী দেখতে পারেন। আপনি কোড শিখতে ফিরে আসার জন্য এটি একটি দুর্দান্ত সম্পদ।
5। কোডকেডেমি
প্রোগ্রামিং শেখার জন্য সবচেয়ে বিখ্যাত ওয়েবসাইটগুলির মধ্যে একটি হল কোডকেডেমি। যখন এইচটিএমএল শেখার কথা আসে, কোডকেডেমি এইচটিএমএল প্রশিক্ষণ কোর্স নিয়ে হতাশ হয় না।
পেপাল আমাকে টাকা পাঠাতে দেবে না
কোর্সটি প্রায় নয় ঘন্টার বিষয়বস্তু এবং বেশিরভাগ ভাষা জুড়ে। চারটি বিভাগ গভীরভাবে আচ্ছাদিত: উপাদান, টেবিল, ফর্ম এবং শব্দার্থিক HTML।
কোর্সের কাজের ক্ষেত্রটি বেশ উন্নত এবং আপনাকে স্যান্ডবক্সে ঘুরে বেড়ানোর নমনীয়তা দেয়। আপনি একটি পূর্ণ ব্রাউজার উইন্ডোতে আপনার ওয়েবসাইটটি দেখতে কেমন তা দেখতে এটি পূর্ণ পর্দায় স্যুইচ করতে পারেন।
এই কোর্স সম্পর্কে চমৎকার বিষয় হল যে এটি সম্পর্কে শেখার অন্তর্ভুক্ত CSS ব্যবহার করে আপনার পেজ ফরম্যাট করুন। এটি সহায়ক কারণ এইচটিএমএল এবং সিএসএস ওয়েব অ্যাপস তৈরির জন্য একসাথে কাজ করে।
6। HTML.com
এইচটিএমএল ডটকম হল এমন সব ওয়েবসাইট যা এইচটিএমএল -এর জন্য নিবেদিত। সাইটটি খুললে আপনি দেখতে পাবেন গ্রাউন্ড জিরো থেকে ভাষা শেখার জন্য একজন শিক্ষানবিশ গাইড। সিনট্যাক্সে ডুব দেওয়ার আগে এটি পড়ার মূল্য।
একবার আপনি HTML.com শিখতে প্রস্তুত হলে বিভিন্ন বিষয়ের জন্য অনেক টিউটোরিয়াল আছে। এইচটিএমএল ডকুমেন্ট স্ট্রাকচারের মত টিউটোরিয়াল, এইচটিএমএল -এ লিঙ্ক ব্যবহার করা এবং ইমেজ নিয়ে কাজ করা। তাদের টিউটোরিয়ালগুলি আপনাকে তীক্ষ্ণ রাখার জন্য প্রচুর কোড উদাহরণ সহ ভাল পড়া হয়। আপনি যদি এইচটিএমএল উপাদানগুলির একটি বর্ণমালার তালিকাও পেতে পারেন যদি আপনি এর সম্পর্কে আরও জানতে একটি বেছে নিতে চান।
7। বিট ডিগ্রি
BitDegree ইন্টারেক্টিভ কোড লার্নিং এর উপর দৃষ্টি নিবদ্ধ করে তাই এটি একটি HTML গাইড হিসাবে খুবই মূল্যবান। আপনি প্রতিটি HTML উপাদান গাইড পড়তে পারেন। প্রতিটি গাইড ব্যাখ্যা করে যে উপাদানটি কী করে এবং এটি ব্যবহার করে আপনাকে কোডের একটি অংশ দেখায়।
চেষ্টা করার জন্য কোডের প্রতিটি অংশ তাদের স্যান্ডবক্সে খোলা যেতে পারে। এটি HTML উপাদানের জন্য একটি অভিধান! আপনি এখানে যা করেন তার জন্য দ্রুত রেফারেন্স দিয়ে পরীক্ষা করে প্রচুর সময় ব্যয় করতে পারেন।
8। টিউটোরিয়াল পয়েন্ট
টিউটোরিয়াল পয়েন্ট হল একটি নো-ফ্রিলস এইচটিএমএল রিসোর্স। কোডিং উদাহরণের জন্য HTML উপাদানগুলিকে নেভিগেট করা এবং চিহ্নিত করা সহজ। এই উদাহরণগুলির বাকি অংশের মতো, এটি একটি ভাল পছন্দ বুকমার্ক করা এবং হাতে থাকা অবস্থায় যখন আপনি কোড লিখছেন।
আরো HTML কোডের উদাহরণ এবং সম্পদ
আপনার নিজের ওয়েবসাইট কোডিং এবং বিশ্বের কাছে আপনার মাস্টারপিস প্রকাশ করার জন্য কিছু সময় ব্যয় করার মতো আনন্দদায়ক আর কিছুই নেই। আপনি যদি এইচটিএমএল অধ্যয়ন করেন তবে আপনি ওয়েব ডেভেলপারদের তালিকায় যোগ দেওয়ার পথে যাঁরা তাদের নিজস্ব অ্যাপ তৈরি করেছেন। এইচটিএমএল কোডিং উদাহরণের এই 8 টি উৎস আপনার প্রয়োজনের সময় সংরক্ষণ করার জন্য চমৎকার।
আপনি যদি এইচটিএমএল -এ আরও ডুব দিতে চান তাহলে চেক আউট করুন 17 টি সহজ এইচটিএমএল কোড টুকরা আপনি কয়েক মিনিটের মধ্যে শিখতে পারেন । এইচটিএমএল এর মূল বিষয়গুলি শেখা ওয়েব অ্যাপস লেখা শুরু করার জন্য একটি দুর্দান্ত জায়গা। একবার আপনি ভাষার সাথে যথেষ্ট পরিমাণে পৌঁছে গেলে এটি কিছু আশ্চর্যজনক কাজ করতে পারে।
আমাদের গাইড দেখুন এইচটিএমএল কোডের মূল বিষয়গুলি বোঝা , এই উদাহরণ অনেক সঙ্গে হাতে হাতে যায়।
শেয়ার করুন শেয়ার করুন টুইট ইমেইল অ্যানিমেটিং স্পিচ এর একটি শিক্ষানবিশ গাইডঅ্যানিমেশন বক্তৃতা একটি চ্যালেঞ্জ হতে পারে। আপনি যদি আপনার প্রকল্পে সংলাপ যুক্ত করতে প্রস্তুত হন, তাহলে আমরা আপনার জন্য প্রক্রিয়াটি ভেঙে দেব।
পরবর্তী পড়ুন সম্পর্কিত বিষয়- ইন্টারনেট
- প্রোগ্রামিং
- এইচটিএমএল
- ওয়েব ডেভেলপমেন্ট
- ওয়েবমাস্টার টুলস
- সিএসএস
অ্যান্থনি গ্রান্ট একজন ফ্রিল্যান্স লেখক যা প্রোগ্রামিং এবং সফটওয়্যারকে কভার করে। প্রোগ্রামিং, এক্সেল, সফটওয়্যার এবং প্রযুক্তিতে তিনি একজন কম্পিউটার সায়েন্স প্রধান।
অ্যান্থনি গ্রান্ট থেকে আরোআমাদের নিউজলেটার সদস্যতা
প্রযুক্তি টিপস, রিভিউ, ফ্রি ইবুক এবং এক্সক্লুসিভ ডিলের জন্য আমাদের নিউজলেটারে যোগ দিন!
সাবস্ক্রাইব করতে এখানে ক্লিক করুন