Gara waggaa 15 dura dhaabbata appii ergamtoota imala, hojjettoota buufata xiyyaaraa fi dhaabbilee daandiiwwan xiyyaaraa itti hojjenne tokko keessatti hojjechaa ture. Akkasumas qaamolee UI fi dandeettii appii fuula tokkootiif unka mana keessaa mataa keenyaa ijaarre. Waan hundumaaf qaamolee qabna turre: man'eewwan, qareewwan, caancaloota, hangawwan, gabatee deetaa, sajoo, guyyaa filattoota, filatamoo, fi filannoo baay'ee. Div component illee qabna turre. Div component keenya karaa biraatiin guddaa ture, browser hunda irratti rounded corners akka hojjennu nu dandeessiseera, kunis, amantanis amanuu baattanis, yeroo sanatti waan salphaa hin turre.

Hojiin keenya seenaa keenya keessatti yeroo JS, Ajax, fi dynamic HTML akka warraaqsa gara fuulduraatti nu fideetti ilaalamanitti raawwatame. Akka tasaa, fuula tokko daayinamiikiin haaromsuu dandeenya, daataa sarvarii irraa argachuu dandeenya, akkasumas gara fuula birootti deemuu irraa of qusachuu dandeenya, kunis akka suuta jedhutti ilaalama turee fi fuula lamaan gidduutti reektaangilii adii guddaa iskiriinii irratti balaqqeessa. Gaaleen tokko ture, Jeff Atwood (hundeessaa StackOverflow) tiin jaallatamaadha, kan akkas jedha: “Appilikeeshiniin JaavaScriptiin barreeffamuu dandaʼu kamiyyuu yeroo booda JaavaScriptiin barreeffama.”— Jeef Atwuud

Yeroo sanatti kun akka ija jabina qabatamaan deemnee appii sana uumuutti nutti dhaga'ame. JS waliin waan hunda hojjechuun akka blanket approval natti dhaga'ame. Kanaafuu waan hunda JS waliin hojjenne, dhuguma yeroo fudhannee karaalee hojii biroo qorachuu hin dandeenye. Dhuguma kaka’umsi HTML fi CSS maal gochuu akka danda’an sirnaan baruuf nutti hin dhaga’amne. Dhuguma weeb akka waltajjii appii guddachaa jiruutti guutummaatti hin fudhanne. Irra caalaa akka waan itti hojjechuu qabnutti ilaalle, keessumaa yeroo deeggarsa browser ilaallu. Waan tokko hojjechuuf JS dabalataa itti darbachuu qofa dandeenya turre. Yeroo fudhadhee waa’ee akkaataa weebsaayitiin itti hojjetuu fi maaltu waltajjii irratti akka argamu caalaatti baruun na gargaaraa turee? Hubadhaa, tarii koodii baay’ee kan dhuguma hin barbaachifne haaddachuu nan danda’a ture. Garuu, yeroo sanatti, tarii hangas ta'uu dhiisuu danda'a. Argitu, garaagarummaan browser yeroo sanatti baayyee guddaa ture. Yeroon kun yeroo Internet Explorer ammallee browser olaantummaa qabu ture, Firefox lammaffaa dhiyoo ta'ee, garuu sababa Chrome saffisaan jaalala horachuu isaatiin qooda gabaa dhabuu jalqabe. Chrome fi Firefox istaandaardii weebii irratti walii galuu irratti baay'ee gaarii ta'us, naannoowwan appilikeeshiniiwwan keenya itti hojjetan yeroo dheeraaf IE6 deeggaruun nurra ture jechuudha. Yeroo IE8 deeggaruun nuuf hayyamameef illee garaagarummaa baay'ee browser gidduu jiru ilaaluu qabna turre. Kana qofa osoo hin taane, web yeroo sanaa dandeettii hamma sanaa sirriitti waltajjii keessatti ijaarame hin qabu ture.

Saffisaan gara har'aatti ce'aa. Wantoonni jijjiirama guddaa argataniiru. Dandeettiiwwan kana yeroo kamiyyuu caalaa qabaachuu qofa osoo hin taane, saffisi isaan itti argamanis dabaleera. Mee gaaffii kana irra deebi’ee haa gaafadhu, egaa: Yeroo fudhattee waa’ee akkaataa weebsaayitiin itti hojjetuu fi maaltu waltajjii irratti argamu caalaatti baruun har’a si gargaaraa? Absolutely eeyyee. Har'a waltajjii weeb hubachuu fi itti fayyadamuu barachuun developers biroo caalaa faayidaa guddaa sitti fida. Raawwii, dhaqqabummaa, deebii kennuu, hunda isaanii walitti erguu, ykn amaloota UI qofa erguu irratti yoo hojjettan, akka injinarii itti gaafatamummaa qabuutti hojjechuu yoo barbaadde, meeshaalee siif jiran beekuun galma kee saffisaa fi fooyya’aa ta’een akka geessu si gargaara. Wantoota Kana booda Mana Kitaabaa Si Hin Barbaachisuu Ta'an Tokko Tokko Har’a browsers maal akka deeggaran beekuun, gaaffiin jiru, egaa, Maal dhiisuu dandeenya? Bara 2025tti rounded corners hojjechuuf div component nu barbaachisa? Dhugaadha, nuti hin goonu. Qabeenyi daangaa-raadiyasii yeroo kanatti waggoota 15 oliif biraawzaroota amma fayyadaman hundaan deeggaramee jira. Akkasumas boca golee qabus yeroo dhiyootti dhufaa jira, goleewwan faashinii ta'aniif illee. Mee amaloota dhiyoo ta’an kanneen amma biraawzaroota gurguddoo hunda keessatti argaman, fi hirkattummaawwan kuusaa koodii keessan keessatti jiran bakka buusuuf itti fayyadamuu dandeessan haa ilaallu. Dubbiin jiru battalumatti manneen kitaabaa jaallattan hunda dhiistee codebase kee irra deebitee barreessuu miti. Waan hundumaa yoo ilaalle, dursitee deeggarsa biraawzari tilmaama keessa galchuu fi wantoota biroo pirojektii kee irratti adda ta’an irratti hundaa’uun murteessuu qabda. Amaloonni armaan gadii motora biraawzari gurguddoo sadan (Chromium, WebKit, fi Gecko) keessatti hojiirra oolaniiru, garuu ulaagaalee deeggarsa biraawzari adda addaa kan battalumatti akka hin fayyadamne si dhorku qabaachuu dandeessa. Haataʼu malee, amma iyyuu yeroo gaarii waaʼee amaloota kanaa baruuf, tarii yeroo tokkotti itti fayyadamuuf karoorfachuu dandeessa. Popovers Fi Dialogs API Popover, elementiin HTML

, fi ::backdrop pseudo-element hirkattummaa popup irratti akka ofirraa baasuu si gargaaruu danda'a, .tooltip, fi man'ee kitaabaa qaaqa, kan akka Floating UI, Tippy.js, Tether, ykn React Tooltip. Isaan dhaqqabummaa fi bulchiinsa xiyyeeffannoo siif qabatu, saanduqa keessaa ba'ee, CSS fayyadamuun baay'ee dhuunfachiifamuu danda'u, fi salphaatti socho'uu danda'u. Akkoordiyoonota Qabeentiin
, amalli maqaa isaa qaamolee wal-irraa adda ta'aniif, fi ::details-content pseudo-element barbaachisummaa qaamolee akkoordiyoon akka Bootstrap Accordion ykn qaama React Accordion ni haqa. Waltajjii asitti fayyadamuu qofa jechuun namoonni HTML/CSS beekan jalqaba mana kitaabaa murtaa’e fayyadamuu osoo hin baratin koodii kee hubachuun salphaadha jechuudha. Akkasumas jijjiirama mana kitaabaa cabsuu ykn mana kitaabaa sana addaan kutuu irraa bilisa ta’uu kee jechuudha. Akkasumas, beekamaadha, koodii buufachuu fi hojjechuuf xiqqaa jechuudha. Qaamonni ibsa wal-irraa fagaatan banuuf, cufuuf, ykn sochoosuuf JS hin barbaachisan. CSS Gingilchaa Laayibaroonni kaskaadii, kuusdeetaa koodii CSS caalaatti qindaa'eef, CSS nesting, CSS caalaatti kompaaktii ta'eef, faankishiniiwwan halluu haaraa, halluuwwan fira, fi halluu-walmakaa, faankishiniiwwan Herregaa haaraa kan akka abs(), sign(), pow() fi kanneen biroo hirkattummaa dursanii adeemsa CSS, mana kitaabaa faayidaa akka Bootstrap fi Tailwind, ykn illee mana kitaabaa CSS-in-JS yeroo gaggeeffamaa hir'isuuf gargaaru. Jijjiiramaan tapha :has(), amaloota yeroo dheeraaf baay'ee gaafataman keessaa tokko, barbaachisummaa furmaata JS irratti hundaa'e walxaxaa ta'e ni haqa. Faayidaa JS Malleen Array ammayyaa kan akka findLast(), ykn at(), akkasumas maloonni Set kan akka difference(), intersection(), union() fi kanneen biroo hirkattummaa mana kitaabaa akka Lodash irratti hir'isuu danda'u. Gaaffiiwwan Qabduu Gaaffiiwwan qabduu qaamolee UI wantoota hammangaa buufata ilaalchaatiin ala ta'aniif deebii akka kennan taasisa, kanaaf haalawwan adda addaa keessatti irra deebi'anii akka fayyadaman taasisa. Kanaaf kana booda mana kitaabaa UI JS-ulfaataa fayyadamuun hin barbaachisu, akkasumas polyfill fayyadamuun hin barbaachisu. Haala qindaa'ina Griid, subgrid, flexbox, ykn multi-column yeroo dheeraaf kan turan yoo ta’u, bu’aa qorannoo State of CSS yoo ilaalle, developers waan haaraa fudhachuu irratti of eeggannoo guddaa akka godhan, fi osoo hin fudhatiin dura yeroo baay’ee dheeraa akka eegan ifaadha. Amaloonni kun yeroo dheeraaf Baseline kan turan yoo ta’u, hirkattummaa wantoota akka sirna gingilchaa Bootstrap, faayidaa flexbox Foundation Framework, giiridii dhaabbataa Bulma, giiridii Materialize, ykn tarjaa Tailwind irraa of baasuuf itti fayyadamuu dandeessa. Framework kee gadi dhiisuu qabda jechuu koo miti. Gareen keessan sababa tokkoof kan fudhate yoo ta'u, buqqisuun pirojektii guddaa ta'uu danda'a. Garuu waltajjiin weebsaayitiin kun gubbaa isaa irratti marfata qaama sadaffaa malee maal dhiyeessuu akka danda'u ilaaluun faayidaa guddaa qaba. Wantoota Yeroo Dhihootti Kana booda Si Hin Barbaachisuu Ta'an Amma, wantoota yeroo dhiyootti mana kitaabaa isin hin barbaachifne tokko tokko dafnee haa ilaallu. Kana jechuun wantootni armaan gadii baay’inaan fudhatamuuf guutummaatti qophaa’oo miti, garuu isaan beekuu fi booda itti fayyadamuu danda’uuf karoorfachuun gargaaruu danda’a. Ejjennoo Anchor Iddoo anchor CSS iddoo popovers fi tooltips elementoota biroo wajjin walqabatee qabata, fi yeroo fuula sochoosu, garagalchitu ykn safara jijjiirtullee ilaalcha keessa akka turu kunuunsa. Kun API Popover duraan caqafameef dabalata guddaadha, kunis furmaata JS ga'umsa guddaa qabu irraa fagaachuun daran salphaa ta'a. API Navigeeshinii APIn Navigation appii fuula tokkoo keessatti navigeeshinii qabachuuf fayyadamuu kan danda'uu fi dabalata guddaa ta'uu danda'a, ykn illee bakka bu'aa, React Router, Next.js routing, ykn Angular routing tasks. API Ce'umsaa ilaali APIn Ce'umsa Ilaaluu haalawwan adda addaa fuula tokkoo gidduutti sochoosuu danda'a. Appilikeeshinii fuula tokkoo irratti, kun ce'umsa sirrii ta'e haalawwan gidduutti baay'ee salphaa taasisa, fi man'ee kitaabaa sochii qaamaa kan akka Anime.js, GSAP, ykn Motion.dev ofirraa baasuuf si gargaaruu danda'a. Kan caalu ammoo, APIn aplikeeshiniiwwan fuula hedduu qaban waliinis fayyadamuu ni danda'ama. Duraanis, sababni dhaabbata ani waggaa 15 dura hojjedhe keessatti appii fuula tokkoo ijaarre yeroo navigeeshinii goonu fuula irra deebi'ee fe'uu adii akka hin mul'anneef akka ta'e yeroon dubbadhu ni yaadattu? Osoo yeroo sanatti APIn sun jiraatee, bu'aa ce'umsa fuula bareedaa ta'e galmaan gahuu dandeenya turre, unka fuula tokkoo malee fi osoo appii guutuu jalqabaa guddaa hin buufanne. Animeeshiniiwwan Scroll-driven Animeeshiniiwwan garagalchaan geggeeffaman yeroon osoo hin taane, bakka fayyadamaan garagalchaatti hojjetu, kunis seenaa himuu fi daawwannaa oomishaaf furmaata guddaa isaan taasisa. Namoonni tokko tokko xiqqoo gubbaa irra deemaniiru, garuu yeroo akka gaariitti itti fayyadaman, kun meeshaa dizaayinii baay'ee bu'a qabeessa ta'uu danda'a, akkasumas mana kitaabaa akka: ScrollReveal, GSAP Scroll, yknWOW.js. Filannoo Dhuunfaa Filannoon dhuunfachiifamuu danda'u elementii idilee

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

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free