برنامه نویسی تحت وب - ابزارهای سه گانه HTML و CSS و JavaScript

برنامه نویسی تحت وب

در این مقاله به اولین قدم هایی که هر کسی باید در برنامه نویسی تحت وب بردارد ، خواهیم پرداخت.

اگر می خواهید توسعه برنامه های تحت وب را انجام دهید ، HTML ، CSS ، JS یاد بگیرید. این ها ابزارهایی هستند که برای گذشته ، حال و آینده می باشند.

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

برنامه نویسی  تحت وب چیست؟

در برنامه نویسی تحت وب ، ما برنامه های کاربردی تحت وب (web applications) را ایجاد می کنیم. یک برنامه کاربردی تحت وب ، برنامه ایی است که در مرورگر رندر شده و از طریق مرورگر توسط کاربر قابل دسترسی است. به سادگی می توان گفت ، هنگامی که شما بلیط های  یک فیلم در محل تئاتر زادگاه خود را سفارش می دهید ، هنگامی که حساب بانکی خود را بررسی می کنید ، هنگامی که یک پست در فیس بوک می نویسید یا رزومه خود را در LinkedIn به روز می کنید ، همه اینها و بسیاری موارد دیگر ، نمونه هایی از برنامه های کاربردی تحت وب هستند. شما یک مرورگر وب را باز کرده و به یک URL خاصی می روید ، یک برنامه کاربردی کاری کامل دریافت می کنید. امروزه حتی می توانید برنامه های پیشرفته ای در وب را مانند برنامه های ویرایش صدا و تصویر، نقاشی، ضبط، بازی، پردازش کلمه را پیدا کنید. آنها همه در وب هستند و همه از طریق مرورگر قابل دسترسی می باشند.

بسیار خوب! چطور ما می توانیم یک برنامه کاربردی بسازیم؟

مانند هر رشته دیگری ، برنامه نویسی تحت وب اصطلاحات و ابزارهای خاص خود را دارد. با تواناتر و قوی تر شدن تکنولوژی ، پلتفرم ها ، زبان ها و ابزارهای جدید برنامه نویسی نیز هر روز افزایش می یابند. اما در طول سال هایی که گذشت و احتمالاً در سال های آینده ، سه ابزار و مهارت ضروری وجود دارند که مبنای هر برنامه نویسی تحت وب هستند : HTML، CSS و JavaScript  که در ادامه به آنها می پردازیم.

HTML چیست؟

HTML (زبان نشانه گذاری HyperText ) توسط Tim Berners-Lee در اواخر دهه 1980 معرفی شد. HTML استانداردی است که حاوی داده هایی است که در مرورگر رندر می شود و نحوه رندر کردن را نیز بیان می کند. مرورگر ، اسناد HTML را می خواند. این اسناد می گوید که مرورگر چه چیزی را و چگونه نشان دهد. به عنوان مثال ، ما می توانیم به مرورگر بگوئیم که جمله “Hello World"  را نشان می دهد و اگر ما بخواهیم مرورگر آن را bold کند ، راهنماهای HTML را (markup نیز گفته می شود) اضافه می کنیم که مرورگر را در نحوه رندر کردن متن راهنمایی می کند. HTML حاوی داده ها (آنچه که باید نشان داده شود) و متا داده ها (چگونگی نمایش آنها) می باشد.

CSS چیست؟

HTML با مجموعه ای از توانایی های بسیار متنوع برای طراحی صفحه همراه می باشد. برای داشتن یک صفحه وب با ظاهر واقعی ، از CSS استفاده می کنیم (Cascading Style Sheets). CSS حاوی قواعدی است که ظاهر صفحه را کنترل می کنند و در واقع می توانند کارهای بسیاری را انجام دهند - ما می توانیم فونت، اندازه، ظاهر ، رنگ پس زمینه ، تصاویر ، سایه ها ، فواصل را تغییر دهیم. امکان پیاده سازی هر نوع سبکی با CSS وجود دارد ، و افزودن ویژگی های بیشتری در هر زمان مقدور می باشد.

جاوا اسکریپت چیست؟

جاوا اسکریپت (به اختصار JS  ) یک زبان برنامه نویسی است که در اواسط دهه 1990 ابداع شد و هدف اصلی آن فعال کردن قابلیت های ساده از طریق HTML بود. به عنوان مثال، اگر یک فرم HTML بسازیم که در آن کاربر نام خود را وارد کند ، می توانیم از کد JS برای اعتبارسنجی ورودی استفاده کنیم. در طول سال ها و به خصوص در دهه گذشته ، JS از یک زبان ساده و نامتعارف و نوعی "اسباب بازی" ، به موجودی تنومند که هر جنبه ای از وب را کنترل می کند ، تبدیل شده است. در دنیای برنامه نویسی تحت وب ، امکان انجام همه چیزی با JS وجود دارد ، و محبوبیت آن توسط matrix معروف افزایش می یابد.

آیا افراد واقعاً با استفاده از این سه ابزار، برنامه های تحت وب را ایجاد می کنند؟

جواب هم بله هست هم خیر. HTML بیش از حد پیچیده است، CSS درهم و برهم است ، و کدهای JS بسیار سریع غیر قابل تحمل می شوند ؛ بنابراین شما واقعا نمی توانید یک برنامه کاربردی تحت وب مهم و واقعی را بنویسید ، بدون این که عقل خود را از دست ندهید.

در طول دهه گذشته ، ابزارهای متعددی برای غلبه بر این معایب ابداع شده و برنامه های کاربردی تحت وب مدرن با انواع ابزارهای مدرن ، جدید و پر زرق و برق نوشته شده است. احتمالاً نام برخی از آنها به گوشتان خورده باشد ، مانند Angular ، React ، Vue ، Meteor ، Bootstrap ، Node و غیره. برای اینکه یک توسعه دهنده وب بشوید ، احتمالاً باید یکی از این ابزارها (و غالباً خیلی بیشتر از یکی) را یاد بگیرید.

اما در اینجا این ترفند داریم : هر پلت فرمی ، هر ابزار مدرنی ، بدون هیچ استثنائی ، مشابه با ابزارهای  HTML ، CSS و JS کار می کنند. هیچ استثنائی وجود ندارد و. این بدان معنی است که شما بدون آنها نمی توانید شروع به یادگیری برنامه نویسی تحت وب کنید. به عنوان مثال، اگر سعی کنید Angular را یاد بگیرید ، بدون دانستن سه ابزار اساسی، راه به جایی نخواهید برد. بنابراین نتیجه گیری این است که شما باید ابزارهای پایه را یاد بگیرید و از آنها به عنوان یک تخته پرش به ابزارهای جدیدتر استفاده کنید.

سایر مزایای یادگیری ابزارهای سه گانه

حتی اگر شما به نحوی بتوانید به اندازه کافی به یک پلت فرم بدون ابزارهای سه گانه تسلط یابید ، باز در امان نیستید ! همان طور که قبلاً ذکر شد ، دنیای توسعه وب دیوانه وار و سریع حرکت می کند. به این مفهوم که سیستم عامل های جدید ، کتابخانه های جدید و ابزارهای جدید به سرعت روز به روز ابداع می شوند. AngularJS در سال 2010 شروع به کار نمود ، اما در حال حاضر نسخه 7 آن در بازار وجود دارد و Angular paradigm اکنون به شدت تغییر کرده است. Vue.js در سال 2017 منتشر شد ، و اکنون که ما در حال ندوین این پست هستیم ، برخی سعی در مهاجرت به Vue.js از سایر پلتغرم ها دارند. و این پایان کار نیست. کسی نمی تواند با این هجمه ، تمام ایده ها و نوآوری های جدید را دنبال کند. آنچه که می گوییم این است که اگر شما اصول اولیه را ندانید ، لحظه ای که تکنولوژی جدید ظاهر می شود ؛ برای شما بی اهمیت خواهد بود. اگر شما فقط AngularJS را می شناختید ، هنگامی که ورژن 3 که از نسخه های قبلی متفاوت است به بازار بیاید چه کار می کنید؟ اما از آنجا که  HTML، CSS و JS   در پایه هر پلتفرمی قرار دارد ، زمانی که با آنها آشنا باشید ، می توانید به هر پلتفرم جدید و پر زرق و برقی دیگر مهاجرت کنید.