طراحی سایت

خب درین نصیب میرسیم به لهجه جاوا اسکریپت تحت عنوان یکی‌از لهجه های اپ نویسی Front end که حدودا اصل روایت می‌باشد. و اگه بخوام طبق نمونه اناتومی بشر بهتون بگم جاوا اسکریپت حدودا مثل روح بشر میمونه. چیزی که منجر تعامل با جسم ما میشه و بهمون مضمون‌ میده جاوا اسکریپت هم برای html و css حکم روح رو داره. طراحی سایت در مشهد ما قبلا با به کار گیری از html و css صرفا میتونستیم یک سایت استاتیک بسازیم یعنی چی؟

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

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

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

جاوا اسکریپت یک گویش شی گراست و می‌تونید با اون داده ها یوزرها را اخذ و نظارت نمائید. از امتیازات این لهجه فرانت می‌تونیم به مفاد تحت اشاره کنیم:

ساخت وب سایت‌ به طور متحرک و دیدنی
ساخت‌و‌ساز المان کاربردی
معدود کردن ریکوئست‌های سرور
از معایب این گویش میشه موردها تحت را اسم موفقیت:

زمین بازی اسکریپت‌های مخرب
ممکنه بعضا مرورگرها بدون نقص جاوا اسکریپت را دفاع نکنند.

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

Bootstrap: فریمورک بوت استرپ جنس گویش Css می‌باشد. این فریمورک متن گشوده و رایگانه و برای پیاده سازی ریسپانسیو ارائه گردیده. بوت استرپ برای پیاده سازی‌های mobile first استعمال میشه، یعنی پیاده سازی‌ای که ورژن‌ی تلفن همراه وب سایت نسبت به ورژن‌ی اینترنت اون حق تقدم داره. توی نوشته‌ی‌علمی‌ی فراگیری بوت استرپ 5 در 2021، ما تماما درباره این فریمورک سخن کردیم و اون را یادگرفتن دادیم. بوت استرپ از ورژن‌ی 4 به بعداز تکنولوژی فلکس جعبه Css به مکان فلوت به کار گیری میکنه. اگه نمیدونین فلکس جعبه چیه، نوشته‌ی علمی فراگیری فلکس جعبه برای فرانت اند را بازرسی نمایید.
AngularJS: انگولار یکی‌از دیگه از فریمورک های فرانت اند می باشد که محصول لهجه جاوا اسکریپته. این فریمورک هم متن گشوده و رایگانه و برای اینترنت نرم افزار‌ها به فعالیت می‌رود. جذابیت این فریمورک اینه که صفحه های html را به وضعیت پویا می‌بره و با امداد داریرکتیوهاش می‌تونید صفت‌های html را ارتقا بدید.
js: بازم یه کادر ورک پر کاربرد و حرفه ای دیگه‌ی از جاوا اسکریپت. این فریمورک برای پیاده سازی رابط کاربری یا این که همون UI به کار گیری میشه. ری اکت component base می‌باشد و برای شغل با اون یا این که بایستی از node.js به کار گیری فرمائید یا این که CDN. یادگرفتن بدون نقص ری اکت را می‌تونید توی وب سایت سبز لرن ببینید.
js: ویو یک کدام از دیگه از فریمورک های فرانت اند جاوا اسکریپته که برای پیاده سازی رابط کاربری و نرم افزار‌های سینگل پیج به کار گیری میشه. ویو ورژن‌ی مدل گردیده البته قدرتمندی از انگولاره.
Jquery: جی کوئری فریمورک نیس، کتابخونه میباشد اما امکان‌های متعددی به جاوا اسکریپت اضافه می‌کنه؛ از جمله تعامل با html، ajax و رئیس ایونت‌های مرورگرها.

خب درین نصیب میرسیم به لهجه جاوا اسکریپت تحت عنوان یکی‌از لهجه های اپ نویسی Front end که حدودا اصل روایت می‌باشد. و اگه بخوام طبق نمونه اناتومی بشر بهتون بگم جاوا اسکریپت حدودا مثل روح بشر میمونه. چیزی که منجر تعامل با جسم ما میشه و بهمون مضمون‌ میده جاوا اسکریپت هم برای html و css حکم روح رو داره. طراحی سایت در مشهد ما قبلا با به کار گیری از html و css صرفا میتونستیم یک سایت استاتیک بسازیم یعنی چی؟

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

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

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

جاوا اسکریپت یک گویش شی گراست و می‌تونید با اون داده ها یوزرها را اخذ و نظارت نمائید. از امتیازات این لهجه فرانت می‌تونیم به مفاد تحت اشاره کنیم:

ساخت وب سایت‌ به طور متحرک و دیدنی
ساخت‌و‌ساز المان کاربردی
معدود کردن ریکوئست‌های سرور
از معایب این گویش میشه موردها تحت را اسم موفقیت:

زمین بازی اسکریپت‌های مخرب
ممکنه بعضا مرورگرها بدون نقص جاوا اسکریپت را دفاع نکنند.

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

Bootstrap: فریمورک بوت استرپ جنس گویش Css می‌باشد. این فریمورک متن گشوده و رایگانه و برای پیاده سازی ریسپانسیو ارائه گردیده. بوت استرپ برای پیاده سازی‌های mobile first استعمال میشه، یعنی پیاده سازی‌ای که ورژن‌ی تلفن همراه وب سایت نسبت به ورژن‌ی اینترنت اون حق تقدم داره. توی نوشته‌ی‌علمی‌ی فراگیری بوت استرپ 5 در 2021، ما تماما درباره این فریمورک سخن کردیم و اون را یادگرفتن دادیم. بوت استرپ از ورژن‌ی 4 به بعداز تکنولوژی فلکس جعبه Css به مکان فلوت به کار گیری میکنه. اگه نمیدونین فلکس جعبه چیه، نوشته‌ی علمی فراگیری فلکس جعبه برای فرانت اند را بازرسی نمایید.
AngularJS: انگولار یکی‌از دیگه از فریمورک های فرانت اند می باشد که محصول لهجه جاوا اسکریپته. این فریمورک هم متن گشوده و رایگانه و برای اینترنت نرم افزار‌ها به فعالیت می‌رود. جذابیت این فریمورک اینه که صفحه های html را به وضعیت پویا می‌بره و با امداد داریرکتیوهاش می‌تونید صفت‌های html را ارتقا بدید.
js: بازم یه کادر ورک پر کاربرد و حرفه ای دیگه‌ی از جاوا اسکریپت. این فریمورک برای پیاده سازی رابط کاربری یا این که همون UI به کار گیری میشه. ری اکت component base می‌باشد و برای شغل با اون یا این که بایستی از node.js به کار گیری فرمائید یا این که CDN. یادگرفتن بدون نقص ری اکت را می‌تونید توی وب سایت سبز لرن ببینید.
js: ویو یک کدام از دیگه از فریمورک های فرانت اند جاوا اسکریپته که برای پیاده سازی رابط کاربری و نرم افزار‌های سینگل پیج به کار گیری میشه. ویو ورژن‌ی مدل گردیده البته قدرتمندی از انگولاره.
Jquery: جی کوئری فریمورک نیس، کتابخونه میباشد اما امکان‌های متعددی به جاوا اسکریپت اضافه می‌کنه؛ از جمله تعامل با html، ajax و رئیس ایونت‌های مرورگرها.