A bɛ san 15 bɔ, ne tun bɛ baara kɛ baarakɛyɔrɔ dɔ la, an ye porogaramuw dilan yɔrɔ min na taamakɛlaw, awiyɔnbonda baarakɛlaw ani awiyɔn baarakɛlaw ye. An y’an yɛrɛ ka kɔnɔna-kalan fana jɔ UI yɔrɔw ni ɲɛ kelen app sekow kama. An tun bɛ ni yɔrɔw ye fɛn bɛɛ kama: forow, butɔniw, tabw, ranges, datatables, menus, datepickers, selects ani multiselects. An yɛrɛ tun bɛ ni div component ye. An ka div component tun ka ɲi kosɛbɛ a sira fɛ, a y’a To an ye nkɔni lamininenw Kɛ navigatɔrɔn bɛɛ kan, o min, n’i dalen b’a la walima n’i ma Da a la, o tun tɛ ko nɔgɔn ye o waati la.

An ka baara Kɛra waati dɔ la an ka tariku kɔnɔ, waati min na JS, Ajax ani HTML fangama ye 'yɛrɛlabɔli ye min y'an Lase siniko ma. O yɔrɔnin bɛɛ, an tun bɛ se ka ɲɛ dɔ kura ye cogo la min bɛ se ka kɛ, ka kunnafoniw sɔrɔ baarakɛminɛn dɔ fɛ, ani k’an yɛrɛ tanga ka taa ɲɛ wɛrɛw la, o min tun bɛ ye ko a bɛ kɛ dɔɔnin dɔɔnin ani ka kɛrɛkili finmanba dɔ yeelen bɔ ɛkran kan ɲɛ fila ninnu cɛ. Kumasen dɔ tun bɛ yen, min kɛra mɔgɔw fɛ Jeff Atwood fɛ (StackOverflow sigibaga), o tun ye ko: “Aplikasiɔn o porogaramu bɛ se ka sɛbɛn JavaScript la, a laban na, o bɛna sɛbɛn JavaScript la.”— Jeff Atwood

Anw fɛ o waati la, nin tun bɛ i n’a fɔ jagɛlɛya ka taa tiɲɛ na k’o porogaramuw dilan. A kɛra i n’a fɔ blanket approval ka fɛn bɛɛ kɛ ni JS ye. O la, an ye fɛn bɛɛ kɛ ni JS ye, wa an ma waati ta tiɲɛ na ka sɛgɛsɛgɛli kɛ fɛnw kɛcogo wɛrɛw kan. An ma dusu don an kɔnɔ tiɲɛ na walasa ka HTML ni CSS bɛ se ka min kɛ, an k’o dɔn ka ɲɛ. An tun t’a jate tiɲɛ na ko ɛntɛrinɛti ye app platform ye min bɛ ka wuli ka taa a fɛ a bɛɛ lajɛlen na. An y’a Ye kosɛbɛ k’a Kɛ fɛn ye an ka kan ka baara Kɛ min kan, kɛrɛnkɛrɛnnenya la n’a bɛ tali Kɛ navigatɔrɔn dɛmɛni na. An tun bɛ se ka JS caman fili a la dɔrɔn walasa ka kow kɛ. Yala ne ye waati ta ka kunnafoni wɛrɛw sɔrɔ ɛntɛrinɛti baara cogo kan ani fɛn minnu bɛ sɔrɔ kɛnɛ kan, yala o tun bɛna ne dɛmɛ wa? Tiɲɛ don, n’a sɔrɔla n tun bɛ se ka kode kulu dɔ sɔgɔ min mago tun tɛ tiɲɛ na. Nka, o waati la, n’a sɔrɔ o tun tɛ o hakɛ ye. Aw y’a Ye, navigatɔrɔn danfara tùn ka bon kosɛbɛ o waati la. Nin Kɛra waati ye min na Internet Explorer tùn ye 'navigatɛri fangama ye halibi, Firefox tùn ye flanan ye min bɛ surunya, nka a y'a da Minɛ ka bɔnɛ sugu la k'a sababu Kɛ Chrome ye 'sèn Sɔrɔ teliya la. Hali n’a y’a sɔrɔ Chrome ni Firefox tun ka ɲi kosɛbɛ ka bɛnkan sɔrɔ ɛntɛrinɛti sariyaw kan, an ka porogaramuw tun bɛ baara kɛ sigida minnu na, o kɔrɔ ye ko an tun ka kan ka IE6 dɛmɛ waati jan kɔnɔ. Hali n’an y’a To an ye IE8 Dɛmɛ, an tùn ka kan ka danfara caman ɲɛnabɔ halibi navigatɔrɔw ni ɲɔgɔn cɛ. O dɔrɔn tɛ, nka o waati web in tun tɛ ni o seko caman ye dɔrɔn min jɔlen bɛ plateforme (jɔyɔrɔ) kɔnɔ yɛrɛ.

Teliya ka taa ɲɛ fo bi. Kow yɛlɛmana kosɛbɛ. O seko ninnu ka ca an bolo dɔrɔn ka tɛmɛn fɔlɔ kan, nka u bɛ sɔrɔ cogo min na, o fana cayara. O la sa, a to n ka ɲininkali kɛ tugun: Ni i ye waati ta ka kunnafoni caman sɔrɔ ɛntɛrinɛti baara cogo kan ani fɛn minnu bɛ sɔrɔ kɛnɛ kan, yala o bɛna i dɛmɛ bi wa? Ɔwɔ tigitigi. Ka dege ka ɛntɛrinɛti yɔrɔ faamuya ani ka baara kɛ ni a ye bi, o b’i bila nafaba la ka tɛmɛ baarakɛla tɔw kan. I mana baara kɛ baarakɛcogo kan, sɔrɔli, jaabi, u bɛɛ faralen ɲɔgɔn kan, walima UI fɛnw ci dɔrɔn, n’i b’a fɛ k’o kɛ i n’a fɔ ɛntɛrinɛti injiniyɛri kunkanko, baarakɛminɛn minnu bɛ i bolo, n’i y’olu dɔn, o b’i dɛmɛ ka se i ka laɲiniw ma joona ani ka ɲɛ. Fɛn dɔw bɛ se ka kɛ i mago tɛ gafemarayɔrɔ la tugun O la sa, k’a dɔn navigatɔrɔw bɛ min dɛmɛ bi, ɲininkali ye nin ye: An bɛ se ka mun bila? Yala an mago bɛ div component na walasa ka rounded corners kɛ san 2025 kɔnɔ wa? Tiɲɛ don, an t’o kɛ. Dankan-yɔrɔ-yɔrɔ in dɛmɛna ni navigatɔrɔw bɛɛ ye minnu bɛ baara Kɛ sisan kabini sàn 15 ni kɔ nin waati in na. Wa nkɔni-cogo fana bɛ na yanni dɔɔnin cɛ, hali nkɔni fancierw kama. An k’a lajɛ fɛn minnu bɛ kɛ kɔsa in na, minnu bɛ sɔrɔ sisan navigatɔrɔnbaw bɛɛ kɔnɔ, ani i bɛ se ka baara kɛ ni minnu ye walasa ka fɛnw bila u nɔ na minnu bɛ i ka kodebase kɔnɔ. O kɔrɔ tɛ k’i ka gafemarayɔrɔ kanulenw bɛɛ Bɔ o yɔrɔnin bɛɛ k’i ka kode-base sɛbɛn kokura. Fɛn tɔw bɛɛ ta fan fɛ, i ka kan ka navigatɔrɔn dɛmɛni jateminɛ fɔlɔ k’a latigɛ ka da fɛn wɛrɛw kan minnu kɛrɛnkɛrɛnnen don i ka porozɛ la. Nin fɛn ninnu bɛ waleya navigatɛriw ka masinba saba kɔnɔ (Chromium, WebKit ani Gecko), nka i bɛ se ka navigatɔrɔn dɛmɛni wajibiyalenw wɛrɛw sɔrɔ minnu b’i bali ka baara kɛ n’u ye o yɔrɔnin bɛɛ. Nka, sisan ye waati ɲuman ye hali bi walasa ka o fɛnw dɔn, wa laala i bɛ se k’a labɛn ka baara kɛ n’u ye waati dɔ la. Popovers Ani Dialogues (Barodenw). Popover API,

HTML yɔrɔ, ani ::backdrop pseudo-element bɛ se k’i dɛmɛ ka bɔ i yɛrɛ la ka bɔ popup kan,baarakɛminɛnw kunnafoni, ani kumaɲɔgɔnya gafemarayɔrɔw, i n’a fɔ Floating UI, Tippy.js, Tether, walima React Tooltip. U bɛ seko ni dɔnko ɲɛnabɔli ɲɛnabɔ i ye, ka bɔ kɛsu kɔnɔ, u bɛ se ka ladilan kosɛbɛ ni CSS ye, wa u bɛ se ka ɲɛnamaya nɔgɔya la. Accordions (Accordions) ye
yɔrɔ, a tɔgɔdacogo min bɛ fɛnw na minnu bɛ ɲɔgɔn sɔsɔ, ani ::details-content pseudo-element bɛ accordion yɔrɔw mago bɔ i n’a fɔ Bootstrap Accordion walima React Accordion yɔrɔ. Baara kɛli dɔrɔn ni plateforme ye yan, o kɔrɔ ye ko a ka nɔgɔn mɔgɔw ma minnu bɛ HTML/CSS dɔn, k’i ka kode faamuya k’a sɔrɔ u ma fɔlɔ ka baara kɛ ni gafemarayɔrɔ kɛrɛnkɛrɛnnen dɔ dege. O kɔrɔ fana ye ko i tɛ se ka fɛn caman tiɲɛ gafemarayɔrɔ la walima k’o gafemarayɔrɔ dabila. Wa, tiɲɛ na, o kɔrɔ ye ko kode dɔgɔyara ka telesarse ani ka baara kɛ. Fɛn minnu bɛ ɲɔgɔn Bɔ ɲɔgɔn na, olu mago t’a la JS la walasa ka da Yɛlɛ, k’u Dabɔ, walima k’u ɲɛnamaya. CSS Daɲɛgafe-sɛbɛnni Cascade layers, walasa ka CSS codebase labɛn ka ɲɛ, CSS nesting, ka CSS compact ka ca, kulɛri baarakɛcogo kura, kulɛriw danfaralenw, ani color-mix, Maths baarakɛcogo kura i n’a fɔ abs(), sign(), pow() ani dɔwɛrɛw bɛ dɛmɛ ka dɔ bɔ dantigɛliw la CSS pre-processors kan, utility libraries i n’a fɔ Bootstrap ani Tailwind, walima hali runtime CSS-in-JS gafemarayɔrɔw. Tulonkɛminɛn :has(), n’o ye fɛn ye min ɲininen don kosɛbɛ waati jan kɔnɔ, o bɛ JS-based solutions (JS-based solutions) magoɲɛfɛnw bɔ yen. JS Utilities ka baarakɛyɔrɔw Bi Array fɛɛrɛw i n’a fɔ findLast(), walima at(), ani Set fɛɛrɛw i n’a fɔ difference(), intersection(), union() ani dɔ wɛrɛw bɛ se ka dɔ bɔ dannayakow la gafemarayɔrɔw kan i n’a fɔ Lodash. Konteyna Ɲininkaliw Konteyna ɲininkaliw b’a to UI yɔrɔw bɛ jaabi di fɛnw ma minnu tɛ filɛlikɛlan hakɛ ye, o la, u b’a to u bɛ se ka baara kɛ kokura kosɛbɛ sigida danfaralenw kɔnɔ. Wajibi tɛ ka baara kɛ ni JS-heavy UI gafemarayɔrɔ ye o kama tugun, wa mago tɛ ka baara kɛ ni polyfill ye fana. Layidu talen Grid, subgrid, flexbox, walima multi-column bɛ yen kabini waati jan sisan, nka n’i ye State of CSS sɛgɛsɛgɛliw jaabiw lajɛ, a jɛlen don ko baarakɛlaw ka teli k’u janto kosɛbɛ fɛn kuraw tali la, wa u bɛ waati janba makɔnɔ sani u ka o kɛ. O fɛnw kɛra Baseline ye kabini tuma jan wa i bɛ se ka baara kɛ n’u ye walasa ka bɔ fɛnw na minnu bɛ tali kɛ fɛnw na i n’a fɔ Bootstrap ka grid system, Foundation Framework ka flexbox utilities, Bulma fixed grid, Materialize grid, walima Tailwind columns. N t’a Fɔ ko i ka kan k’i ka framework (kalansen) Blà. Aw ka kulu y’a ta kun dɔ de kama, wa k’a bɔ yen, o bɛ se ka kɛ porozɛba ye. Nka n’i y’a lajɛ ɛntɛrinɛti yɔrɔ bɛ se ka min di ni mɔgɔ sabanan ka finimugu tɛ a sanfɛ, o bɛ na ni nafa caman ye. Fɛn minnu bɛ se ka kɛ i mago tɛ minnu na tugun waati nataw la Sisan, an ka teliya ka fɛn dɔw lajɛ i mago tɛna kɛ gafemarayɔrɔ la waati nataw la. O kɔrɔ ye ko fɛn minnu bɛ duguma, olu ma labɛn kosɛbɛ jamanadenw ka ladonni kama, nka ka u dɔn ani ka labɛn kɛ walasa ka baara kɛ ni u ye kɔfɛ, o bɛ se ka kɛ dɛmɛ ye. Ankɔri jɔyɔrɔfalen CSS anchor positioning bɛ popovers ni tooltips jɔyɔrɔfalen ɲɛnabɔ ka kɛɲɛ ni fɛn wɛrɛw ye, wa a b’a janto u ka to u ɲɛ na, hali ni ɲɛ bɛ lamaga, ka sɛgɛsɛgɛli kɛ, walima ka a bonya caman sɛmɛntiya. Nin ye Popover API dafalenba ye min kofɔra ka tɛmɛ, o bɛna a nɔgɔya ka tɛmɛn fɔlɔ kan ka wuli ka bɔ JS furakɛlicogo la minnu bɛ baara kɛ kosɛbɛ. Navigasiyɔn API Navigation API bɛ se ka kɛ ka navigatiɔn ɲɛnabɔ ɲɛ kelen porogaramuw kɔnɔ ani a bɛ se ka kɛ dafalenba ye, walima hali a bɛ se ka kɛ React Router, Next.js routing, walima Angular routing baarakɛtaw nɔnabila ye. Tɛmɛsira API lajɛ View Transitions API bɛ se ka ɲɛnamaya kɛ ɲɛ dɔ cogoya danfaralenw ni ɲɔgɔn cɛ. Ɲɛ kelen-kelen-application (application) kan, o bɛ 'tɛmɛsira nɔgɔmanw Kɛ jamanaw ni ɲɔgɔn cɛ nɔgɔya kosɛbɛ, wa a bɛ Se k'i Dɛmɛ ka i yɛrɛ Bɔ animation (ɲɛnamaya gafemarayɔrɔw) la i n'a fɔ Anime.js, GSAP, walima Motion.dev. Min ka fisa yɛrɛ, API bɛ se ka baara kɛ fana ni ɲɛ caman baarakɛminɛnw ye. Aw hakili b’a la ka tɛmɛ, n y’a fɔ tuma min na ko an ye ɲɛ kelen-kelen-porogaramuw jɔ kun min na n ye baara kɛ yɔrɔ min na a san 15 ye nin ye, o ye k’an yɛrɛ tanga ɲɛw seginni flash finman ma n’i bɛ taama na wa? Ni o API tun bɛ yen o waati la, an tun bɛna se ka ɲɛ caman tigɛli nɔ cɛɲiw sɔrɔ ni ɲɛ kelen karamɔgɔya tun tɛ yen ani k’a sɔrɔ an ma appli (application) bɛɛ telesarse fɔlɔ kosɛbɛ. Animatɛri minnu bɛ baara kɛ ni sɛbɛnfura ye Animatɛri minnu bɛ boli ni sɛgɛsɛgɛli ye, olu bɛ boli baarakɛla ka sɛgɛsɛgɛli jɔyɔrɔ kan, sanni ka kɛ waati kɔnɔ, o b’a to u bɛ kɛ fura ɲuman ye maana fɔli ni fɛn dilannenw taamaw la. Mɔgɔ dɔw taara sanfɛ dɔɔnin n’a ye, nka n’a kɛra baara ye ka ɲɛ, nin bɛ se ka kɛ dilancogo baarakɛminɛn ye min bɛ se ka baara kɛ kosɛbɛ, wa a bɛ se ka dɛmɛ don ka bɔ gafemarayɔrɔw la i n’a fɔ: ScrollReveal, GSAP Scroll, walimaWOW.js ye. Selects min bɛ se ka kɛ ka kɛɲɛ ni mɔgɔw sago ye Sugandili min bɛ se ka ladilan, o ye

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

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free