مقدمه ای بر توسعه وب

در روز من (خوب, قبل از روز من), حرفه ای وب کم. این زیر توله سگ hater اما بالاتر از فن یانکی ها در مقیاس افتخار حرفه ای رتبه بندی. از آنجا که از همه برچسب ها و شفافیت تصاویر فضا، ما با استفاده از, ما به عنوان هکرها خام با هیچ حس زیبایی شناسی دیده می شود شدند.

خوب, ما هنوز هم ممکن است فاقد توان در حس زیبایی, اما به عنوان وب حرفه ای از توسعه دهنده وب. این روزها ابزار های بی شماری وجود دارد می توانید استفاده کنید تا به خوبی نوشته شده, استانداردها انطباق, و زیبا (خوب, شاید که یکی از آخرین) صفحات وب. بسیاری از وب سایت های بزرگ به شما استفاده از امروز، (پلاگین بی شرمانه: از جمله این یکی) ساخته شده با استفاده از این ابزار.

دسته ما از ابزار در پایان مرورگر اجازه داده اند به ما برای ایجاد همه چیز در وب است که غیر قابل تصور بود فقط 10 سال پیش, مانند شبکه های اجتماعی بی شماری ادعا می شود بهترین راه برای وقت خود را تلف, “داغ” راه اندازی تکنولوژی ادعا چیزی است که در حال حاضر انجام شده است هزار بار به انقلابی در, و کلون پرندگان عصبانی ادعا می شود فقط کمی بدتر از اصلی. همه در وب. شاید این ابزار به بزرگترین استفاده نرفته.

بنابراین این ابزار شگفت انگیز من صحبت کردن در مورد چه چیزی می باشد? پیشروان راه بوده است (رک و پوست کنده شگفت انگیز) زبان به نام HTML5, CSS3, و جاوا اسکریپت, که من نام مستعار 3 سواران از webocalypse. در اینجا نگاهی به هر یک از:

HTML

HTML (به درستی به عنوان زبان نشانه گذاری ابرمتن شناخته شده; شما می توانید ببینید که چرا افرادی که نمی خواهند به نگاه بد فقط استفاده از مخفف) است زبان مورد استفاده برای پخش کردن صفحات وب. راست کلیک بر روی این صفحه کلیک کنید و “مشاهده منبع”. که HTML که در این صفحه با استفاده از این.

اساسا, HTML یک دسته از است برچسب ها, که در آن مرورگر تفسیر و میسازد از. مثلا, در این کد HTML نگاه:

<P>من در مورد شما نمی دانم, اما من دوست دارم دکمه فشار دادن.</P>

<برزیلی>

<دکمه>من کلیک کنید!</دکمه>

این کد HTML تا به متن پیچیده شده در یک پاراگراف (the <P> برچسب شروع پاراگراف, the </P> برچسب پاراگراف به پایان می رسد.) یک خط وجود دارد (the <برزیلی>) و سپس یک دکمه شما می توانید به محتوا قلب خود را کلیک کنید. مرورگر شما آن را برای شما وضع می کند بر روی صفحه نمایش.

به طوری که همه به خوبی و خوب. اما اگر شما چیزی جز HTML, you get a webpage that looks like it came straight out of the 1990’s. نه چندان خوب به هر حال از آن دهه آمد (مدل مو, موسیقی, غیره) اما صبر کنید! تر وجود دارد!

CSS

مخفف دیگر. تابستان. CSS مخفف شیوه نامه های آبشاری, که یک بیت از یک اسم بی مسمی از آنجایی که آنها واقعا آبشار (هر چه که معنی… آن را به کد های کامپیوتری است, یک آبشار!) CSS است زبان مورد استفاده برای صفحات وب سبک. این, هم, توسط مرورگر شما تفسیر.

CSS و HTML با هم کار کنند – HTML باعث می شود طرح بندی صفحه, CSS آن را می دهد استعداد خود را. تصور کنید که ساختن خانه: HTML چارچوب های چوبی یکنواخت و خسته کننده اما ضروری را فراهم می کند, CSS اضافه می کند رنگ نئون و مبلمان دمدمی.

CSS یک زبان بسیار ساده است: برای یک تگ HTML خاص (مانند یک پاراگراف), شما می توانید مقادیر کلاس به سبک های مختلف مشخص. مرورگر شما CSS به عنوان خوانده شده و درخواست آن را به تمام برچسب ها تطبیق HTML. مثلا:

P {

رنگ: قرمز;

اندازه فونت: 16PX;

}

پس هر بند (مسائل در HTML <P> برچسب ها) خواهد شد که قرمز فونت و است 16 پیکسل در اندازه. اگر شما متوجه شده, بعضی از این سبک همان شما می توانید در Microsoft Word استفاده کنید و برنامه های کاربردی دیگر.

بنابراین در حال حاضر صفحات وب خود را گذاشته و آنها را نگاه زیبا. اما در اینجا چیزی نیست: که همه آنها انجام می دهند. آنها فقط نشستن وجود دارد و نگاه زیبا. که فوق العاده است و تمام است, اما کاربران از وب می خواهید بیشتر. آنها می خواهند انیمیشن فانتزی. آنها می خواهند پاپ آپ (خوب, شاید آنها پشت در بود 2002, اما من پرت شدن.) آنها می خواهند دکمه خواهد شد که چیزهای بکنید هنگامی که شما بر روی آنها کلیک کنید.

درباره قسمت آخر – که مسئله نیست. شما می توانید یک را <دکمه> در HTML, و شما می توانید آن کلیک کنید تمام هفته, اما آن را هر چیزی را انجام می دهند هر زمان به زودی. اگر می خواهید دکمه به, آه من نمی دانم, حرکت فیل خود را در سراسر صفحه نمایش و چیزی حمله, then you need something more.

جاوا اسکریپت

جاوا اسکریپت است نه مخفف, اگر شما تعجب. آنها آن را جاوا اسکریپت به نام چرا که آن را مانند زبان برنامه نویسی به نام های جاوا نگاه, which is strange cause it doesn’t. در هر صورت, جاوا اسکریپت است a proper programming language that causes all the dynamic effects you see on the web.

Like any programming language, جاوا اسکریپت است a series of commands that make variables and use functions. The cool part about JavaScript (خوب, as cool as a programming language can be) is that you can access those HTML elements (like paragraphs and buttons) and CSS styles (like font color and size) and change them. Look at this code:

var paragraph = $(‘p’);

paragraph.css(‘color’,’blue’);

این کد جاوا اسکریپت همه پاراگراف در صفحه پیدا کنید – the $ ورود به سیستم می گوید که مرورگر برای پیدا کردن همه عناصر تطبیق, و 'P’ بدان معنی است که نیاز به انتخاب پاراگراف (به یاد داشته باشید <P> عنصر را از HTML?) سپس شما می توانید پاراگراف را در یک متغیر ذخیره, and the command the browser to change their color CSS style to ابی.

چه جالب من (دوباره, این همه از نظر “webdev”) این است که چگونه به زیبایی به سه زبان با هم کار کنند. که آخرین خط از جاوا اسکریپت تعامل با HTML صفحه و CSS استفاده می شود به این سبک. این مانند این زبان فقط اجزای مختلف همان چیزی است – آنها یکی و یکسان هستیم., طرف های مختلف از ماشین های شگفت انگیز همان.

صدا جذاب? من فکر می کنم آن را. این تنها بخشی از زیبایی وب.