پورتفولیو را کجا و به چه شکل بسازیم؟

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



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

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

اپ‌نویس یا این که اینترنت دیزاینر ممکن میباشد بخواهد بسط‌دهنده فرانت اند (Frontend Developer) خواهد شد. یعنی خیلی تخصصی روی بسط فرانت اند تارنما‌ها و اینترنت نرم افزار‌ها فعالیت نماید. یا این که ممکن میباشد بخواهد فول استک دولوپر گردد. در هر دو شکل، می بایست مهارت‌های خویش را افرایش دهد. اشراف‌بر قاب ورک‌های اساسی و پر کاربرد درمیان مهارت‌هایی میباشد که بسط‌دهنده فرانت اند و فول استک دولوپر موردنیاز دارا‌هستند.



۱. شایسته ترین و دوست داستنی‌ترین کادر ورک فرانت اند در سال ۲۰۲۲ React میباشد
اغراق وجود ندارد در‌حالتی که بیان کنم که برای پیاده سازی رابط کاربری وبسایت‌ها و اینترنت نرم افزار‌ها همگی‌ی خط مش‌ها به قاب ورک توانا React ختم می‌گردد. برای ثابت محبوبیت ری اکت در دنیا کافی میباشد نگاهی‌به داده های عددی بیندازیم. داده های عددی statista.com که در تصویر ذیل میبینید، قاب‌ورک‌های فرانت اند و بک اند را براساس درصد محبوبیتشان درمیان پیشرفت‌دهندگان دنیا تر و تمیز نموده است. او‌لین کادر‌ورک دوستداشتنی عالم، یعنی Node.js، منحصر به فرد بسط بک اند میباشد. در جایگاده دوم، React.js قراردارد که پراستفاده‌ترین کادر ورک فرانت اند درمیان بسط‌دهندگان عالم میباشد.
React یا این که React JS or React.js کتابخانه‌ی جاوااسکریپت برای پیاده سازی فرانت اند میباشد. این کادر ورک را متا (فیسبوک) در سال ۲۰۱۳ عرضه کرد. ری اکت قاب ورکی بدون پول و متن‌گشوده میباشد و برای یادگیری آن نیز منابع آنلاین متعددی وجود دارااست. از مهمترین خصوصیت‌ها و مزایای ری اکت می‌گردد به مفاد تحت اشاره نمود:

ری اکت قاب ورکی کامپوننت‌مبنا میباشد. یعنی گسترش‌دهنده برای پیاده سازی اجزای UI صفحه های تارنما نیاز وجود ندارد تمامی‌چیز و همگی‌ی اجزا را ازصفر کدنویسی نماید. وی در ری اکت می تواند کامپوننت‌هایی را تعریف و تمجید نماید که در بخش‌های متفاوت وب سایت رفتارهای مختلف دارا‌هستند (کامپوننت‌هایی که میشود بارها و بارها از آن ها استفاده نمود). همین خصوصیت شغل تشکیل داد رابط کاربری وب سایت را بسیار سرعت می بخشد.
اینترنت دیزاینرها می بایست وب سایت را اولیه برای اسکرین‌های خرد، یعنی گوشی، پیاده سازی نمایند (تلفن همراه فرست طراحی صفحه). در شرایطی که توسعه و گسترش‌دهنده فرانت اند تارنما را با ری اکت ساخته باشد،‌ هیچ نگرانی ازبابت اکران و سرعت اکران وبسایت در دستگاه‌های گوشی ندارد.
ری اکت این قابلیت را به گسترش‌دهنده می دهد تا به‌راحتی اینترنت نرم افزار‌های سابق (Legacy app) را به‌روزرسانی و سازگار با تکنولوژی‌های نو نماید. به این ترتیب، نیازی وجود ندارد بسط‌‌دهنده کلیه اینترنت اپلیکیشن دیرین را ازنو بنویسد. با ری اکت تنها اجزا و نصیب‌هایی را که موردنیاز میباشد، آپ دیت و امروزی می‌نماید.
۲. Angular دومی قاب ورک پر کاربرد برای پیشرفت فرانت اند میباشد
در صورتی‌که مجدد نگاهی‌به داده های عددی بیندازیم، پس از jQuery (که در محتوایی دیگر، باعنوان با jQuery آشنا گردید، خیلی کامل معرفی گردیده‌است) و Express که کادر ورکی برای پیشرفت بک اند میباشد، به فریمورک آنگولار می‌رسیم. آنگولار قاب ورکی متن گشوده و مجانی میباشد که گوگل در سال ۲۰۱۶ آن را منتشر کرد. آنگولار با گویش تایپ‌اسکریپت تاسیس شده است. تایپ‌اسکریپت زبانی میباشد که زیرمجموعه‌ی جاوااسکریپت قرار می گیرد، البته با آن تفاوت‌هایی دارااست. مهمترین تفاوت تایپ‌اسکریپت با جاوااسکریپت این میباشد که از آن برای اپ‌نویسی پروژه‌های بغرنج و درمقیاس گران قدر (که چند هزار خط کد دارا‌هستند) استعمال می‌‌نمایند.

آنگولار نیز قاب ورکی کامپوننت‌شالوده میباشد و با آن میگردد فرانت اند وب سایت و اینترنت نرم افزار را برای دستگاه‌‌ها و پلتفرم‌های گوناگون گسترش اعطا کرد. البته مهم ترین خصوصیت این میباشد که آنگولار به توسعه و گسترش‌ی SPA (Single-page application) یا این که اینترنت نرم افزار‌های تک‌برگه‌ای تخصیص داراست. اینترنت نرم افزار‌های تک‌ورقه‌ای نرم افزار‌ها یا این که اینترنت نرم‌افزار‌هایی می باشند که صرفا یک شیت دارا هستند و براساس نیاز مخاطب صرفا محتوایی که می بایست و موردنیاز میباشد آپ تو دیت و بار گذاری می گردد و خیر کل برگه، مثل جی تمایل. آنگولار خودش را این‌طور تعریف‌و‌تمجید می‌نماید:

Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps.

آنگولار فریمورک پیاده سازی نرم افزار و پلتفرم توسعه و گسترش برای ساختن نرم افزار‌های تک‌‌برگه‌ای کارا و سطح‌بالاست.
۳. Vue.js کادر ورکی میباشد که از آنگولار چیزی نادر ندارد
پس از آنگولار و با اختلاف خیلی پاره ای کادر ورک ویو جی اس قراردارد. به طور تقریب ۱۹٪ از گسترش‌دهندگان در عالم برای بسط فرانت اند از Vue.js به کار گیری می‌نمایند. ویو جی اس نیز کادر ورک جاوااسکریپت، متن‌گشوده و بدون پول میباشد که در سال ۲۰۱۴ منتشر شد. دو چیز Vue.js را از آنگولار متمایز می‌نماید: ویو جی اس سریع‌خیس و آسوده‌خیس میباشد.

ویو جی اس خصوصیت اصلی دیگری هم داراست: بسیار انعطاف‌پذیر میباشد. یعنی شما در صورتیکه گسترش‌دهنده نو‌کاری باشید که پروژه‌ی کوچکی دارید و HTML و جاوااسکریپت را خیلی بهتر بلد می‌باشید، می توانید از ویو جی اس برای پیشرفت رابط کاربری پروژه خویش امداد بگیرید. در حالتی‌که پروژه غامض باشد، بازهم Vue.js گزینش قابل قبولی میباشد. شعار این فریمورک این میباشد که زیرا پیاده سازی و توسعه و گسترش هر سایتی منحصر میباشد و نیازهای خودش را دارااست، ویو جی اس بین نیاز و عدم وضوح‌های پروژه، تجارب‌ی توسعه و گسترش‌دهنده و سود‌ا‌ی که می بایست نتیجه ها گردد تعادل و تناسب برقرار می‌نماید.