মূল বিষয়বস্তু
কম্পিউটার প্রোগ্রামিং
এরপর কী শেখা যায়
মৌলিক এইচটিএমএল (HTML) এবং সিএসএস (CSS) শেখার জন্য অভিনন্দন! ইন্টারনেটে একটি ওয়েবসাইট কীভাবে কাজ করে সেই সম্পর্কে ভালো ধারণা পাওয়া গেছে। এখন পরিচিত ওয়েবসাইটগুলো দেখে সহজেই এতে ব্যবহৃত HTML ট্যাগ এবং CSS বৈশিষ্ট্যগুলি অনুধাবন করা সম্ভব।
HTML এবং CSS সম্পর্কে জানার জন্য আরও অনেক কিছু শেখার আছে। দেখা যাক!
আরও এইচটিএমএল ট্যাগ (HTML tag)
- Form tags: There are quite a few tags that are used to create web forms, like
<button>s and<input>s. They are typically used to communicate data back to a server, something which we don't enable on Khan Academy. They can also be used with JS to create a game, which we do teach in the HTML/JS course. Learn more about form tags with these slides. Learn server-side languages like PHP, Python, Ruby on Codecademy. - Iframes: The
<iframe>tag is a way to frame another webpage inside yours, and is handy for things like embedding Youtube videos, Google Maps, etc. That tag is disabled on Khan Academy currently for security and moderation purposes, but can be experimented with elsewhere. Learn more with these slides. - Multimedia tags: The
<audio>and<video>tags are supported in modern browsers as a way to play audio and video files on webpages. Like the<iframe>tag, they are currently disabled on Khan Academy, but can be used elsewhere. Learn more with these slides. - New semantic tags: In the past few years, as part of the "HTML5" specification, browsers have added new semantic tags for developers to use instead of
<div>s, when appropriate, such as<article>,<aside>,<nav>, etc. There are many articles about them here, including this handy flowchart for deciding when to use them.
আরও সিএসএস (CSS) নির্বাচক এবং বৈশিষ্ট্য
খান একাডেমিতে নিচের সবগুলো ব্যবহার করা যায়:
- CSS3: We covered CSS that's been supported in browsers for years, but there are many new CSS properties and selectors in what's known as the "CSS3" specifications, and browsers are adding support continuously as they release new versions. You can learn more in these CSS3 selectors slides, and CSS3 properties slides. Make sure to check caniuse.com to find out what's supported in each browser.
- Media queries: This is a technique that lets you specify different CSS for different situations, like when your webpage is viewed at a smaller size or when it's printed. Learn more from W3C.
- CSS frameworks: A framework is a collection of CSS rules and classes, and many developers use CSS frameworks to enable them to write CSS faster. The most popular one is Twitter Bootstrap, but there's also ZURB foundation, Pure CSS, Topcoat, and more.
ওয়েবপেজে জাভাস্ক্রিপ্টের ব্যবহার
ওয়েব নির্মাতারা জাভাস্ক্রিপ্ট ব্যবহার করে ওয়েবসাইটকে সক্রিয় করে তোলেন, যাতে ওয়েবসাইট ব্যবহারকারীর ক্রিয়ায় প্রতিক্রিয়া দিতে পারে এবং সার্ভার থেকে ডাটা তথা উপাত্ত আহরণ করতে পারে। তারা এটা HTML এর মধ্যে
<script> ট্যাগ ব্যবহার করে কর এবং জাভাস্ক্রিপ্টের কোড এই ট্যাগের মধ্যেই লেখেন। তাদের জাভাস্ক্রিপ্টের কোড "DOM API" ব্যবহার করে, এটা হল এক সেট ফাংশন যা নির্মাতাদের কুয়েরি এবং ওয়েবসাইটে পরিবর্তন করতে সহায়তা করে।অর্থাৎ নিজে সক্রিয় ওয়েবসাইট তৈরি করতে চাইলে, মৌলিক জাভাস্ক্রিপ্ট (যা খান একাডেমিতে শেখা যায়) শিখতে হবে, সাথে আরও শিখতে হবে DOM এপিআই (যা এইকোর্সে শেখা যায়)।
খান একাডেমির বাহিরে ওয়েবসাইট তৈরি করা
We love to see you making cool webpages here and sharing what you're learning with the community, but we also think its a great thing to experience other code editing environments and get to experiment with functionality that we don't have enabled. If you want to continue coding inside the browser (especially if you're on a ChromeBook), you can try JSBin.com, JSFiddle.net, Cloud9 IDE, or Mozilla Thimble.
ব্রাউজারের বাহিরে কোড করতে চাইলে, যে কোন সফটওয়্যার (IDE) ডাউনলোড করে ফাইলগুলোকে ".html" হিসেবে সংরক্ষণ করা যায়। জনপ্রিয় সফটওয়্যার (IDE) হল Notepad++ (Windows only), SublimeText, Adobe Brackets, Coda এবং TextWrangler।
সার্ভারে ওয়েবপেজ হোস্টিং করা
খান একাডেমিতে তৈরি করা ওয়েবপেজগুলো আমরা নিজেদের সার্ভারে হোস্ট করি, কিন্তু পেজ নিজেই হোস্ট করা যায়।
প্রথমে, ওয়েবসাইট হোস্ট করে এমন কোম্পানি খুঁজে বের করতে হবে। অনেক হোস্টিং কোম্পানি রয়েছে, যাদের বৈশিষ্ট্য ও মূল্যে পার্থক্য রয়েছে।
তারপর একটি ডোমেইন (domain) নাম তৈরি করতে হবে, যেমন "mycoolname.com", নিজের ইচ্ছামত নামকরণ করা যায়। অনেক সময় হোস্টিং কোম্পানি ডোমেইন সার্ভিস দেয়, কিন্তু অনেক ক্ষেত্রে, ডোমেইনর জন্য অন্য কোম্পানির সাহায্য লাগতে পারে। আরও জানতে এই স্লাইডগুলো দেখা উচিৎ।
হোস্টিং কেনা হয়ে গেলে, FTP (এফটিপি) ক্লায়েন্ট যেমন FileZilla ব্যবহার করে সার্ভারে নিজেস্ব ওয়েবসাইটের ফাইল স্থানান্তর করা যায়। এই প্রোগ্রামটি সার্ভারে সরাসরি সংযুক্ত হয় এবং ব্রাউজ, ডাউনলোড ও আপলোড করতে সহায়তা করে। এটা দিয়ে সার্ভারের SSH এ ঢুকে সরাসরি ঐ কম্পিউটারে ফাইল সম্পাদনা করা যায়।
শিখতে থাকি
HTML and CSS are constantly changing, because browsers release improvements so often and the web development community is an active one. One of our favorite ways to keep up-to-date is to subscribe to Frontend Focus, a newsletter with links to articles and demos. Of course, whenever you learn something new, you should try it out to really understand how it works.
অনুশীলন, অনুশীলন, অনুশীলন!
আলোচনায় অংশ নিতে চাও?
কোন আলাপচারিতা নেই।