شاوخوا 15 کاله دمخه ، زه په یوه شرکت کې کار کوم چیرې چې موږ د سفر اجنټانو ، هوایی ډګر کارمندانو ، او هوایی شرکتونو لپاره ایپسونه جوړ کړل. موږ د UI اجزاو او د واحد مخ ایپ وړتیاو لپاره خپل کور دننه چوکاټ هم جوړ کړی. موږ د هرڅه لپاره اجزاوې درلودې: ساحې، تڼۍ، ټبونه، رینجونه، ډیټابلونه، مینو، نیټه غوره کونکي، انتخابونه، او څو انتخابونه. موږ حتی د div برخه درلوده. زموږ div برخه په لاره کې عالي وه ، دا موږ ته اجازه راکړه چې په ټولو براوزرونو کې ګردي کونجونه ترسره کړو ، کوم چې باور وکړئ یا نه ، په هغه وخت کې ترسره کول اسانه کار نه و.

زموږ کار زموږ د تاریخ په یوه نقطه کې ترسره شو کله چې JS، Ajax، او متحرک HTML د یو انقلاب په توګه لیدل کیده چې موږ یې راتلونکي ته راوړو. ناڅاپه، موږ کولی شو یو پاڼه په متحرک ډول تازه کړو، د سرور څخه ډاټا ترلاسه کړو، او نورو پاڼو ته د تګ کولو څخه ډډه وکړو، کوم چې د سست په توګه لیدل کیده او د دوو پاڼو ترمنځ په سکرین کې یو لوی سپین مستطیل فلش شوی. دلته یوه جمله وه، چې د جیف اتوډ (د StackOverflow بنسټ ایښودونکي) لخوا مشهوره شوې، کوم چې لوستل: "هر هغه غوښتنلیک چې په جاواسکریپټ کې لیکل کیدی شي په پای کې به په جاواسکریپټ کې ولیکل شي." - جیف اتوډ

په هغه وخت کې زموږ لپاره، دا د زړورتیا په څیر احساس کاوه چې واقعا لاړ شئ او دا ایپسونه جوړ کړئ. دا د JS سره د هرڅه کولو لپاره د کمبل تصویب په څیر احساس وکړ. نو موږ د JS سره هرڅه وکړل، او موږ واقعیا د شیانو د نورو لارو څیړلو لپاره وخت نه و اخیستی. موږ واقعیا هڅونه احساس نه کړه چې په سمه توګه زده کړو چې HTML او CSS څه کولی شي. موږ واقعیا ویب په بشپړ ډول د پرمختللي اپلیکیشن پلیټ فارم په توګه نه وینو. موږ ډیری یې دا د هغه څه په توګه ولیدل چې موږ یې شاوخوا کار کولو ته اړتیا لرو، په ځانګړې توګه کله چې دا د براوزر ملاتړ ته راځي. موږ کولی شو د کارونو ترسره کولو لپاره پدې کې نور JS وغورځوو. ایا د دې په اړه نور معلومات ترلاسه کولو لپاره وخت نیسي چې ویب څنګه کار کوي او په پلیټ فارم کې څه شتون درلود ما سره مرسته کړې؟ ډاډه ، ما شاید د کوډ یوه ډله ټوټه کړې وي چې واقعیا ورته اړتیا نه وه. مګر، په هغه وخت کې، شاید دومره نه وي. تاسو ګورئ ، د براوزر توپیرونه هغه وخت خورا مهم وو. دا هغه وخت و چې انټرنیټ اکسپلورر لا تر اوسه غالب براوزر و، فایرفوکس نږدې دوهم و، مګر د کروم په چټکۍ سره د شهرت ترلاسه کولو له امله د بازار ونډه له لاسه ورکول پیل کړل. که څه هم کروم او فایرفوکس د ویب معیارونو په موافقت کې خورا ښه وو، هغه چاپیریال چې زموږ ایپسونه په کې روان وو پدې معنی چې موږ باید د اوږدې مودې لپاره د IE6 ملاتړ وکړو. حتی کله چې موږ د IE8 ملاتړ کولو اجازه درلوده، موږ لاهم د براوزرونو ترمنځ د ډیری توپیرونو سره معامله کوله. نه یوازې دا، مګر د وخت ویب یوازې دومره وړتیاوې نه درلودې چې په پلیټ فارم کې سم جوړ شوي.

ګړندی نن ورځ ته لاړ شه. شیان خورا ډیر بدل شوي. نه یوازې دا چې موږ د پخوا په پرتله د دې وړتیاوو څخه ډیر لرو، مګر هغه نرخ چې دوی شتون لري هم ډیر شوی. اجازه راکړئ بیا پوښتنه وکړم، بیا: ایا د دې په اړه نور معلومات ترلاسه کولو لپاره وخت نیسي چې ویب څنګه کار کوي او په پلیټ فارم کې څه شتون لري نن ورځ تاسو سره مرسته کوي؟ بالکل هو. نن ورځ د ویب پلیټ فارم د پوهیدو او کارولو زده کول تاسو ته د نورو پراختیا کونکو په پرتله لویه ګټه رسوي. که تاسو په فعالیت ، لاسرسي ، ځواب ویلو ، دا ټول په ګډه کار کوئ ، یا یوازې د UI ځانګړتیاو لیږد کوئ ، که تاسو غواړئ دا د مسؤل انجینر په توګه ترسره کړئ ، د هغه وسیلو پوهیدل چې تاسو ته شتون لري تاسو سره مرسته کوي خپلو اهدافو ته ګړندي او غوره رسیدو کې. ځینې ​​شیان چې تاسو ممکن نور کتابتون ته اړتیا ونلرئ پدې پوهیدل چې نن ورځ کوم براوزرونه ملاتړ کوي ، نو پوښتنه دا ده: موږ څه کولی شو؟ ایا موږ په 2025 کې د ګردي کونجونو ترسره کولو لپاره div برخې ته اړتیا لرو؟ البته، موږ نه. د پولې ریډیس ملکیت په دې وخت کې د 15 کلونو څخه ډیر وخت لپاره د ټولو اوسني کارول شوي براوزرونو لخوا ملاتړ شوی. او د کونج شکل هم ډیر ژر راځي ، حتی د غوره کونجونو لپاره. راځئ چې نسبتا وروستي ځانګړتیاو ته یو نظر وګورو چې اوس په ټولو لوی براوزرونو کې شتون لري، او کوم چې تاسو کولی شئ په خپل کوډبیس کې د موجوده انحصارونو ځای په ځای کولو لپاره وکاروئ. نقطه دا نه ده چې سمدلاسه خپل ټول محبوب کتابتونونه پریږدئ او خپل کوډبیس بیا ولیکئ. لکه څنګه چې د هر څه لپاره، تاسو اړتیا لرئ چې لومړی د براوزر ملاتړ په پام کې ونیسئ او ستاسو د پروژې لپاره ځانګړي نورو فاکتورونو پراساس پریکړه وکړئ. لاندې ځانګړتیاوې په دریو اصلي براوزر انجنونو (کرومیم، ویب کیټ، او ګیکو) کې پلي شوي، مګر تاسو ممکن د براوزر مختلف ملاتړ اړتیاوې ولرئ چې تاسو یې سمدلاسه د کارولو مخه نیسي. اوس هم د دې ځانګړتیاو په اړه د زده کړې لپاره یو ښه وخت دی، که څه هم، او شاید په یو وخت کې د دوی کارولو پالن جوړ کړئ. پاپور او ډیالوګ د پاپ اوور API، د

HTML عنصر، او :: backdrop pseudo- عنصر کولی شي تاسو سره مرسته وکړي چې په پاپ اپ باندې د انحصار څخه ځان خلاص کړئ،Tooltip، او د ډیالوګ کتابتونونه، لکه Floating UI، Tippy.js، Tether، یا React Tooltip. دوی ستاسو لپاره د لاسرسي او تمرکز مدیریت اداره کوي، له بکس څخه بهر، د CSS په کارولو سره خورا حساس دي، او په اسانۍ سره متحرک کیدی شي. موافقتونه د <تفصیل> عنصر، د متقابل ځانګړي عناصرو لپاره د دې نوم خاصیت، او د ::تفصیلاتو محتوا pseudo-عنصر د اکارډین اجزاو اړتیا لرې کوي لکه د بوټسټریپ اکارډین یا د عکس العمل اجزا. یوازې دلته د پلیټ فارم کارول پدې معنی دي چې د هغو خلکو لپاره چې په HTML/CSS پوهیږي ستاسو کوډ پوهیدل اسانه دي پرته لدې چې لومړی د ځانګړي کتابتون کارول زده کړي. دا پدې معنی هم ده چې تاسو په کتابتون کې د بدلونونو ماتولو یا د دې کتابتون بندولو څخه معاف یاست. او البته، دا د ډاونلوډ او چلولو لپاره لږ کوډ معنی لري. د متقابل ځانګړي توضیحاتو عناصر د خلاصولو ، تړلو یا متحرک کولو لپاره JS ته اړتیا نلري. د سی ایس ایس ترکیب د کاسکیډ پرتونه، د ډیر تنظیم شوي CSS کوډبیس لپاره، د سی ایس ایس ځړول، د ډیر کمپیکٹ CSS لپاره، نوي رنګ افعال، نسبي رنګونه، او رنګ مخلوط، د ریاضیاتو نوي فعالیتونه لکه abs()، sign()، pow() او نور د CSS پری پروسیسرونو، د یوټیلټي کتابتونونو لکه Bootstrap او Tailwind په اړه د انحصار کمولو کې مرسته کوي. د لوبې بدلونکی :has()، د اوږدې مودې لپاره یو له خورا غوښتل شوي ځانګړتیاو څخه، د JS پر بنسټ د ډیرو پیچلو حلونو اړتیا لرې کوي. د JS اسانتیاوې عصري سرې میتودونه لکه findLast()، یا at()، او همدارنګه د سیټ میتودونه لکه توپیر()، تقاطع()، اتحادیه () او نور کولی شي په کتابتونونو لکه لوداش باندې انحصار کم کړي. د کانټینر پوښتنې د کانټینر پوښتنې د UI اجزا رامینځته کوي چې د لید پورټ اندازې پرته نورو شیانو ته ځواب ووایی ، او له همدې امله دوی په مختلف شرایطو کې د بیا کارولو وړ کوي. د دې لپاره نور د JS- Heavy UI کتابتون کارولو ته اړتیا نشته، او د پولیفیل کارولو ته اړتیا نشته. ترتیب گرډ، سب گریډ، فلیکس باکس، یا ملټي کالم اوس د اوږدې مودې راهیسې شتون لري، مګر د CSS سروې ریاست پایلو ته په کتلو سره، دا روښانه ده چې پراختیا کونکي د نوي شیانو په اخیستلو کې خورا محتاط دي، او د دوی د ترسره کولو دمخه ډیر اوږد انتظار کوي. دا ب featuresې د اوږدې مودې لپاره اساسې وې او تاسو کولی شئ دا د بوټسټریپ گرډ سیسټم ، د فاؤنڈیشن چوکاټ د فلیکس بکس اسانتیاو ، بلما فکسډ گرډ ، د میټریلائز گرډ ، یا د ټیل وینډ کالمونو په څیر شیانو باندې د انحصار څخه د خلاصون لپاره وکاروئ. زه دا نه وایم چې تاسو باید خپل چوکاټ پریږدئ. ستاسو ټیم دا د یو دلیل لپاره تصویب کړ، او د دې لرې کول ممکن یوه لویه پروژه وي. مګر د هغه څه په لټه کې چې ویب پلیټ فارم کولی شي د دریمې ډلې ریپر پرته په سر کې وړاندیز وکړي د ډیری ګټو سره راځي. هغه شیان چې تاسو ممکن په نږدې راتلونکي کې نور اړتیا ونلرئ اوس، راځئ چې ځینو شیانو ته یو چټک نظر وکړو چې تاسو به په نږدې راتلونکي کې کتابتون ته اړتیا ونلرئ. د دې معنی دا ده چې لاندې شیان د ډله ایزو منلو لپاره چمتو ندي، مګر د دوی څخه خبرتیا او د احتمالي احتمالي کارونې لپاره پالن کول ګټور کیدی شي. د لنگر موقعیت د CSS لنگر موقعیت د نورو عناصرو په پرتله د پاپورونو او وسیلو ټایپونو موقعیت اداره کوي ، او د دوی په نظر کې ساتلو ته پاملرنه کوي ، حتی کله چې حرکت کول ، سکرول کول یا د پاڼې اندازه کول. دا د Popover API لپاره یو لوی تکمیل دی چې مخکې ذکر شوي، کوم چې دا به د ډیرو فعالیت-ډېر JS حلونو څخه لیرې مهاجرت اسانه کړي. نیویگیشن API د نیویګیشن API د واحد پا pagesې ایپسونو کې د نیویګیشن اداره کولو لپاره کارول کیدی شي او ممکن د روټر عکس العمل ، Next.js روټینګ ، یا د زاویه روټینګ کارونو لپاره عالي تکمیل ، یا حتی بدیل وي. د لیږد API وګورئ د لید لیږد API کولی شي د یوې پاڼې مختلف حالتونو ترمنځ حرکت وکړي. په یوه پاڼه غوښتنلیک کې، دا د دولتونو ترمنځ اسانه لیږد خورا اسانه کوي، او تاسو سره د انیمیشن کتابتونونو لکه Anime.js، GSAP، یا Motion.dev څخه خلاصولو کې مرسته کولی شي. حتی غوره، API د څو پاڼو غوښتنلیکونو سره هم کارول کیدی شي. مخکې په یاد ولرئ ، کله چې ما وویل چې هغه دلیل چې موږ په هغه شرکت کې د واحد پا pagesې ایپسونه رامینځته کړل چیرې چې ما 15 کاله دمخه کار کاوه د نیویګ کولو پرمهال د پا pageې بیا پورته کولو سپین فلش څخه مخنیوی و؟ که دا API په هغه وخت کې شتون ولري، موږ به د یوې پاڼې چوکاټ پرته او د ټول ایپ لوی ابتدايي ډاونلوډ پرته د ښکلي پاڼې لیږد اغیزې ترلاسه کړي. د سکرول چلونکي متحرکات د سکرول چلونکي متحرکات د وخت په تیریدو سره د کارونکي سکرول موقعیت کې پرمخ ځي، دوی د کیسې ویلو او محصول سفرونو لپاره عالي حل رامینځته کوي. ځینې ​​​​خلک د دې سره یو څه پورته تللي دي، مګر کله چې ښه کارول کیږي، دا خورا اغیزمن ډیزاین وسیله کیدی شي، او کولی شي د کتابتونونو څخه د خلاصون په برخه کې مرسته وکړي لکه: سکرول ریویل، GSAP سکرول، یاWOW.js. د اصلاح وړ انتخابونه د تخصیص وړ انتخاب یو نورمال

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free