فرانت‌اند

FRONT

فرانت یکی از مهم ترین شاخه های برنامه نویسی است

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

زیرا امروزه هر کسب و کاری برای برقراری ارتباط به مشتری به یک پلتفرم نیاز دارد. وظیفه‌ی یک برنامه نویس فرانت اند، طراحی و توسعه‌ی این پلتفرم است. به همین دلیل، فرانت اند یک حوزه‌ی پردرخواست در بین مشاغل برنامه نویسی محسوب می‌شود. بعد از تسلط بر موارد موجود در این مقاله و تبدیل شدن به یک توسعه‌ دهنده Front-End، می‌توانید سایر مباحث مربوط به وب مانند Backend را شروع کنید و در نهایت به یک Full Stack Developer تبدیل شوید.

آیا کنجکاو هستید که بدانید برنامه نویسی فرانت اند چیست؟ شاید شما هم از جمله افرادی باشید که بارها عبارات فرانت اند و بک اند را شنیده‌اید ولی معنی و مفهوم آن‌ها را نمی‌دانستید.

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

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

سرفصل فرانت اند

در این دوره بطور کامل با زبان HTML و HTML5 آشنا خواهیم شد و تمام امکانات مهم و ضروری این زبان را فرا خواهیم گرفت.موفق باشید MPR

موارد بیشتر
  • 1 . آموزش جامع HTML5

    در این دوره بطور کامل با زبان HTML و HTML5 آشنا خواهیم شد و تمام امکانات مهم و ضروری این زبان را فرا خواهیم گرفت. آموزش HTML5 - قسمت اول - مقدمات و آشنایی با HTML آموزش HTML5 - قسمت دوم - بررسی ساختار اسناد html و پیاده سازی چارچوب اولیه یک سند HTML5 - قسمت سوم - بررسی مفهوم المان های block level و inline level و معرفی تگ های قالب دهی HTML5 - قسمت چهارم - بررسی تگ های جدول , نقل قول و استناد جلسه HTML5 - قسمت پنجم - بررسی تگ های تصویر و قالب دهی کد جلسه HTML5 - قسمت ششم - بررسی تگ های مالتی مدیا در HTML5 جلسه HTML5 - قسمت هفتم- بررسی انواع تگ های input در HTML5 جلسه HTML5 - قسمت هشتم- بررسی انواع اتریبیوت ها برای input ها در HTML5 جلسه HTML5 - قسمت نهم- بررسی انواع تگ های مفهومی ( semantic web elements ) در HTML5 - اول جلسه HTML5 - قسمت دهم- بررسی انواع تگ های مفهومی ( semantic web elements ) در HTML5 - دوم

  • 2 . مقدمات شروع طراحی وب

    در این دوره با مقدمات,ابزارها و مواردی که قبل شروع فراگیری طراحی وب به آن نیاز داریم آشنا می شویم آشنایی با ابزارهای مورد نیاز یک طراحی وب و معرفی انواع مرورگر های محبوب آشنایی با امکانات مرورگر های chrome و firefox - بخش اول آشنایی با امکانات مرورگر های chrome و firefox - بخش دوم آشنایی با امکانات مرورگر های chrome و firefox - بخش سوم معرفی محبوب ترین IDE و EDITOR ها برای کدنویسی رابط های کاربری نصب و پیکربندی vscode - بخش اول معرفی و نصب اکستنشن های کاربردی vscode در طراحی وب - بخش اول معرفی و نصب اکستنشن های کاربردی vscode در طراحی وب - بخش دوم معرفی پلاگین emmet css reset و فشرده سازی فایل های css

  • 3 . آموزش جامع css3

    در این دوره بطور کامل با زبان CSS و CSS3 آشنا خواهیم شد و تمام امکانات مهم و ضروری این زبان را فرا خواهیم گرفت. معرفی - مقدمات و آشنایی با CSS جلسه اول قواعد نوشتاری و مفهوم Selector دوم مفهوم box model در CSS سوم استایل دهی به متن در CSS - بخش اول چهارم استایل دهی به متن در CSS - بخش دوم پنجم فونت ها در طراحی ششم - کار با پس زمینه ( background ) در css هفتم - فونت آیکون ها در css هشتم - لیست ها ( list ) و نمایش المان ها ( display ) نهم - شبه کلاس ها ( seudo classes ) و position - بخش اول دهم - تکمیل مینی پروژه منو یازدهم - شبه کلاس ها ( seudo classes ) و position - بخش دوم دوازدهم - شبه عناصر ( seudo elements ) سیزدهم - gradient و border image در CSS چهاردهم - filter , root و ماژولار نویسی css پانزدهم - شناور سازی عناصر ( float ) شانزدهم - combinator و attribute سلکتور ها - بخش اول هفدهم - شانزدهم - combinator و attribute سلکتور ها - بخش دوم هجدهم - object-fit و vertically element center در css نوزدهم - مقادیر اولیه و ارث بری عناصر فرزند - ( initial-inherit )

  • 4 . تایپوگرافی و واحد های اندازه گیری در وب

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

اضافه کردن دست تو دست به صفحه اصلی

برای اضافه کردن وب اپ به صفحه اصلی، دکمه “افزودن به صفحه اصلی” را انتخاب کنید، تا وب اپ به صفحه اصلی شما اضافه شود.