گفت و گو آینده ما تفاوت فرانت اند و رابط کاربری میباشد. اکنون که فهمیدید خواسته از فرانت اند چیست، شاید براتون پرسش گردیده باشه که طراحی سایت در مشهد تفاوت UI با فرانت چیست؟ خیلی کلی میشه اذعان کرد یه بخشی از (User Interface)UI یا این که همون رابط کاربری با فرانت اند وب سایت شما همپوشانی داره. در واقع خواسته از رابط کاربری قسمتهای بصری وبسایت می باشد. اینکه المانهای وبسایت از جمله جعبهها، دکمهها، منوها و… کجا قرار بگیرند. متن ها را چطور و کجا بزاریم و چه رنگ و فونتی بهشون بدیم. چه تصاویری به کارگیری کنیم و بنرها و اسلایدرهای وب سایت چه شکلی باشن. برنامه کودکها و گیفهای وب سایت چطور تهیه و تنظیم بشن و خیلی المانهای بصری دیگه. ابزار عمل یه طراح رابط کاربری قابل انعطاف افزارهای گرافیکی مثل ایلاستریتور و فتوشاپه.
تفاوت فرانت اند و تجارب کاربری
خب اکنون ببینیم تفاوت فرانت اند و تجارب کاربری چیه؟ خواسته از تجربیاتی کاربری یا این که همون UX(User Exprience) رضایت استفاده کننده از عمل با سایت شماست. یعنی روی روشی تعامل یوزرها با وب سایت شما و همینطور اطلاعاتی که به اونا ارائه میشه، تاکید داره. تجاربی کاربری یا این که UX هم مثل UI، برای پیاده سازی فرانت اند لازمه اما همگیی اون وجود ندارد. در واقع میشه اعلامکرد UX به طور کامل از فرانت اند مجزاست و می بایست پیش از اون ایفا بشه. اگه میخواید شعور صدق از تجاربی کاربری، رابط کاربری و فرانت اند سایتتون داشته باشین، به تصویر پایین توجه نمایید.
مهارت های مورد نیاز برای فرانت اند
تا الان بایستی متوجه معنا فرانت اند و کاربردهاش گردیده باشید. درحال حاضر ببینیم برای تعریف و تمجید فرانت اند تارنما به چه مهارتهایی نیاز داریم. همونطور که گفتیم نرمافزار نویسی front end برای چیدن ویترین وبسایت شما به کارگیری میشه. اپ نویسای فرانت اند بایستی آحاد تلاششون را بکنن تا سایتی جالب و در عین هم اکنون کاربردی بسازند. ولی ببینیم وظایف نرم افزار نویس فرانت اند چیست؟
سئو گرافیک و سرعت صفحه های
سازش مارک و برندینگ در سراسر سایت
آزمایشهای تلاش از المانهای هستهای وبسایت
توسعه و گسترشی تارنما واکنشگرا
ساخت ابزارهایی برای تعامل با یوزرها که با مرورگرهای گوناگون سازگار باشه
باصرفهسازی موتور کاوش یا این که همون بهینه سازی
ولی ببینیم مهارتهای مورد نیاز برای بسط فرانت چیست و یک اپلیکیشن نویس فرانت بایستی به چه سلاحهایی مجهز باشه؟
Html/css
جاوا اسکریپت
jQuery
فریمورکهای جاوا اسکریپت
فریمورک های فرانت اند
پیش پردازشهای css مثل SASS و LESS
خدمتهای restful و APIs
پیاده سازی گوشی و ریسپانسیو
گسترش یکسری مرورگری
سیستم رئیس محتوا
آزمایش و خطایابی
گیت و در دست گرفتن ورژن
حل مورد
پیاده سازی گرافیک
گفت و گو آینده ما تفاوت فرانت اند و رابط کاربری میباشد. اکنون که فهمیدید خواسته از فرانت اند چیست، شاید براتون پرسش گردیده باشه که طراحی سایت در مشهد تفاوت UI با فرانت چیست؟ خیلی کلی میشه اذعان کرد یه بخشی از (User Interface)UI یا این که همون رابط کاربری با فرانت اند وب سایت شما همپوشانی داره. در واقع خواسته از رابط کاربری قسمتهای بصری وبسایت می باشد. اینکه المانهای وبسایت از جمله جعبهها، دکمهها، منوها و… کجا قرار بگیرند. متن ها را چطور و کجا بزاریم و چه رنگ و فونتی بهشون بدیم. چه تصاویری به کارگیری کنیم و بنرها و اسلایدرهای وب سایت چه شکلی باشن. برنامه کودکها و گیفهای وب سایت چطور تهیه و تنظیم بشن و خیلی المانهای بصری دیگه. ابزار عمل یه طراح رابط کاربری قابل انعطاف افزارهای گرافیکی مثل ایلاستریتور و فتوشاپه.
تفاوت فرانت اند و تجارب کاربری
خب اکنون ببینیم تفاوت فرانت اند و تجارب کاربری چیه؟ خواسته از تجربیاتی کاربری یا این که همون UX(User Exprience) رضایت استفاده کننده از عمل با سایت شماست. یعنی روی روشی تعامل یوزرها با وب سایت شما و همینطور اطلاعاتی که به اونا ارائه میشه، تاکید داره. تجاربی کاربری یا این که UX هم مثل UI، برای پیاده سازی فرانت اند لازمه اما همگیی اون وجود ندارد. در واقع میشه اعلامکرد UX به طور کامل از فرانت اند مجزاست و می بایست پیش از اون ایفا بشه. اگه میخواید شعور صدق از تجاربی کاربری، رابط کاربری و فرانت اند سایتتون داشته باشین، به تصویر پایین توجه نمایید.
مهارت های مورد نیاز برای فرانت اند
تا الان بایستی متوجه معنا فرانت اند و کاربردهاش گردیده باشید. درحال حاضر ببینیم برای تعریف و تمجید فرانت اند تارنما به چه مهارتهایی نیاز داریم. همونطور که گفتیم نرمافزار نویسی front end برای چیدن ویترین وبسایت شما به کارگیری میشه. اپ نویسای فرانت اند بایستی آحاد تلاششون را بکنن تا سایتی جالب و در عین هم اکنون کاربردی بسازند. ولی ببینیم وظایف نرم افزار نویس فرانت اند چیست؟
سئو گرافیک و سرعت صفحه های
سازش مارک و برندینگ در سراسر سایت
آزمایشهای تلاش از المانهای هستهای وبسایت
توسعه و گسترشی تارنما واکنشگرا
ساخت ابزارهایی برای تعامل با یوزرها که با مرورگرهای گوناگون سازگار باشه
باصرفهسازی موتور کاوش یا این که همون بهینه سازی
ولی ببینیم مهارتهای مورد نیاز برای بسط فرانت چیست و یک اپلیکیشن نویس فرانت بایستی به چه سلاحهایی مجهز باشه؟
Html/css
جاوا اسکریپت
jQuery
فریمورکهای جاوا اسکریپت
فریمورک های فرانت اند
پیش پردازشهای css مثل SASS و LESS
خدمتهای restful و APIs
پیاده سازی گوشی و ریسپانسیو
گسترش یکسری مرورگری
سیستم رئیس محتوا
آزمایش و خطایابی
گیت و در دست گرفتن ورژن
حل مورد
پیاده سازی گرافیک
عنصرها تقویت کننده بهینه سازی