فاطمه تیرانی
فاطمه تیرانی
خواندن ۲ دقیقه·۲ سال پیش

فرانت اِند و مهندسی معماری!!


فرانت اِند:

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

بنابراین فرانت اند یا Front End، به بخش قابل مشاهده‌ی یک وب سایت یا نرم افزار توسط کاربران می‌گویند. فرانت اند، کدهای غیر قابل فهم برای کاربران را در قالب ظاهری گرافیکی و بصری به آن‌ها نمایش می‌دهد تا بتوانند به راحتی از بخش‌های مختلف سایت استفاده کنند. در این بخش، فرم‌های ورودی اطلاعات، صداها، تصاویر، ویدئوها و به صورت کلی هر چیز دیگری که برای کاربر قابل درک باشد، قرار می‌گیرد.


زبان های برنامه نویسی فرانت اِند:

زبان های برنامه نویسی فرانت اِند شامل HTML ,CSS, JavaScript می شود.
به اختصار به بررسی هر کدام از این زبان ها می پردازیم.

  • زبان HTML:

این زبان مانند تیر و ستون های یک ساختمان نیمه کاره است که هیچ زیبایی ندارد.درواقع اسکلت اصلی تمام سایت ها است.HTML یا(Hyper Text Markup Language)یک زبان بسیار ساده وپیش نیاز ورود به دنیای طراحی وب است.این زبان هیچ ظاهری از خود ندارد و به کمک زبان CSS شکل و شمایل می گیرد.

  • زبان CSS:
    طبیعتا خانه بدون گچ کاری سقف و رنگ آمیزی و اضافه کردن عنصر های دیگر هیچ زیبایی نخواهد داشت سند html هم همینطور بنابراین برای زیبا کردن عناصر موجود در صفحه از زبان CSS یا(Cascading Style Sheet)کمک گرفته می شود که یک زبان طراحی برای استایل دهی المان های سایت می باشد.در واقع مشخصات ظاهری سند html را مثل رنگ , فونت , تصاویر پس زمینه,... به دلخواه می توان تغییر داد.


زبان جاوا اسکریپت:
با استفاده از این زبان می توان سایت طراحی شده به کمک HTML , CSS را از حالت استاتیک خارج کرد و به صورت دلخواه عناصر صفحه را به انیمیشن تبدیل کرد.

اما در آخر باید اشاره نمود که زبان جاوا اسکریپت فقط محدود به طراحی سایت نمی شود و در برنامه نویسی موبایل و دسکتاپ نیز استفاده می شود . بنابراین به سبب این انعطاف پذیری بسیار مورد توجه برنامه نویسان قرار می گیرد.


htmlcssjavascriptفرانت اندطراحی سایت
دنبال یادگیری بیشتر
شاید از این پست‌ها خوشتان بیاید