د ویب پرمختیا صنعت د هرې ورځې په تیریدو سره د غوښتنلیکونو، ویب پاڼو، توکو، او نور ډیر څه کارولو او کارولو په اړه د خلکو نظرونه بدلوي.
د مخکښې پای چوکاټونو ډیری څخه مننه چې د کاروونکي غوره تجربې وړاندې کوي پداسې حال کې چې د راتلونکي نسل ویب پراختیا معیارونو سره د کارپوریټ اړتیاوې هم پوره کوي.
ستاسو د سافټویر پراختیا لپاره غوره چوکاټ غوره کول، له بلې خوا، یو ستونزمن کار دی. تاسو باید د بازار بشپړه څیړنه ترسره کړئ او ګټې او زیانونه درک کړئ.
خو مه وېرېږئ؛ موږ دلته یو ترڅو تاسو سره زموږ د کریسټال روښانه مشورې سره د وخت او انرژي خوندي کولو کې مرسته وکړو.
دا بلاګ به تاسو ته د لوړ پوړ چوکاټونو له لارې لارښوونه وکړي، او تاسو سره مرسته وکړي پریکړه وکړي چې کوم یو ستاسو د راتلونکي ویب پرمختیا پروژې لپاره غوره دی.
د مخکینۍ پای چوکاټونه څه دي؟
د ویب پرمخ وړونکي د خپلو دندو د اسانه کولو لپاره د فرنټ اینډ چوکاټونو ته اړتیا لري: دا سافټویر کڅوړې معمولا دمخه لیکل شوي / د بیا کارولو وړ کوډ ماډلونه، معیاري مخکښې پای ټیکنالوژي، او چمتو شوي انٹرفیس بلاکونه شاملوي، چې دا د پراختیا کونکو لپاره ګړندۍ او اسانه کوي ترڅو اوږدمهاله ویب رامینځته کړي. غوښتنلیکونه او UIs پرته له دې چې هر فنکشن یا څیز له سکریچ څخه کوډ کړي.
د پراختیا ځینې وسیلې د مخکینۍ پای چوکاټونو کې شاملې دي، لکه یو گرډ چې د UI ډیزاین اجزاو تنظیم او موقعیت اسانه کوي، د مخکینۍ ټاکل شوي فونټ ترتیبات، او د ویب پاڼې معیاري جوړونې بلاکونه (د بیلګې په توګه، اړخ پینل، تڼۍ، نیویګیشن بار، او نور. .)
دا په ساده ډول تاسو د هرې پروژې لپاره د څرخ له بیا ایجادولو څخه ساتي.
د عالي کارن انٹرفیس رامینځته کولو لپاره غوره چوکاټونه
نو، راځئ چې لاړ شو او د مخکښې پای ترټولو مشهور چوکاټونو نړۍ ته ژوره ژوره کتنه وکړو، د دوی ګټې او نیمګړتیاوې، او کله چې د چوکاټ کارول او برعکس.
1. غبرګون
عکس العمل یو مشهور مخکښ خلاص سرچینه جاواسکریپټ کتابتون دی چې د خورا ځواب ویونکي ویب پروژو پراختیا کې مرسته کوي. د دې لومړنی هدف د متقابل کارونکي انٹرفیس (UI) ډیزاین کول دي چې ستاسو د سافټویر سرعت زیاتوي.
د عکس العمل چوکاټ، د فیسبوک لخوا رامینځته شوی، په لنډ وخت کې شهرت ترلاسه کړ. دا د ډیرو راتلونکو ټرافیکونو سره د ویب پاڼو متحرک کارن انٹرفیس رامینځته کولو او اداره کولو لپاره کارول کیږي.
دا یو مجازی DOM ګماري، کوم چې د هر غوښتنلیک سره ادغام ساده کوي. د عکس العمل رینډینګ منطق د نورو UI منطق سره نږدې تړاو لري.
د فرنټ اینډ چوکاټ د پیښو اسانه اداره کول ، د دولت لیږدونه ، او د ډیټا چمتو کولو ښودنه کوي. دا په جلا فایلونو کې د مارک اپ او منطق ساتلو معیاري تمرین ته استثنا ده.
Pros
- د اجزاو د بیا کارولو پرمهال د وخت سپما
- د خلاصې سرچینې کتابتون چې د وسیلو پراخه لړۍ پکې شامله ده
- د یوې لارې ډیټا حرکت مستحکم کوډ چمتو کوي.
- مجازی DOM د کارونکي تجربه او د پراختیا کونکي کار دواړه ښه کوي.
- د دې د بیا کارونې وړ برخې د ایپ پراختیا او ساتنه اسانه کوي.
- دا په منظم ډول د چوکاټ تازه نسخې نوي کوي او خپروي. تاسو به په وخت سره د بګ پیچونه او اصلاحات ترلاسه کړئ.
له بندڅخه
- د زده کړې څرنګوالی خورا سخت دی.
- د JSX پیچلتیاوې د پراختیا کونکو لپاره ستونزمن دي چې پوه شي.
- د چټک پرمختګ له امله، د اسنادو نشتوالی شتون لري.
- تاسو کولی شئ د "بهیر او ډیټا برخې" له لاسه ورکړئ لکه څنګه چې پروژه پراخه کیږي.
کله باید وکاروئ؟
غبرګون یو دی د پروګرامونې ژبه چې د پیچلي کارن انٹرفیسونو رامینځته کولو لپاره کارول کیږي ، په ځانګړي توګه د واحد مخ ایپس. ځکه چې دا د بیا کارونې وړ اجزاو ته اجازه ورکوي، دا د مخکښې پای خورا پیاوړی چوکاټ دی کله چې تاسو اړتیا لرئ په لنډ وخت کې یو متقابل انٹرفیس جوړ کړئ.
کله چې د کارولو څخه ډډه وکړئ:
کله چې تاسو د جاواسکریپټ سره ډیره تجربه نلرئ، غبرګون غوره انتخاب ندی. په ورته ډول، د JSX زده کړې وکر د نوي پراختیا کونکو لپاره خورا سخت دی.
2. کونګول
ګوګل په 2010 کې د تخنیکي نوښت او دودیزو مفکورو ترمنځ د تشې د ډکولو لپاره د یو پیاوړي کاروونکي انٹرفیس چوکاټ په توګه Angular اختراع کړ. دا د ټایپ سکریپټ پراساس پراختیایی پلیټ فارم دی چې د ښه مدغم کتابتونونو پراخه سیټ سره چې تاسو ته اجازه درکوي د توزیع وړ ایپس رامینځته کړئ ، دا د ویب UI عالي چوکاټ رامینځته کوي.
دا یو د خلاصې سرچینې مخکښې پای چوکاټ دا د جاواسکریپټ ایکوسیستم برخه ده او د حیرانونکي کارن انٹرفیسونو جوړولو لپاره کارول کیدی شي. په مقابل کې، د عکس العمل لپاره، د انګولر دوه اړخیز ډیټا پابند خصوصیت ځانګړی دی.
دا په ګوته کوي چې لید او ماډل واقعیا د وخت سره همغږي شوي ، پدې معنی چې په ماډل کې کوم بدلون سمدلاسه په نندارتون کې نقل کیږي ، او برعکس. انګول یو غوره انتخاب دی که ستاسو پلان پکې شامل وي آنلاین یا ګرځنده ایپس جوړول.
Pros
- لوړه وړتیا
- یو اکوسیستم چې لوی دی
- د موادو ډیزاین انٹرفیس تولید د زاویه موادو لخوا تنظیم شوی.
- د زاویه بندیزونو برخې پراساس چلند د واحد اجزاو سره د کارونکي انٹرفیس رامینځته کوي.
- د دې د بیاکتنې خدماتو او ښه نیویګیشن سره، دا کوډ کول اسانه کوي.
- د انحصار انجیکشن اجزا نور د بیا کارولو وړ ، د ازموینې وړ او اداره کولو وړ کوي.
له بندڅخه
- زاویه یوه فعلي او پیچلې ژبه ده.
- ځینې کاروونکي ممکن د انګولر پرت شوي ډیزاین درک کولو لپاره مبارزه وکړي ، کوم چې کولی شي د فرنټ اینډ چوکاټ ډیبګ کول ننګونکي کړي.
- متحرک اطلاقات او د واحد پاڼې غوښتنلیکونه (SPAs) به ناامنه وي.
- د AngularJS څخه Angular ته د زاړه سیسټمونو لیږدول ډیر وخت نیسي.
- زاویه ویب ایپس د SEO لږترلږه انتخابونه لري، چې د لټون انجنی کرالرانو لخوا یې موندل ستونزمن کوي.
کله یې باید وکاروو؟
څرنګه چې دا د دوه اړخیز ډیټا پابندۍ کاروي، انګولر د منځپانګې په چټکۍ سره تازه کولو سره د براوزر پر بنسټ پروګرامونو فعالیت ښه کوي. Angular د تصدۍ متمرکز او فعال ویب پروژې لپاره غوره انتخاب دی.
کله د کارولو څخه ډډه وکړئ؟
د مخکینۍ پای چوکاټ په توګه، زاویه یو هر اړخیز حل دی. تاسو به نشئ کولی هغه سرچینې وکاروئ چې انګولر چمتو کوي که تاسو اړتیا لرئ د محدود سکوپونو سره ایپس جوړ کړئ. د ساده نحو او لږو پیچلتیاوو سره یو کوچنی چوکاټ غوره کړئ کله چې تاسو کوچنۍ ډله لرئ.
3. Vue.js
دا د ویب کارن انٹرفیس چوکاټ یو ډول دی چې مخلوط کوي عکس العمل او زاویه. Vue.js د ګرځنده او ډیسټاپ لپاره د واحد مخ ایپسونو او پرمختللي ویب انٹرفیسونو جوړولو لپاره چوکاټ دی. دا په 2019 کې د کاروونکو تجربو د تنظیم کولو لپاره دوهم خورا مشهور فرنټ اینډ چوکاټ و.
دا کولی شي دواړه متحرک او بنسټیزې پروژې په اسانۍ سره اداره کړي، د ویب او ګرځنده غوښتنلیکونو جوړولو څخه پرمختلونکي ویب ایپسونو ته. Vue او React په دې کې توپیر لري چې Vue د JS چوکاټ دی پداسې حال کې چې عکس العمل د JS کتابتون دی. دا د لویو کارونو لپاره غوره دی.
د دې حقیقت سره سره چې Vue د پیچلتیا په ګوته کولو او د اپلیکیشن سرعت ښه کولو لپاره رامینځته شوی و ، دا د صنعت بیهیموتونو ترمینځ د جذب ترلاسه کولو کې پاتې راغلی. کله چې د Angular vs VueJS پرتله کول، Vue د زاویه سرعت او کارونې ته وده ورکوي.
Pros
- دا د واحد ازموینې لپاره مثالی دی او د لوستلو او پوهیدو لپاره ساده دی.
- زده کونکي بشپړ اسنادو ته لاسرسی لري.
- دا د ځواکمن وسیلې سیسټم او یو شمیر نوي ب featuresې لري.
- دا په براوزر کې د dev وسیلو لپاره توسیع وړاندیز کوي.
- د کوډ بیا کارول او د ادغام اسانتیا
- د پیچلي متحرک غوښتنلیکونو او همدارنګه کوچني، ساده غوښتنلیکونو رامینځته کولو ملاتړ کوي.
- د دې چوکاټ ترکیب نسبتا بنسټیز دی، دا کار کول اسانه کوي.
له بندڅخه
- Vue.js د شهرت نشتوالي له امله محدوده ټولنه لري. د پایلې په توګه، د ملګري ملاتړ موندل ممکن ننګونه وي.
- د معلوماتو لوستلو پرمهال، ځینې وختونه د عکس العمل سیسټم غلطی کوي.
- دا د لوی پیمانه نوښتونو سره د مبارزې لپاره اړین سرچینې نلري.
- Vue.js خطرناک دی چې په لویو پروژو کې د ماهر پراختیا کونکو نشتوالي، د ټولنې ملاتړ، او د برخې ثبات اندیښنو له امله کارول کیږي.
کله یې باید وکاروو؟
د دې سادگي او استقامت لپاره، Vue.js نن ورځ یو له خورا مشهور مخکینۍ چوکاټ څخه دی. دا تاسو ته اجازه درکوي ټوله پروژه له ځمکې څخه ډیزاین کړئ او د لویو پروژو اداره کولو وړتیا هم لري. د پرمختللو ویب ایپسونو، متحرک ویب ایپسونو، او لویو پروژو لپاره مناسب چې د اندازې وړ او اغیزمن ډیزاین ته اړتیا لري.
کله د کارولو څخه ډډه وکړئ؟
Vue.js د تګ لپاره مناسبه لاره نه ده که تاسو فرض کړئ د ملاتړ ټولنه به پیچلتیاوو ته د ځواب ویلو لپاره شتون ولري. په ورته ډول، غوښتنلیکونه چې ثابت اجزاو ته اړتیا لري د Vue په کارولو سره د جوړونې لپاره مناسب ندي، ځکه چې چوکاټ د برخې سختوالي سره مسلې رامینځته کړې.
4. پټول
دا د ویب لپاره یو زوړ فرنټ اینډ چوکاټ دی. دا لومړی ځل په 2006 کې معرفي شو، او دا د خپلو سیالانو په منځ کې د دې د تړاو، د کارولو اسانتیا، او سادگي له امله ولاړ دی.
سره له دې چې پدې صنعت کې یو ریښتینی تجربه کونکی دی ، دا لاهم د 2022 ترټولو غوره فرنټ اینډ چوکاټونو څخه شمیرل کیدی شي ځکه چې د یو څو استثناوو سره ، دا واقعیا د اوسني پرمختیایی شرایطو لپاره پلي کیږي.
jQuery، په ځانګړې توګه، د دې لپاره ډیزاین شوی چې د جاواسکریپټ په پراختیا کې مصرف شوي وخت کم کړي او سادگي او همدارنګه د هغې لوی او تجربه لرونکي ټولنې څخه قوي ملاتړ چمتو کړي، کوم چې د ډیرو کلونو مهارتونو له لارې راټول شوي.
دا جلا متحرکات، د پوښتنې انتخاب، او د API انتخاب وړتیاوې وړاندې کوي. دا د کاسکیډینګ سټایل شیټونو (CSS) او جاواسکریپټ اړتیا له مینځه وړي.
Pros
- وسیله د کارولو لپاره ساده ده، او جوړښت یې د پیژندلو لپاره ساده دی.
- ګړندی پایلې وړاندې کوي او ارزانه دي.
- تاسو کولی شئ په اسانۍ سره ډاونلوډ او مطالعه کړئ.
- ځکه چې دا یو له غوره UI چوکاټونو څخه دی، دا د کراس پلیټ فارم سره مطابقت لري.
- دا د وروستي پرمختګونو په پایله کې د ځواب ویونکي ویب حلونو لپاره مناسب وي.
له بندڅخه
- دا یو زوړ پلیټ فارم دی، او نن ورځ په بازار کې ډیری نوي او غوره چوکاټونه شتون لري.
- دا د متحرک غوښتنلیکونو رامینځته کولو ته اجازه ورکوي ، که څه هم په ورو سرعت کې.
- د JQuery لږ وزن لرونکي انٹرفیس ممکن په اوږدې مودې کې مسلې رامینځته کړي.
- کله چې د CSS په پرتله، jQuery ورو دی.
کله یې باید وکاروو؟
دا د ویب پرمختیا چوکاټ د ډیسټاپ لپاره د جاوا سکریپټ پروګرامونو جوړولو لپاره کارول کیږي. دا چوکاټ کوډ پاک او مستقیم ساتي. دا د پیښو اداره کولو او متحرکاتو اجرا کولو لپاره کارول کیږي.
کله د کارولو څخه ډډه وکړئ؟
دا ممکنه نده چې د jQuery کارولو په وخت کې د لوی پیمانه برنامه رامینځته کړئ ځکه چې دا ستاسو پروژې ته د جاواسکریپټ نور کوډ اضافه کوي ، دا خورا دروند کوي. دا چوکاټ د پرمختللو جاواسکریپټ وړتیا، د کوډ لږې کرښې، او د عنصر بیا کارونې شرایطو کې د عصري چوکاټونو سره سیالي کولو توان نلري.
5. Ember.js
دا د خلاصې سرچینې جاواسکریپټ ویب UI چوکاټ دی چې د توزیع وړ کراس پلیټ فارم ایپسونو رامینځته کولو کې د هوښیار پراختیا کونکو سره مرسته کوي. Ember.js د آنلاین پراخه لړۍ جوړولو لپاره کارول کیدی شي او ګرځنده غوښتنلیکونه، او د دې اغیزمن ډیزاین به هر هغه مسلې ته پاملرنه وکړي چې راپورته کیږي.
په هرصورت، د امبر یو کوچنی نیمګړتیا د هغې د زده کړې محرک دی. د دې دودیز او سخت جوړښت له امله، دا د ماسټر کولو لپاره یو له خورا ستونزمن ویب UI چوکاټونو څخه دی. LinkedIn او Apple، د بیلګې په توګه، دا کار کوي سره له دې چې دا د ماسټر کولو لپاره یو له خورا ستونزمن چوکاټونو څخه دی.
دا د ماډل-View-ViewModel (MVVM) او د واحد مخ ویب غوښتنلیکونو جوړولو لپاره د معمارۍ نمونې پر بنسټ چوکاټ دی.
Pros
- د دې بسته اکوسیستم خورا لوی او ښه پرمختللی دی.
- دا شاته مطابقت لري او ایپسونو ته د زیان رسولو مخه نیسي.
- دا د دوه اړخیز ډیټا پابندۍ ته اجازه ورکوي.
- ستاسو د ټولو اړتیاو پوره کولو لپاره یو ښه پرمختللی او په بشپړ ډول بار شوي بسته چاپیریال.
- په لنډ وخت کې، تاسو کولی شئ په اسانۍ سره یوازې د یوې کمانډ په کارولو سره بشپړ اپلیکیشن جوړ کړئ.
له بندڅخه
- EmberJs د زده کړې خورا لوړ وکر لري.
- دا د انعطاف او تنظیم محدود مقدار لري.
- دا ورو دی، او ستاسو پروژه ممکن ودریږي.
- دا پوهیدل ګران دي، او دا د کوچنیو پیمانه غوښتنلیکونو لپاره خورا لوی دی.
- دا یو پیچلي ترکیب لري، کوم چې کیدای شي په ځینو وختونو کې کار کول ستونزمن کړي.
کله یې باید وکاروو؟
Ember.js د کارولو لپاره مخکښ چوکاټ دی که تاسو اړتیا لرئ د ځواب ویونکي کارونکي تجربې سره عصري ایپسونه رامینځته کړئ ، لکه لینکډین. دا د هر میخانیکي مخکښې پای ځانګړتیا سره راځي، لکه د Ember.js غوره روټینګ څخه مننه د ایپسونو پراخه لړۍ مشاهده کولو وړتیا. ځکه چې دا د اړتیا په صورت کې د پاڼې چمتو کولو لپاره قوي ډیټا پابند، یو سمبال ترتیب، او دودیز ملکیتونه چمتو کوي، دا چوکاټ ځان د یوې لویې پروژې لپاره د بشپړ مخکښ حل په توګه هڅوي.
کله د کارولو څخه ډډه وکړئ؟
Ember.js عموما د کوچني پرمختیایی ټیم لپاره مناسب نه دی ځکه چې دا د سوداګرۍ منطق او تجربې ته اړتیا لري ترڅو ستونزې حل کړي. د Ember.js سره، لومړنۍ پانګه اچونه ممکن ډیره وي. په ورته ډول، چوکاټ ممکن د ساده Ajax فعالیت سکریپټ کولو یا د کاروونکي انٹرفیس جوړولو لپاره مثالی نه وي.
6. بیکبون.جز
دا د جاواسکریپټ یو له خورا مشهور چوکاټونو څخه دی. دا د مینځلو او ماسټر کولو لپاره ساده دی. د دې سره د واحد مخ غوښتنلیکونه رامینځته کیدی شي. د دې چوکاټ د جوړولو تر شا مفهوم دا دی چې د سرور اړخ ټولې دندې باید د API له لارې واستول شي، کوم چې پراختیا کونکو ته اجازه ورکوي چې لږ کوډ ولیکي پداسې حال کې چې ډیر پیچلي فعالیت ترلاسه کوي.
دا ستاسو د JS کوډ تنظیم کولو لپاره د ماډل لید کنټرولر (MVC) ډیزاین کارولو لپاره ترټولو لوی فرنټ اینډ چوکاټ دی. د اسنادو آبجیکٹ ماډل (DOM) د راټولولو او بیا انځور کولو حیرانتیا وړتیاوې لري. د پایلې په توګه، که تاسو غواړئ Backbone.js د بیک انډ یا فرنټ اینډ لپاره وکاروئ، دا یو ښه حل دی ځکه چې د دې REST API مطابقت ډاډ ورکوي چې دواړه په همغږي کې دي.
Pros
- دا یو وړیا او خلاصې سرچینې کتابتون دی چې له 100 څخه ډیر توسیعونه شتون لري.
- د پیژندلو لپاره خورا لږ ستونزمن.
- چوکاټ تاسو ته د ډیری فعالیت کنټرول اجازه درکوي.
- دا موږ ته وړتیا راکوي چې ښه جوړ شوي او تنظیم شوي پیرودونکي اړخ ویب ایپسونه یا ګرځنده غوښتنلیکونه جوړ کړو.
- ماډلونه، د DOM پرځای، د معلوماتو ساتلو لپاره کارول کیدی شي.
له بندڅخه
- چوکاټ ګټور جوړښت نه وړاندې کوي.
- د اپلیکیشن پراختیا رامینځته کولو لپاره د کارولو اسانه وسیلې وړاندې کوي.
- دا چوکاټ به تاسو ته اجازه ورنکړي چې ډیر ګټور وي.
- د ځینو بنسټیزو وسایلو په رسولو سره، جوړښت ناڅرګند دی.
کله یې باید وکاروو؟
Trello، د مثال په توګه، د متحرک ایپس جوړولو لپاره Backbone.js کاروي. دا پراختیا کونکو ته وړتیا ورکوي چې د پیرودونکي اړخ ماډل رامینځته کړي ، ګړندي بدلونونه رامینځته کړي ، او کوډ بیا وکاروي. دا اوس د دې وړتیا لري چې د پیرودونکي په کلکه ساتنه وکړي، تازه معلومات پلي کړي، او د سرور سره دوامداره همغږي وساتي.
کله د کارولو څخه ډډه وکړئ؟
د نورو MVC مراجعینو اړخ چوکاټونو په پرتله، Backbone.js د ویب پروژې جوړولو لپاره لږترلږه اړتیاوې لري. په هرصورت، توسیعونه او پلگ انونه د فعالیت پراخولو لپاره کارول کیدی شي. د پایلې په توګه، هغه ټیمونه چې په یو واحد چوکاټ کې د بشپړ حل په لټه کې دي باید د Backbone.js څخه ډډه وکړي.
7. سینمایټ UI
دا د CSS پر بنسټ د کاروونکي انٹرفیس پراختیا چوکاټ دی چې په چټکۍ سره په GitHub کې یو له خورا مشهور جاواسکریپټ پروژو څخه شو. د دې ټولنې په بریالیتوب سره د چوکاټ لپاره له 3000 څخه ډیر موضوعات او 50+ برخې رامینځته کړې.
د دې بنسټیز فعالیت او افادیت، او همدارنګه د دې اسانه کاروونکي انٹرفیس، دا جلا کړئ. دا کوډونه د ورځني ژبې په کارولو سره ځان تشریح کوي. د سیمنټیک هدف د کاروونکو انٹرفیسونو تبادلې لپاره د ژبې وړاندیز کولو سره ډیزاینرانو او پراختیا کونکو ته ځواک ورکول دي. دا ساده ژبه کاروي، کوډ ته اجازه ورکوي چې ځان تشریح کړي.
ایکولوژیک ټولنه لاهم چوکاټ ته عادت کیږي. په هرصورت ، دا د دې د پام وړ کارونکي انٹرفیس ، ساده عملیاتو او ب featuresو له امله په بازار کې یو له خورا مشهور مخکښې چوکاټ څخه ګرځیدلی.
Pros
- سیمانټیک UI د کارولو لپاره ساده او رواني دی.
- قبولیت او بډایه UI اجزا
- چوکاټ د غوره کولو لپاره ډیری موضوعات لري.
- دا د نورو چوکاټونو په څیر پیچلی ندی.
له بندڅخه
- د ټولو ګرځنده وسیلو ملاتړ کولو لپاره، ځواب ورکوونکي کم شوي.
- دا د براوزر ضعیف مطابقت لري.
- د هغو کسانو لپاره چې جاواسکریپټ ته نوي دي، دا یو مناسب انتخاب ندی.
کله یې باید وکاروو؟
سیمانټیک UI یو لږ وزن لرونکی میتودولوژي ده چې د متقابل کارونکي انٹرفیسونو بې سیمه رامینځته کولو ته اجازه ورکوي.
کله د کارولو څخه ډډه وکړئ؟
کله چې د نويو ګروپونو سره کار کوئ څوک چې د جاواسکریپټ سره بلد نه وي، د سیمانټیک - UI چوکاټ سپارښتنه نه کیږي ځکه چې دا په جوړ شوي ظرفیتونو تکیه کولو پرته د اپلیکیشن دودیز کولو وړتیا ته اړتیا لري.
8. Foundation
په 2021 کې، بنسټ د JS، HTML، او CSS لپاره یو له غوره مخکښې پای چوکاټونو څخه و. دا د غوره ویب پا andو او ایپسونو رامینځته کولو لپاره یو له خورا مشهور چوکاټونو څخه دی چې اوس مهال شتون لري.
دا په اصل کې د تصدۍ په کچه د چټک او ځواب ویونکي ویب پاڼې جوړولو لپاره ډیزاین شوی. د فاؤنڈیشن په کارولو سره د فرنټ اینډ غوښتنلیکونو جوړولو پیل کول پیچلي او همدارنګه د ویب پراختیا کونکو لپاره ستونزمن دي.
دا د ګړندي ګرځنده رینډرینګ ، مایع حرکتونو ، او ډیټا لیږد وړتیاو لپاره د GPU سرعت لري ، لکه د درنو وسیلو لپاره د سپک وزن برخو بار کول او د لویو وسیلو لپاره ګرځنده برخې.
Pros
- د مختلف سکرین اندازو لپاره اسانه ډیزاین ته اجازه ورکوي.
- دا تاسو ته اجازه درکوي په زړه پورې ویب پاڼې جوړې کړئ.
- د کاروونکي تجربه د مختلفو وسیلو او رسنیو سره سمون لري.
- کله چې دا اضافه کولو ته راځي، دوی په اسانۍ سره د تطبیق وړ او د پراختیا وړ دي.
- د HTML5 لپاره د تصدیق کتابتون فورمه
- د بلاک گرډ فعالیت یو غیر منظم لیست د گرډ سټایل ته بدلوي.
له بندڅخه
- پیل کونکي به د زده کړې لپاره یو څه ستونزمن وي.
- د ټولنې لږ فورمونه او د ملاتړ ځایونه شتون لري.
- دا د لږ شمیر برخو څخه جوړ شوی دی.
- د لوی پیمانه کارونو لپاره، چوکاټ ممکن یوه مسله رامینځته کړي.
کله یې باید وکاروو؟
بنسټ د نورو حلونو څخه غوره دی که تاسو سجیلا خلاص سرچینه، د CSS برخې، او د ګرځنده دوستانه مخکینۍ پای چوکاټ غواړئ.
کله د کارولو څخه ډډه وکړئ؟
دا د نويو لپاره وړاندیز نه کیږي ځکه چې د کوډ تعدیل کول سخت دي او د دې د تخصیص وړتیاو له امله پیچلتیا ډیروي.
9. بویه
Svelte د مخ پر ودې پراختیا چوکاټ دی. د Vue او React په څیر د چوکاټونو په څیر، دا چوکاټ په براوزر کې د ټایپ کولو پرځای په مرحله کې د کار راټولولو سره بدلون راوستی دی.
Svelte، د خلاصې سرچینې برخې پر بنسټ د ټایپ سکریپټ لیکل شوي جاواسکریپټ چوکاټ، د لږ وزن د مخکښې پای پراختیا انتخاب لپاره او پراختیا کونکو ته اجازه ورکوي چې د نورو چوکاټونو په پرتله خورا لږ کوډینګ سره پروژې بشپړې کړي.
دا هم فکر کیږي چې یو له خورا ګړندي مخکینۍ پای چوکاټونو څخه شتون لري. د فرنټ پای پراختیا کونکي د دې په اړه لیواله دي، او دا تر اوسه پورې د 3000 څخه زیاتو ویب پاڼو جوړولو لپاره کارول شوي.
Pros
- دا کوچنی او ساده دی، او دا د اوسني JS کتابتونونو سره کار کوي.
- دا کوچنی او د کارولو لپاره اسانه دی، او دا د مشهور جاواسکریپټ کتابتونونو په سر کې جوړ شوی.
- لږترلږه کوډ کول او د برخې پر بنسټ جوړښت
- دا د هر بل چوکاټ څخه ګړندی دی ، پشمول د عکس العمل او زاویه.
- یو له خورا ځواب ویونکي مخکینۍ چوکاټ څخه.
له بندڅخه
- ایکولوژي محدوده ده او ټولنه ناپاکه ده.
- محدود وسیلې او د ملاتړ توکو نشتوالی
- د اندازه کولو ځینې اندیښنې او د کوډ کولو ځانګړتیاوې
- د خپلو سیالانو په پرتله، دا د کافي محدود شمیر کڅوړې لري.
کله یې باید وکاروو؟
دا چوکاټ د کوچني ټیم سره د وړو غوښتنلیکونو پراختیایي پروژو لپاره خورا ښه دی. ځکه چې دا د ملاتړ لوی ګروپ نلري، دا غوره ده چې دا د پراخو کارونو لپاره ونه کارول شي.
کله د کارولو څخه ډډه وکړئ؟
دا سپارښتنه کیږي چې تاسو باید د ټولنې او وسایلو د نشتوالي له امله پدې وخت کې د لویو پروژو لپاره د سویلټ چوکاټ نه کار واخلئ. د کوچنۍ ډلې له امله، د مسلو یا کیګونو لپاره د حل موندلو موندل چې ممکن وروسته د پراختیا په بهیر کې ښکاره شي ننګونې دي.
10. Preact.js
Preact، کوم چې ورته ES6 API د عکس العمل په توګه کاروي، د پام وړ ګړندی او ډیر اغیزمن بدیل دی. دا د ساده جاواسکریپټ چوکاټ په کارولو سره رامینځته شوی چې د عکس العمل په څیر ورته API فعالیت چمتو کوي.
دا یو له خورا ګړندی مجازی DOM چوکاټونو څخه دی چې د متحرک ویب غوښتنلیکونو رامینځته کولو ته اجازه ورکوي. دا د ثابت پلیټ فارم ځانګړتیاو پراساس دی او د مختلف موجود فرنټ اینډ او UI کتابتونونو سره ښه کار کوي.
پریکټ په اندازې کې معتدل دی مګر په سرعت کې ندي، او دا د پیچلي متحرک ویب غوښتنلیکونو پراختیا ته اجازه ورکوي.
Pros
- دا د عکس العمل API سره کار کوي.
- دا کمپیکٹ او رڼا ده.
- دا ټولیز فعالیت ته وده ورکوي کله چې غوښتنلیک رامینځته کوي.
- دا خورا اغیزمنه ده.
- دا د عکس العمل API سره کار کوي.
- Preact د اپلیکیشن رامینځته کولو پرمهال فعالیت ښه کوي.
له بندڅخه
- دا د React propTypes ملاتړ نه کوي.
- متن نه ملاتړ کیږي.
- د عکس العمل په پرتله، دا کوچنۍ ټولنه لري.
کله یې باید وکاروو؟
Preact د عکس العمل لږ وزن لرونکی نسخه ده. له همدې امله ، که تاسو غواړئ د سپک وزن چوکاټ وکاروئ ، د عکس العمل پرځای پریکټ سره لاړشئ.
کله د کارولو څخه ډډه وکړئ؟
Preact د بې ځایه شوي فعال اجزاو سره مرسته نه کوي. نو ، که تاسو ورته اړتیا لرئ ، نو تاسو باید پریکټ ونه کاروئ.
پایله
تر دې دمه ، موږ د مخکښې پای ځینې خورا مشهور چوکاټونه پوښلي دي. په هرصورت، ټیکنالوژي تل بدلیږي، او څوک پوهیږي، موږ کولی شو ډیر ژر یو ښه چوکاټ ولرو. د نوي چوکاټونو د رامینځته کولو سربیره، موجوده د پرله پسې لوړولو او د نوي فعالیت اضافه کولو له لارې په بازار کې خپلې ریښې ژورې کوي.
د پایلې په توګه ، د مخکښې پای پراختیا کونکي به تل د زده کړې او کار کولو لپاره مختلف چوکاټونه ولري. دا پرته له دې چې ووایی چې د داسې بصیرت لیست څخه یو غوره کول یو ستونزمن کار دی. په هرصورت، دا مقاله به بې له شکه تاسو سره په دې پریکړه کولو کې مرسته وکړي چې پورته او په بازار کې وړاندیز شوي د ډیری مخکښې ویب پراختیا چوکاټونو څخه کوم یو ستاسو لپاره غوره دی.
یو ځواب ورکړئ ووځي