مرجع آموزش طراحی سایت

تعریف و تمجید فرانت اند از لهجه techterms.com تمجید فرانت اند در ادبیات کامپیوتر یعنی هر بخشی از یک نرم افزار یا این که تارنما طراحی سایت در مشهد که استفاده کننده با آن تعامل می‌کنه. از نظر یک استفاده کننده فرانت اند یعنی همون رابط کاربری و از نظر گسترش دهنده فرانت اند یعنی نرم‌افزار نویسی و پیاده سازی رابط کاربری. ولی ببینیم مراد از فرانت اند چیست و چه هدفی داره؟ فرانت اند برای این تشکیل شده که بخش جلویی نرم افزار یا این که وبسایت به طور کامل بصری و آسون باشه و مخاطب بتونه ریلکس به‌دنبال منظور‌های خودش بگرده. از طرف دیگه جذابیت بصری منجر جلب دقت استفاده کننده میشه و اونو به استعمال از اپلیکیشن یا این که وبسایت ما تشویق می‌کنه. هم اکنون که مضمون‌ فرانت اند را متوجه شدید، می پندارید چه عناصری در فرانت اند وجود دارا هستند؟

طرح کاغذ
موادسازنده گرافیکی
عنصرها صوتی و تصویری
محتوای متنی
ارکان رابط کاربری مثل دکمه‌ها، لینک و پیوند‌ها، نوار ابزار و…
جعبه‌های ورود داده ها مثل هیبت‌ها
و…
تک تک چیزهایی که گفتیم در کنار هم دیگه تمجید فرانت اند میباشند و ما با یاری اونا می‌تونیم با نرم افزار یا این که وب سایت تعامل داشته باشیم.

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

دقیقا مثل جلوی صحنه ی تئاتر میمونه شما صرفا میتونین هر چیزی که جلوی صحنه می باشد مثل هنرپیشه هاش و خرقه هاشون صحبت هاشون و گریم های صورتشون و محیطشون رو ببینین و بشنوین البته به پشت صحنه ی اون مثل کارگردان و گریمور و نمایش دسترسی ندارین. دقیقا مثل یک تارنما میمونه .

شما صرفا ظواهر وبسایت رو میبینین حتی میتونین با inspect به دست آوردن (کلیک راست کنین و آیتم ی inspect رو گزینش کنین یا این که از شورت کات ctrl+shift=c و یا این که کلید F12 به کار گیری کنین) کد های مرتبط با فرانت اند وبسایت مدنظرتون رو مشاهده کنین و ببینین که از چه تکنولوژی هایی مصرف شده البته اینگونه قابلیتی برای بک اند وب سایت که مرتبط با پشت صحنه می باشد وجود نداره که اما هویدا می باشد زیرا مرتبط با داده ها و امنیت وبسایت میشه. پس حتما شما نباید حاذق به دسترسی به کد های اون بخش داشته باشین .

تفاوت فرانت اند و بک اند
تفاوت فرانت اند و بک اند سوالیه که جوابش از روی اسمش معلوم می باشد. اگه یه وب سایت را یه دکان در لحاظ بگیرین، فرانت اند میشه قسمت ویترین و دکوراسیون دکان و بک اند میشه فروشنده و دفترهای محاسبه. در واقع مراد از بک اند جاییه که داده‌های وبسایت ذخیره و رئیس میشن. مخاطب برای تعامل با وب سایت و دسترسی به داده‌های اون، بایستی از روش فرانت اند به بک اند متصل بشه و جابجایی داده جاری ساختن بگیره. در بک اند ما یه سرور داریم که‌این سرور یه مقر داده داره و اطلاعاتی که بهش داده میشه را درون اون ذخیره میکنه. خب اکنون نقش نرم افزار نویسی فرانت اند چیست؟ این قسمت اساسا برای ساخت‌و‌ساز یک رابط دربین استفاده کننده و سرور به کار گیری میشه؛ یعنی شما یه سایتی میسازید که کاربرا رو به سرور و دیتابیس متصل می‌کنه. به عنوان مثال فرض نمایید استفاده کننده می‌خواد در تارنما نام نویسی کنه. برای این شغل میاد داده‌هاش را رو درون فرمی که با لهجه های فرانت اند پیاده سازی گردیده وارد میکنه و با زدن دکمه‌ی ارسال این داده‌ها با یاری فرانت اند وب سایت، به سمت سرور یعنی بک اند منتقل میشن.

تعریف و تمجید فرانت اند از لهجه techterms.com تمجید فرانت اند در ادبیات کامپیوتر یعنی هر بخشی از یک نرم افزار یا این که تارنما طراحی سایت در مشهد که استفاده کننده با آن تعامل می‌کنه. از نظر یک استفاده کننده فرانت اند یعنی همون رابط کاربری و از نظر گسترش دهنده فرانت اند یعنی نرم‌افزار نویسی و پیاده سازی رابط کاربری. ولی ببینیم مراد از فرانت اند چیست و چه هدفی داره؟ فرانت اند برای این تشکیل شده که بخش جلویی نرم افزار یا این که وبسایت به طور کامل بصری و آسون باشه و مخاطب بتونه ریلکس به‌دنبال منظور‌های خودش بگرده. از طرف دیگه جذابیت بصری منجر جلب دقت استفاده کننده میشه و اونو به استعمال از اپلیکیشن یا این که وبسایت ما تشویق می‌کنه. هم اکنون که مضمون‌ فرانت اند را متوجه شدید، می پندارید چه عناصری در فرانت اند وجود دارا هستند؟

طرح کاغذ
موادسازنده گرافیکی
عنصرها صوتی و تصویری
محتوای متنی
ارکان رابط کاربری مثل دکمه‌ها، لینک و پیوند‌ها، نوار ابزار و…
جعبه‌های ورود داده ها مثل هیبت‌ها
و…
تک تک چیزهایی که گفتیم در کنار هم دیگه تمجید فرانت اند میباشند و ما با یاری اونا می‌تونیم با نرم افزار یا این که وب سایت تعامل داشته باشیم.

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

دقیقا مثل جلوی صحنه ی تئاتر میمونه شما صرفا میتونین هر چیزی که جلوی صحنه می باشد مثل هنرپیشه هاش و خرقه هاشون صحبت هاشون و گریم های صورتشون و محیطشون رو ببینین و بشنوین البته به پشت صحنه ی اون مثل کارگردان و گریمور و نمایش دسترسی ندارین. دقیقا مثل یک تارنما میمونه .

شما صرفا ظواهر وبسایت رو میبینین حتی میتونین با inspect به دست آوردن (کلیک راست کنین و آیتم ی inspect رو گزینش کنین یا این که از شورت کات ctrl+shift=c و یا این که کلید F12 به کار گیری کنین) کد های مرتبط با فرانت اند وبسایت مدنظرتون رو مشاهده کنین و ببینین که از چه تکنولوژی هایی مصرف شده البته اینگونه قابلیتی برای بک اند وب سایت که مرتبط با پشت صحنه می باشد وجود نداره که اما هویدا می باشد زیرا مرتبط با داده ها و امنیت وبسایت میشه. پس حتما شما نباید حاذق به دسترسی به کد های اون بخش داشته باشین .

تفاوت فرانت اند و بک اند
تفاوت فرانت اند و بک اند سوالیه که جوابش از روی اسمش معلوم می باشد. اگه یه وب سایت را یه دکان در لحاظ بگیرین، فرانت اند میشه قسمت ویترین و دکوراسیون دکان و بک اند میشه فروشنده و دفترهای محاسبه. در واقع مراد از بک اند جاییه که داده‌های وبسایت ذخیره و رئیس میشن. مخاطب برای تعامل با وب سایت و دسترسی به داده‌های اون، بایستی از روش فرانت اند به بک اند متصل بشه و جابجایی داده جاری ساختن بگیره. در بک اند ما یه سرور داریم که‌این سرور یه مقر داده داره و اطلاعاتی که بهش داده میشه را درون اون ذخیره میکنه. خب اکنون نقش نرم افزار نویسی فرانت اند چیست؟ این قسمت اساسا برای ساخت‌و‌ساز یک رابط دربین استفاده کننده و سرور به کار گیری میشه؛ یعنی شما یه سایتی میسازید که کاربرا رو به سرور و دیتابیس متصل می‌کنه. به عنوان مثال فرض نمایید استفاده کننده می‌خواد در تارنما نام نویسی کنه. برای این شغل میاد داده‌هاش را رو درون فرمی که با لهجه های فرانت اند پیاده سازی گردیده وارد میکنه و با زدن دکمه‌ی ارسال این داده‌ها با یاری فرانت اند وب سایت، به سمت سرور یعنی بک اند منتقل میشن.