طرفه نگاران کهن
  • صفحه اصلی
  • خدمات
    • توسعه نرم افزار
      • دسکتاپ اپلیکیشن
      • وب اپلیکیشن
      • موبایل اپلیکیشن
      • امنیت
      • طراحی مدل کسب و کار
      • اجرای پروژه های BPM
    • طراحی سایت
      • سایت های اختصاصی
      • سایت فروشگاهی
      • سایت آموزشی
      • سایت شرکتی
      • سایت های خبری
      • سایت های پزشکی
    • طراحی و دیزاین
      • لوگو و نشانه
      • ست اداری
      • پوستر
      • کاتالوگ و بروشور
      • طراحی بیلبورد
      • تصویرسازی (تبلیغاتی)
      • تصویر سازی (فتومونتاژ)
    • دیججیتال مارکتینگ
      • تبلیغات در گوگل
      • بازاریابی محتوای سایت
      • بازاریابی محتوای اینستاگرام
      • بهینه سازی موتور جستجو
  • آکادمی
  • ارتباط با ما
    • تماس با ما
    • درباره ما
    • مشتریان ما
    • فرصت های شغلی
  • درخواست مشاوره
  • جستجو
  • منو منو

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

شاید شما هم جزو کسانی باشید که بارها عبارات فرانت اند و بک اند را شنیده اید ولی معنی و مفهوم آن‌ها را نمی‌دانستید.
اکثر برنامه نویسان وب زمانی که به یک دیگر می‌رسند این سوال را از یکدیگر می‌پرسند که برنامه نویس بک اند هستی یا فرانت اند؟
برای اینکه بدانیم برنامه نویسی فرانت اند چیست و برنامه نویس Front End کیست؟ ابتدا باید بدانیم که front end چیست؟
 پس در ادامه این مقاله همراه ما باشید تا به بررسی این موضوع بپردازیم.

فهرست محتوای این مقاله

  • Front end چیست؟
  • مهارت‌های توسعه دهنده فرانت اند
  • مثالی از فرانت در دنیای واقعی

Front end چیست؟

فرانت اند یا Front End ، به قسمت قابل مشاهده وب سایت (نرم افزار) توسط کاربران می‌گویند. فرانت اند کدهای

غیر قابل فهم برای کاربران را در قالب ظاهری گرافیکی و بصری به آن‌ها نمایش می‌دهد تا بتواند به راحتی از بخش‌های

مختلف سایت استفاده کنند. در این بخش فرم‌های ورودی اطلاعات، صداها، تصاویر، ویدیوها و به صورت کلی هر چیز دیگری

که برای کاربر قابل درک باشد، قرار می‌گیرد. فرانت اند به دو بخش اصلی طراحی وب و توسعه رابط کاربری تقسیم می‌شود.

در بخش طراحی وب، طراحان با نرم افزار‌های گرافیکی مانند فتوشاپ ظاهر سایت را طراحی می‌کنند. اما بخش توسعه رابط

کاربری مربوط به پیاده سازی ظاهر سایت در قالب کدهای HTML ،CSS و Javascript است. زبان‌های برنامه نویسی که در فرانت

به کار می‌روند، سمت کاربر یا Client Side می‌باشند. بنابراین کدهای نوشته شده در فرانت در مرورگر کاربر پردازش و اجرا می‌شوند.

یعنی کاربر به راحتی به این کدها دسترسی مستقیم دارد و می‌تواند آن‌ها را مشاهده کند. فرانت اند با بخش بک اند (Backend)

در ارتباط مستقیم است و تاثیر بسیاری بر روی تجربه کاربری (UX) دارد.

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

حال که متوجه شدید که فرانت اند چیست ، در این بخش می‌خواهیم مهارت‌های توسعه دهنده فرانت اند را برای یادگیری  را بررسی کنیم.

کسانی که قصد دارند طراح و توسعه دهنده فرانت اند شوند باید ویژگی‌ها و مهارت‌های مختلفی را داشته باشند.

مهمترین ویژگی‌های یک برنامه نویسی فرانت اند عبارت است از :

  • زبان HTML : یک زبان برنامه نویسی نیست بلکه یک زبان نشانه گذاری است که به عنوان هسته و بدنه اصلی

صفحات وب به حساب می‌آید. این زبان برای ایجاد ساختار صفحات وب استفاده می‌شود.

  • زبان CSS : مخفف عبارت Cascading Style Sheets است که به منظور فرم دهی صفحات وب و اجزای مختلف صفحات وب

سایت مانند متن، تصویر، کادرها و … ساخته شده است. CSS طراحان سایت را قادر می‌سازد که بدون محدودیت خلاقیت‌های خود را در طراحی صفحات سایت پیاده سازی کنند.

  • زبان برنامه نویسی Javascript : این زبان برنامه نویسی در سمت کاربر پردازش می‌شود. برنامه نویس فرانت اند به

کمک Javascript می‌تواند به پویانمایی صفحاتی که با HTML و CSS طراحی کرده است بپردازد.

  • کتابخانه‌ها و فریم ورک‌های فرانت اند Javascript : فریم ورک‌های Javascript امکانات بسیار زیادی و پشرفته ای را

در اختیار طراحان فرانت قرار می‌دهند. از جمله این فریمورک‌ها می‌توان به Vu.js، Angular و… اشاره کرد.

  • اصول طراحی واکنشگرا: یک رابط کاربری استاندارد باید به گونه ای باشد که در دستگاه‌ها و پلتفرم‌های مختلف، عملکرد

اپلیکیشن را دچار اختلال نکند. بنابراین باید بتواند متناسب با نوع دستگاهی که در حال اجرای آن است، واکنش مناسب نشان دهد.

  • نرم افزارهای گرافیکی مانند فتوشاپ : نرم افزارهای گرافیکی مانند فتوشاپ، ایلوستریتور و… در بیشتر

مراحل طراحی یک رابط کاربری توسط طراحان فرانت مورد استفاده قرار می‌گیرند.

  • سلیقه و خلاقیت : طراح فرانت اند باید از طرح هایی خلاقانه، کاربرپسند و چشم نواز برای ظاهر یک اپلیکیشن استفاده کند.

یک طراح موفق کسی است که بتواند رابط کاربری زیبا منطق بر استانداردهای ظاهری و تجربه کاربری ایجاد کند.

مثالی از فرانت در دنیای واقعی

برای اینکه مفهوم Front end را بهتر درک کنید، یک فیلم سینمایی را در نظر بگیرید. ظاهر سایت حکم فیلم سینمایی را دارد

که شما مشاهده می‌کنید. بازیگران و صحنه‌های فیلمبرداری شده اجزایی هستند که Front end را تشکیل می‌دهند و بر

اساس دستورات کارگردان در جای مورد نظر قرار می‌گیرند و به بازیگری می‌پردازند. دستورات کارگردان، همان کدهای HTML،

CSS و Javascript می‌باشند که رابط کاربری را ایجاد می‌کنند.

البته برای اینکه این فیلم ساخته و اکران شود، عوامل پشت صحنه زیادی مانند تصویر بردار، صدا بردار، کارگردان و… داشته است

که شما آن‌ها را در فیلم نخواهید دید. کدهایی که در پس زمینه سایت در حال اجرا شدن هستند، مانند عوامل

پشت صحنه فیلم می‌باشند که مربوط به بک اند (Backend) هستند.

آخرین پاسخ ها

  • Hello World!
  • Hello World!

نوشته‌های تازه

  • سیستم مدیریت محتوا یا CMS
  • شی گرایی در php
  • اشنایی با زبان php
  • برنامه نویسی فرانت اند
  • هوک وردپرس چیست

آخرین دیدگاه‌ها

    بایگانی‌ها

    • مارس 2021
    • فوریه 2021
    • ژانویه 2021
    • جولای 2020

    دسته‌ها

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

    اطلاعات

    • ورود
    • خوراک ورودی‌ها
    • خوراک دیدگاه‌ها
    • وردپرس

    آخرین مقالات

    • سیستم مدیریت محتوا یا CMSسیستم مدیریت محتوا یا CMSمارس 3, 2021 - 1:04 ب.ظ
    • برنامه نویسی شی گرا در PHPشی گرایی در phpمارس 1, 2021 - 1:34 ب.ظ
    • اشنایی با زبان phpاشنایی با زبان phpفوریه 15, 2021 - 2:02 ب.ظ
    • برنامه نویسی فرانت اندفوریه 15, 2021 - 12:37 ب.ظ

    برچسب ها

    Print-Design Video Editing Web-Design دیجیتال مارکتینگ طراحی سایت طراحی و دیزاین عکاسی و فیلم برداری همه

    درباره طرفه نگاران کهن

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

    ارتباط با طرفه نگاران کهن

    آدرس : تهران خیابان سهروردی شمالی ، جنب پمپ بنزین، کوچه تهمتن ساختمان مهرگان (پلاک6) طبقه پنجم واحد 18

    تلفن : 02188519057
    کد پستی : 1234567890

    کلیه حقوق مادی و معنوی سایت محفوظ بوده و هرگونه کپی برداری از نمونه کارها پیگرد قانونی دارد
    • صفحه اصلی
    • خدمات
    • آکادمی
    • ارتباط با ما
    • درخواست مشاوره
    هوک وردپرس چیست هوک وردپرس اشنایی با زبان php اشنایی با زبان php
    رفتن به بالا

    شماره موبایل خود را وارد نمایید تا کارشناسان طرفه نگاران با شما تماس بگیرند

    ثبت درخواست ajax مشاهده وب سایت