مقدمه ای بر "ظاهر" و "پشت صحنه" - اصول توسعه وب
بنابراین، شما می خواهید یک وب سایت ایجاد کنید؟
بله این یک ایده عالی است که یک وب سایت یک پروژه خلاقانه پرطرفدار است که نه تنها یک مهارت سرگرم کننده و با ارزش است بلکه یک راه عالی برای کاوش منافع شماست و آنها را با بسیاری از افراد بسیاری (یا فقط چند نفر اگر می خواهید !)
معمولا زمانی که کسی شروع به یادگیری نحوه ایجاد یک وب سایت می کند، مکان اصلی معمول با HTML و CSS است. و این یک مکان عالی برای شروع است!
با این حال، در حالی که شما این کار را انجام می دهید، اجازه دهید کمی وقت بگذاریم تا نگاهی گسترده تر به نحوه کارکرد وب سایت ها در زیر هود داشته باشیم. درک تصویر بزرگ، آنچه را که در آن یاد می گیرید را در چارچوب قرار می دهد و به شما کمک می کند تا یک مسیر یادگیری واضح تر به منظور توسعه عمیق تر وب سایت ها طراحی کنید.
ظاهر و پشت صحنه
دو کلمه کلیدی برای درک اینکه چگونه وب سایت های کاری شما ممکن است قبل از آن شنیده اید، ظاهر وbackend هستند . اینها اغلب در مورد (و تدریس) به طور جداگانه صحبت شده و به عنوان دو چیز بسیار متفاوت دیده می شوند، اما در اکثر پروژه های توسعه وب هم ضروری و هم نزدیک هستند.
در ساده ترین حالت، ظاهر هر کدی است که در مرورگر اجرا می شود و backend هر کدی که روی سرور اجرا می شود .
سرور
نقش کد پشت صحنه بر روی سرور روی سطح بسیار ساده است:
- برای درخواست بخوانید
- پاسخ به درخواستها
در یک نمونه معمول، درخواست ممکن است کسی باشد که در تلاش برای دسترسی به صفحه اصلی وب سایت است. سرور این درخواست را دریافت می کند و HTML، CSS، جاوا اسکریپت، تصاویر و هر گونه فایل دیگر مرتبط با آن صفحه را ارسال می کند.
با این حال، این درخواست ها و پاسخ ها می توانند بسیار پیچیده تر از این مثال ساده باشند. همچنین کد های باطری معمولا به بازیابی و ذخیره داده ها در یک پایگاه داده، رندر صفحه دینامیکی، امنیت و تأیید هویت، پردازش تصویر شدید و بسیاری دیگر از وظایف سنگین پردازش در پاسخ به درخواست های دریافتی
پاسخ های تولید شده همچنین می توانند اشکال مختلفی داشته باشند. آنها ممکن است ساده مانند فایل های HTML و CSS خوب قدیمی یا دارایی مانند تصاویر و فایل های صوتی ساده باشند، اما آنها همچنین می توانند از فایل های داده ای مانند JSON استفاده کنند.
کد پایه در بسیاری از زبانها نوشته شده است - Ruby، PHP، Python، Java، و جاوااسکریپت گزینه های رایج هستند. اغلب کارهای توسعه وب وب شامل چیزی است که می تواند به عنوان "مدیر سیستم" وظایف علاوه بر نوشتن کد واقعی برای ایجاد وب سایت کار کند. این شامل نصب ابزار جانبی سرور، پیکربندی پایگاه های داده و غیره
یادگیری یک زبان پشت صحنه، امکانات فراوانی را برای انواع ویژگی هایی که می توانید در یک وب سایت ایجاد کنید، باز می کند. این اجازه می دهد تا شما یک صفحه استاتیک داشته باشید و طیف گسترده ای از روش های جدید برای ارتباط برقرار کردن با سایت را اضافه کنید. بهترین مکان برای شروع با توسعه باطن، احتمالا یک آموزش برای یکی از زبانهای بالا است، و سپس با بررسی سیستم های مدیریت پسزمینه یا سیستم های مدیریت محتوا برای زبان مورد علاقه شما مانند Ruby on Rails (Ruby)، Express (JavaScript)، Express وردپرس (PHP)، Laravel (PHP)، جانگا (پایتون) یا بسیاری دیگر.
مرورگر
در حالی که پاسخ سرور می تواند در بسیاری از فرم ها آمده است، اجازه دهید به مثال ما از درخواست مشترک صفحه وب بازگردیم. پس از پردازش درخواست، سرور با مجموعه ای از فایل های HTML، CSS و جاوا اسکریپت همراه با هر گونه دارایی های اضافی که ممکن است نیاز به درخواست کننده باشد پاسخ می دهد.
سپس مرورگر این فایل ها را دریافت می کند و آنها را پردازش می کند. کد امنیتی را در این فایل ها استظاهر کد دلیل آن را در مرورگر به سمت اجرا می شود.
نقش اصلی ظاهر این است که:
- درخواست اطلاعات (داده ها، فایل ها، و غیره) از backend.
- نمایش یا ارائه این اطلاعات.
- گوش دادن به ورودی کاربر (کلیک، شیپور خاموشی، پیمایش، غواصی، تایپ کردن، دستورات صوتی و غیره).
- پاسخ به ورودی کاربر
برای نقش اول، بسیاری از درخواست ها توسط مرورگر خود را هنگامی که لینک کلیک می شود و یا URL جدید وارد شده است. اطلاعات جدید را نیز می توان بعد از اینکه یک صفحه قبلا با کد جاوا اسکریپت مرورگر بارگذاری شده است درخواست کرد.
نمایش داده ها توسط HTML و CSS تعریف شده توسط مرورگر تعریف شده است. HTML به مرورگر درباره ساختار و محتوای صفحه می گوید و CSS به مرورگر می گوید چگونه آن را بر روی صفحه نمایش دهد.
همانطور که کاربر با صفحه نمایش تعامل می کند، هر دو مرورگر و کد جاوا اسکریپت صفحه برای تعامل گوش می دهند و به طور مناسب پاسخ می دهند - یا با قابلیت ساخته شده در مرورگر و یا پاسخ های سفارشی تعریف شده در جاوا اسکریپت.
نوشتن HTML، CSS و کد جاوا اسکریپت برای مرورگر برنامه نویسی ظاهر است. نوشتن این کد اغلب به پردازش از backend متکی است، به همین علت دو به طور جداگانه تعریف شده اند.
یک آرایه عظیمی از کتابخانه ها، چارچوب ها و ابزارهای دیگر برای ظاهر وجود دارد از HTML ساده، CSS و جاوا اسکریپت برای ابزارهایی مانند jQuery، React و Angular، اما نقش ظاهر بدون توجه به ابزار شما استفاده دوباره این ابزار به سادگی روش های مختلف برای حل مشکلات مشابه است.
دنیای توسعه وب یک زمین بازی بزرگ برای کشف است. هر کجا که شما شروع به کاوش کنید، داشتن یک نقشه از ظاهر و backend و آنچه که انجام می دهید، مرحله بعدی شما را هدایت می کند. اگر مطمئن نیستید که در آن شروع کنید، توصیه میکنم کمی از هر دو را برای رسیدن به طعم و مزه بگیرید و سپس کنجکاوی خود را دنبال کنید!
سوالات نظرات؟ توضیحات اجازه بدهید در توییترنظرات زیر را بدانم..
خبرنامه کد شبانه روز کم نور
نیمه شب است شما در بخش محدودی از کتابخانه مشغول به کار هستید، چشم هایی که به تام قدرتمند تبدیل شده اند - ایجاد وب سایت های قاتل! وب سایت طراحی انعطاف پذیر! برنامهنویس Pragmatic! شما می توانید از همتایان توهین آمیز خود در Club Cycle Club Club یک شبانه از یادگیری پرماجرا شروع کنید.
اگر شما از این پست لذت می برید و می خواهم بیشتر بخوانید، می خواهم از طریق ثبت نام برای خبرنامهدعوت به عضویت در باشگاه Code Night Cycle Club بپیوندید. این خبرنامه آموزشی برنامه نویسی همه چیز درباره یادگیری و تدریس برنامه نویسی است. ما در حال بررسی روش های جدید برای یادگیری و تدریس، کد به عنوان یک عمل خلاق و برنامه نویسی به عنوان بخشی از آموزش بین رشته ای است. در هر خبرنامه شما به روز رسانی در مورد پست های جدید و همچنین منابع و ایده های دیگر در مورد یادگیری برنامه نویسی دریافت خواهید کرد! این برای دانش آموزان و معلمان کوتاه، جالب و دلگرم کننده خواهد بود. آنجا میبینمت!