طراحی سایت

دعوا آجل ما تفاوت فرانت اند و رابط کاربری می‌باشد. درحال حاضر که فهمیدید مراد از فرانت اند چیست، شاید براتون پرسش گردیده باشه که تفاوت UI با فرانت چیست؟ خیلی کلی میشه بیان کرد یه بخشی از (User Interface)UI یا این که همون رابط کاربری با فرانت اند وبسایت شما همپوشانی داره. در واقع مراد از رابط کاربری نصیب‌های طراحی سایت در مشهد بصری تارنما می‌باشد. اینکه المان‌های وب سایت برای مثال جعبه‌ها، دکمه‌ها، منوها و… کجا قرار بگیرند. متن ها را چطور و کجا بزاریم و چه رنگ و فونتی بهشون بدیم. چه تصاویری استعمال کنیم و بنرها و اسلایدرهای وبسایت چه شکلی باشن. کارتن‌ها و گیف‌های وب سایت چطور تهیه و تنظیم بشن و خیلی المان‌های بصری دیگه. ابزار شغل یه طراح رابط کاربری قابل انعطاف افزارهای گرافیکی مثل ایلاستریتور و فتوشاپه.

خب با این اوصاف وظیفه یک اپ نویس فرانت اند چیه؟ اینه که رابط کاربری را طراحی کنه به اضافه‌ی شغل های دیگه‌ای مثل پیاده‌سازی پروتکل‌های ارتباطی http و…، پیاده سازی ریسپانسیو، پیاده سازی UX و خیلی شغل های دیگه. به این ترتیب بخش آخری پیاده سازی رابط کاربری میشه یه قسمت از فرانت اند تارنما.

تفاوت فرانت اند و تجربیات کاربری
خب حال ببینیم تفاوت فرانت اند و تجربیات کاربری چیه؟ خواسته از تجربیات‌ی کاربری یا این که همون UX(User Exprience) رضایت مخاطب از فعالیت با تارنما شماست. یعنی روی شیوه‌ی تعامل یوزرها با وب سایت شما و همین‌طور اطلاعاتی که به اونا ارائه میشه، تاکید داره. تجارب‌ی کاربری یا این که UX هم مثل UI، برای پیاده سازی فرانت اند لازمه اما همگی‌ی اون وجود ندارد. در واقع میشه اظهار‌کرد UX تماما از فرانت اند مجزاست و بایستی پیش از اون اجرا بشه. اگه می‌خواید فهم و شعور صدق از تجارب‌ی کاربری، رابط کاربری و فرانت اند سایتتون داشته باشین، به تصویر تحت اعتنا نمائید.

مهارت های ما یحتاج برای فرانت اند
تا الان می بایست متوجه معنا فرانت اند و کاربردهاش گردیده باشید. هم اکنون ببینیم برای تعریف‌و‌تمجید فرانت اند تارنما به چه مهارتهایی نیاز داریم. همونطور که گفتیم اپلیکیشن نویسی front end برای چیدن ویترین وب سایت شما به کار گیری میشه. نرم افزار نویسای فرانت اند می بایست کل تلاششون را بکنن تا سایتی جالب و در عین حالا کاربردی بسازند. البته ببینیم وظایف اپلیکیشن نویس فرانت اند چیست؟

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

Html/css
جاوا اسکریپت
jQuery
فریمورک‌های جاوا اسکریپت
فریمورک های فرانت اند
پیش پردازش‌های css مثل SASS و LESS
خدمت‌های restful و APIs
پیاده سازی گوشی و ریسپانسیو
بسط یک سری مرورگری
سیستم رئیس محتوا
آزمایش و خطایابی
گیت و در اختیار گرفتن ورژن
حل مورد
پیاده سازی گرافیک

دعوا آجل ما تفاوت فرانت اند و رابط کاربری می‌باشد. درحال حاضر که فهمیدید مراد از فرانت اند چیست، شاید براتون پرسش گردیده باشه که تفاوت UI با فرانت چیست؟ خیلی کلی میشه بیان کرد یه بخشی از (User Interface)UI یا این که همون رابط کاربری با فرانت اند وبسایت شما همپوشانی داره. در واقع مراد از رابط کاربری نصیب‌های طراحی سایت در مشهد بصری تارنما می‌باشد. اینکه المان‌های وب سایت برای مثال جعبه‌ها، دکمه‌ها، منوها و… کجا قرار بگیرند. متن ها را چطور و کجا بزاریم و چه رنگ و فونتی بهشون بدیم. چه تصاویری استعمال کنیم و بنرها و اسلایدرهای وبسایت چه شکلی باشن. کارتن‌ها و گیف‌های وب سایت چطور تهیه و تنظیم بشن و خیلی المان‌های بصری دیگه. ابزار شغل یه طراح رابط کاربری قابل انعطاف افزارهای گرافیکی مثل ایلاستریتور و فتوشاپه.

خب با این اوصاف وظیفه یک اپ نویس فرانت اند چیه؟ اینه که رابط کاربری را طراحی کنه به اضافه‌ی شغل های دیگه‌ای مثل پیاده‌سازی پروتکل‌های ارتباطی http و…، پیاده سازی ریسپانسیو، پیاده سازی UX و خیلی شغل های دیگه. به این ترتیب بخش آخری پیاده سازی رابط کاربری میشه یه قسمت از فرانت اند تارنما.

تفاوت فرانت اند و تجربیات کاربری
خب حال ببینیم تفاوت فرانت اند و تجربیات کاربری چیه؟ خواسته از تجربیات‌ی کاربری یا این که همون UX(User Exprience) رضایت مخاطب از فعالیت با تارنما شماست. یعنی روی شیوه‌ی تعامل یوزرها با وب سایت شما و همین‌طور اطلاعاتی که به اونا ارائه میشه، تاکید داره. تجارب‌ی کاربری یا این که UX هم مثل UI، برای پیاده سازی فرانت اند لازمه اما همگی‌ی اون وجود ندارد. در واقع میشه اظهار‌کرد UX تماما از فرانت اند مجزاست و بایستی پیش از اون اجرا بشه. اگه می‌خواید فهم و شعور صدق از تجارب‌ی کاربری، رابط کاربری و فرانت اند سایتتون داشته باشین، به تصویر تحت اعتنا نمائید.

مهارت های ما یحتاج برای فرانت اند
تا الان می بایست متوجه معنا فرانت اند و کاربردهاش گردیده باشید. هم اکنون ببینیم برای تعریف‌و‌تمجید فرانت اند تارنما به چه مهارتهایی نیاز داریم. همونطور که گفتیم اپلیکیشن نویسی front end برای چیدن ویترین وب سایت شما به کار گیری میشه. نرم افزار نویسای فرانت اند می بایست کل تلاششون را بکنن تا سایتی جالب و در عین حالا کاربردی بسازند. البته ببینیم وظایف اپلیکیشن نویس فرانت اند چیست؟

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

Html/css
جاوا اسکریپت
jQuery
فریمورک‌های جاوا اسکریپت
فریمورک های فرانت اند
پیش پردازش‌های css مثل SASS و LESS
خدمت‌های restful و APIs
پیاده سازی گوشی و ریسپانسیو
بسط یک سری مرورگری
سیستم رئیس محتوا
آزمایش و خطایابی
گیت و در اختیار گرفتن ورژن
حل مورد
پیاده سازی گرافیک