ওয়েব ডেভেলপমেন্ট একটি উপস্থাপনা

পিছনে আমার দিন (ঠিক আছে, আমার দিন আগে), ওয়েব ডেভেলপার এর পেশা কম ছিল. এটা পেশাদার সম্মানের স্কেলে কুকুরছানা বিদ্বেষী পুরূষ নীচের কিন্তু Yankees পাখা উপরে স্থান. আমরা ব্যবহৃত সব ট্যাগ এবং স্বচ্ছতা spacer ইমেজ কারণ, আমরা নন্দনতত্ব কোন জ্ঞানে অশোধিত হ্যাকার হিসাবে দেখা হয়েছে.

ভাল, আমরা এখনও নান্দনিক অর্থে উদাসীন হতে পারে, কিন্তু ওয়েব করেছে যাতে ওয়েব ডেভেলপার এর পেশা আছে. এই দিন আমরা ভালো করে লেখা করতে ব্যবহার করতে পারেন অগণিত সরঞ্জাম আছে, স্ট্যান্ডার্ড-অনুগ, এবং সুন্দর (ঠিক আছে, হয়তো না যে গত এক) ওয়েব পৃষ্ঠা. আপনি আজকের ব্যবহার মহান ওয়েবসাইটের অধিকাংশ (লজ্জাহীন প্লাগ: এই এক সহ) এই সরঞ্জামগুলি ব্যবহার করে নির্মিত হয়.

ব্রাউজারের প্রান্তে সরঞ্জামের আমাদের দল আমাদের কল্পনাতীত ছিল যে ওয়েবে জিনিস তৈরি করার অনুমতি দেওয়া হয়েছে মাত্র 10 বছর আগে, যেমন অগণিত সামাজিক নেটওয়ার্কের আপনার সময় নষ্ট করার সবচেয়ে ভালো উপায় হতে দাবি, “গরম” ইতিমধ্যে হাজার হাজার গুণ সম্পন্ন হয়েছে এর কিছু যে বৈপ্লবিক আছে বলে দাবি কারিগরি স্টার্টআপসের, এবং ক্রুদ্ধ ক্লোনস মূল তুলনায় শুধুমাত্র সামান্য খারাপ হতে দাবি. ওয়েবে সব. তাই হয়তো এই সরঞ্জামগুলি ব্যবহার সম্পর্কে সর্বশ্রেষ্ঠ কুটনীতিকরা করেননি.

তাই আমি যে বিষয়ে কথা বলছি করছি এই আশ্চর্যজনক সরঞ্জাম কি? উপায় লিডিং হয়েছে (অকপটে আশ্চর্যজনক) HTML5 এর নামে ভাষায়, CSS 3, এবং জাভাস্ক্রিপ্ট, যা আমি ডাকনাম 3 webocalypse হাজার অশ্বারোহী. এখানে প্রতিটি কটাক্ষপাত:

এইচটিএমএল

এইচটিএমএল (সঠিকভাবে হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ হিসেবে পরিচিত; খারাপ দেখতে চাই না যারা শুধু আদ্যক্ষরা ব্যবহার কেন আপনি দেখতে পারেন) হয় ভাষা ওয়েব পেজ খুঁজে রাখা ব্যবহৃত. এই পৃষ্ঠার ডান ক্লিক করুন এবং ক্লিক করুন “উত্স”. যে এই পাতা ব্যবহার করে যে এইচটিএমএল এর.

মূলত, এইচটিএমএল একটি গুচ্ছ হয় ট্যাগ, যা ব্রাউজারের ব্যাখ্যা এবং খুঁজে টিম সীমানা. উদাহরণস্বরূপ, এই HTML কোড তাকান:

<পি>আমি আপনার সম্পর্কে জানি না, কিন্তু আমি টিপে বোতাম চান.</পি>

<বিআর>

<বোতাম>আমার জন্য ক্লিক করুন!</বোতাম>

এই এইচটিএমএল কোড একটি অনুচ্ছেদে লেখা আবৃত হয়েছে (দী <পি> ট্যাগ একটি অনুচ্ছেদ শুরু হয়, দী </পি> ট্যাগ একটি অনুচ্ছেদ শেষ হয়.) একটি লাইন বিরতি নেই (দী <বিআর>) এবং তারপর একটি বাটন আপনি আপনার প্রাণভরে করতে ক্লিক করতে পারেন. আপনার ব্রাউজার আপনার জন্য পর্দা থেকে তা খুঁজে রাখা হবে.

সুতরাং যে সব ভাল এবং ভাল. তবে আপনি যদি এইচটিএমএল কিন্তু কিছুই আছে, you get a webpage that looks like it came straight out of the 1990’s. নেই অনেক ভাল যাইহোক যে দশকের এসেছেন (চুলের, সঙ্গীত, ইত্যাদি) তবে অপেক্ষা করুন! আরো আছে!

সিএসএস

আরেকটি আদ্যক্ষরা. গ্রীষ্ম. সিএসএস ঘোরা ক্যাসকেডিং স্টাইল শীট, যা তারা সত্যিই একটি অসার্থক একটি বিট নির্ঝর না হয় (যাই হোক না কেন যে মানে… এটি কম্পিউটার কোড এর, না একটি জলপ্রপাত!) সিএসএস হয় ভাষা শৈলী ওয়েব পেজ করতে ব্যবহৃত. এই, অত্যধিক, আপনার ব্রাউজার দ্বারা ব্যাখ্যা করা হয়.

একসঙ্গে CSS এবং HTML এর কাজ – এইচটিএমএল পৃষ্ঠার লেআউট তোলে, সিএসএস এটা তার বিচারবুদ্ধি দেয়. একটি ঘর নির্মাণের কল্পনা: এইচটিএমএল বেশ্যা কিন্তু প্রয়োজনীয় কাঠের কাঠামো প্রদান করে, সিএসএস নিঅন্গ্যাস্ রং এবং quirky আসবাবপত্র যোগ করে.

সিএসএস খুবই সহজবোধ্য ভাষা: একটি নির্দিষ্ট এইচটিএমএল ট্যাগ জন্য (একটি অনুচ্ছেদ মত), আপনি বিভিন্ন শৈলী শ্রেণীর জন্য মান নির্দিষ্ট করতে পারেন. আপনার ব্রাউজার সিএসএস পড়া এবং সব মিলে HTML ট্যাগ এটি প্রযোজ্য হবে. উদাহরণস্বরূপ:

পি {

রঙ: লাল;

ফন্টের আকার: 16px;

}

তাই প্রত্যেক অনুচ্ছেদের (HTML এ স্টাফ <পি> ট্যাগ) থাকবে লাল ফন্ট এবং হতে 16 মাপ পিক্সেল. আপনি খেয়াল করলে, এই আপনি মাইক্রোসফট ওয়ার্ড ব্যবহার করতে পারেন একই শৈলীর কিছু এবং অন্যান্য অ্যাপ্লিকেশন.

তাই এখন আপনার ওয়েব পেজ হয় পরিপূর্ণ এবং তারা চমত্কার চেহারা. কিন্তু এখানে ব্যাপার: যে তারা সব. তারা শুধু সেখানে বসতে এবং চমত্কার চেহারা. মহান এবং সব কোনটি, কিন্তু ওয়েব ব্যবহারকারীদের আরো চাই. তারা অভিনব অ্যানিমেশন চাই. তারা পপ আপ চাই (ঠিক আছে, হয়তো তারা ফিরে করেনি 2002, কিন্তু আমি মূল গতিপথ থেকে সরে.) তারা আপনাকে তাদের উপর ক্লিক করা হলে স্টাফ করবেন যে বাটন চাই.

যে গত এক সম্পর্কে – যে কোনো সমস্যা আছে. আপনি একটি করতে পারেন <বোতাম> HTML এ, এবং আপনি সমস্ত সপ্তাহে এটি ক্লিক করতে পারেন, কিন্তু এটি শীঘ্রই কোনো সময় কিছু করছেন না. আপনি বাটন চাই, ওহ আমি জানি না, পর্দা জুড়ে আপনার হাতি এবং সরানো কিছু আক্রমণ, তারপর আপনি কিছু আরো প্রয়োজন.

জাভাস্ক্রিপ্ট

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

কোনো প্রোগ্রামিং ভাষা লেগেছে, জাভাস্ক্রিপ্ট হল ভেরিয়েবল এবং ব্যবহারের ফাংশন যে কমান্ড একটি সিরিজ. জাভাস্ক্রিপ্ট সম্পর্কে শীতল অংশ (ভাল, একটি প্রোগ্রামিং ভাষা হতে পারেন হিসাবে হিসাবে শীতল) আপনি ঐ এইচটিএমএল উপাদান অ্যাক্সেস করতে পারেন (অনুচ্ছেদ এবং বোতাম মত) এবং সিএসএস শৈলী (ফন্ট রঙ এবং আকার মত) এবং তাদের পরিবর্তন. এই কোড তাকান:

var অনুচ্ছেদ = $('পি');

paragraph.css('রঙ','নীল');

এই জাভাস্ক্রিপ্ট কোড পেজে সব অনুচ্ছেদ পাবেন – দী $ সাইন সব মিলে উপাদান খুঁজে ব্রাউজার বলে, এবং 'পি’ এটি অনুচ্ছেদ নির্বাচন করার প্রয়োজন মানে (মনে রাখা <পি> এইচটিএমএল থেকে উপাদান?) এর পরে আপনি একটি পরিবর্তনশীল করতে অনুচ্ছেদ সংরক্ষণ করতে পারেন, এবং কমান্ড ব্রাউজারে তাদের রঙ CSS স্টাইল পরিবর্তন করতে নীল.

আমি আকর্ষণীয় খুঁজে কি (আবার, এই সমস্ত একটি দৃষ্টিকোণ থেকে হয় “WebDev”) তিনটি ভাষায় একসঙ্গে কাজ কিভাবে elegantly হয়. জাভাস্ক্রিপ্ট এর যে শেষ লাইন পৃষ্ঠার এইচটিএমএল সাথে মিথস্ক্রিয়া এবং CSS এটা শৈলী ব্যবহার. এই ভাষার একই জিনিস শুধু বিভিন্ন উপাদান ভালো না – তারা এক এবং একই করছি, একই আশ্চর্যজনক মেশিনের বিভিন্ন পক্ষের.

চটুল সাউন্ড? আমি এটা আছে মনে. যে ওয়েব সৌন্দর্য শুধু অংশ.