Ihe dị ka afọ 15 gara aga, anọ m na-arụ ọrụ n'otu ụlọ ọrụ ebe anyị rụrụ ngwa maka ndị njem, ndị ọrụ ọdụ ụgbọ elu, na ụlọ ọrụ ụgbọ elu. Anyị wukwara usoro ime ụlọ nke anyị maka akụrụngwa UI yana ike ngwa nwere otu ibe. Anyị nwere akụrụngwa maka ihe niile: ubi, bọtịnụ, taabụ, ranges, datatables, menus, datepickers, selects, and multiselects. Anyị nwekwara akụrụngwa div. Akụkụ div anyị dị mma site n'ụzọ, ọ nyere anyị ohere ịme akụkụ gburugburu na ihe nchọgharị niile, nke, kwere ya ma ọ bụ na ọ bụghị, abụghị ihe dị mfe ime n'oge ahụ.

Ọrụ anyị mere n'otu oge na akụkọ ihe mere eme anyị mgbe a hụrụ JS, Ajax, na HTML dị ike dị ka mgbanwe nke wetara anyị n'ọdịnihu. Na mberede, anyị nwere ike imelite ibe n'ụzọ dị egwu, nweta data sitere na ihe nkesa, ma zere ịgagharị na ibe ndị ọzọ, nke a na-ahụ dị ka ngwa ngwa ma na-egbuke egbuke na nnukwu rectangle ọcha na ihuenyo n'etiti ibe abụọ ahụ. Enwere akpaokwu, nke Jeff Atwood (onye guzobere StackOverflow) mere nke na-agụ, nke gụrụ: “A ga-emecha dee ngwa ọ bụla a ga-ede na Javascript na Javascript.”—Jeff Atwood

N'ebe anyị nọ n'oge ahụ, nke a dị ka ọnyà ịga mepụta ngwa ndị ahụ. Ọ dị ya ka nkwenye mkpuchi iji JS mee ihe niile. Ya mere, anyị mere ihe niile na JS, na anyị ewepụtaghị oge n'ezie nyocha ụzọ ndị ọzọ nke ime ihe. Anyị ahụghị ihe mkpali iji mụta nke ọma ihe HTML na CSS nwere ike ime. Anyị aghọtachaghị webụ dị ka ikpo okwu ngwa na-agbanwe agbanwe n'ozuzu ya. Anyị na-ahụkarị ya dị ka ihe dị anyị mkpa iji rụọ ọrụ gburugburu, ọkachasị mgbe ọ bịara na nkwado ihe nchọgharị. Anyị nwere ike ịtụba JS karịa ka o mee ihe. Ọ̀ ga-abụ iwepụta oge ịmụtakwu ka websaịtị si arụ ọrụ na ihe ndị dị n'ikpo okwu enyerela m aka? N'ezie, enwere m ike kpụọla ụyọkọ koodu na-achọghị n'ezie. Ma, n'oge ahụ, eleghị anya, ọ bụghị otú ahụ. Ị hụrụ, ndịiche ihe nchọgharị dị ezigbo mkpa n'oge ahụ. Nke a bụ oge Internet Explorer ka bụ ihe nchọgharị na-achị achị, ebe Firefox bụ nke abụọ dị nso, mana malite ịla n'ahịa ahịa n'ihi Chrome na-enweta ewu ewu ngwa ngwa. Ọ bụ ezie na Chrome na Firefox dị mma n'ikwenye na ụkpụrụ weebụ, gburugburu ebe ngwa anyị na-agba ọsọ pụtara na anyị ga-akwado IE6 ogologo oge. Ọbụlagodi mgbe e kwere ka anyị kwado IE8, anyị ka na-emeri ọtụtụ ọdịiche dị n'etiti ihe nchọgharị. Ọbụghị naanị nke ahụ, mana webụsaịtị nke oge ahụ enweghị ọtụtụ ike arụnyere n'ime ikpo okwu.

Ngwa ngwa ngwa taa. Ihe agbanweela nke ukwuu. Ọ bụghị naanị na anyị nwere ọtụtụ ikike ndị a karịa ka ọ dị na mbụ, mana ọnụego ha na-enweta abawanyela. Ka m jụọ ajụjụ ahụ ọzọ, mgbe ahụ: Iwepụta oge iji mụtakwuo maka ka webụsaịtị si arụ ọrụ na ihe dị n'elu ikpo okwu ọ̀ ga-enyere gị aka taa? Ee n'ezie. Ịmụta ịghọta na iji ikpo okwu webụ taa na-etinye gị nnukwu uru karịa ndị mmepe ndị ọzọ. Ma ị na-arụ ọrụ na arụmọrụ, nnweta, nnabata, ha niile ọnụ, ma ọ bụ naanị ibupu atụmatụ UI, ọ bụrụ na ịchọrọ ime ya dị ka onye injinia nwere ọrụ, ịmara ngwaọrụ ndị dị gị n'aka na-enyere gị aka iru ihe mgbaru ọsọ gị ngwa ngwa na mma. Ihe ụfọdụ ị nwere ike ọ gaghị achọ ụlọ ọba akwụkwọ ọzọ N'ịmara ihe nchọgharị na-akwado taa, ajụjụ a bụ: Gịnị ka anyị nwere ike tufuo? Anyị chọrọ akụrụngwa div iji mee akụkụ gbara okirikiri na 2025? N'ezie, anyị adịghị. Ihe nchọgharị niile ejirila ugbu a akwadoro ala-radius ihe karịrị afọ 15 n'oge a. Na nkuku udi na-abịa ngwa ngwa, maka ọbụna fancier nkuku. Ka anyị lelee njiri mara nso nso a dị ugbu a na ihe nchọgharị niile bụ isi, yana nke ị nwere ike iji dochie ihe ndabere dị na koodu koodu gị. Isi ihe abụghị ịkwanye ụlọ akwụkwọ niile ị hụrụ n'anya ozugbo wee degharịa koodu ntọala gị. Maka ihe ọ bụla ọzọ, ị ga-ebu ụzọ buru ụzọ buo nkwado ihe nchọgharị wee kpebie dabere na ihe ndị ọzọ akọwapụtara maka ọrụ gị. A na-emejuputa atụmatụ ndị a na isi ihe nchọgharị atọ (Chromium, WebKit, na Gecko), mana ị nwere ike ịnwe ihe nkwado nchọgharị dị iche iche na-egbochi gị iji ha ozugbo. Ugbu a ka bụ oge dị mma ịmụta banyere njirimara ndị a, ma eleghị anya na-eme atụmatụ iji ha mee ihe n'oge ụfọdụ. Popovers na Dialogs Popover API, ihe

HTML, na ::backdrop pseudo-element nwere ike inyere gị aka iwepụ ịdabere na mpụta,Tooltip, na ọba akwụkwọ dialog, dị ka Floating UI, Tippy.js, Tether, ma ọ bụ React Tooltip. Ha na-ejikwa ohere na njikwa elekwasị anya maka gị, site na igbe ahụ, a na-ahazi ya nke ukwuu site na iji CSS, enwere ike ịmegharị ya ngwa ngwa. Accordions Ihe ihe, njirimara aha ya maka ihe ndị na-ekewapụ onwe ha, yana ihe :: nkọwa-ọdịnaya pseudo-element na-ewepụ mkpa maka akụrụngwa accordion dị ka Bootstrap Accordion ma ọ bụ akụkụ React Accordion. Naanị iji ikpo okwu ebe a pụtara na ọ dịịrị ndị maara HTML/CSS mfe ịghọta koodu gị n'ebughị ụzọ mụta iji otu ọba akwụkwọ. Ọ pụtakwara na ị nweghị ike imebi mgbanwe n'ọbá akwụkwọ ma ọ bụ nkwụsị nke ọba akwụkwọ ahụ. Na, n'ezie, ọ pụtara obere koodu ibudata na-agba ọsọ. Ihe nkọwa ndị na-ekewapụ onwe ha adịghị mkpa JS imeghe, mechie, ma ọ bụ mee ihe. Njikọ CSS Cascade n'ígwé, n'ihi na a ọzọ ahaziri CSS codebase, CSS nesting, n'ihi na ọzọ kọmpat CSS, ọhụrụ agba ọrụ, ikwu agba, na agba-agwakọta, ọhụrụ Maths ọrụ dị ka abs (), sign(), pow () na ndị ọzọ na-enyere aka belata adabere na CSS pre-processors, ịba uru ọba akwụkwọ dị ka Bootstrap na Tailwind, ma ọ bụ ọbụna runtime CSS-inbraries. Onye na-agbanwe egwuregwu : nwere (), otu n'ime njirimara ndị a na-arịọ maka ogologo oge, na-ewepụ mkpa maka ngwọta dabeere na JS siri ike karị. Ụlọ ọrụ JS Usoro nhazi ọgbara ọhụrụ dị ka findLast (), ma ọ bụ na (), yana Tọọ ụzọ dị ka ọdịiche (), intersection (), otu () na ndị ọzọ nwere ike belata ịdabere na ụlọ akwụkwọ dị ka Lodash. Ajuju akpa Ajuju akpa na-eme ka akụrụngwa UI zaghachi ihe ndị na-abụghị nha nlele, ya mere mee ka ha nwekwuo ike iji ya gafee ọnọdụ dị iche iche. Ọ dịghị mkpa iji ọbá akwụkwọ UI dị arọ JS maka nke a ọzọ, ọ dịghịkwa mkpa iji polyfill. Nhazi Grid, subgrid, flexbox, ma ọ bụ kọlụm multi-column anọwo ogologo oge ugbu a, mana na-eleba anya na nsonaazụ nyocha steeti CSS, o doro anya na ndị mmepe na-akpachara anya na ịnakwere ihe ọhụrụ, ma chere ogologo oge tupu ha emee. Atụmatụ ndị a bụ Baseline ogologo oge ma ị nwere ike iji ha wepụ ihe ndabere na ihe ndị dị ka Bootstrap's grid system, Foundation Framework's flexbox utilities, Bulma fix grid, Materialize grid, or Tailwind. Anaghị m ekwu na ị ga-ahapụ usoro gị. Ndị otu gị nakweere ya maka ihe kpatara ya, na iwepụ ya nwere ike ịbụ nnukwu ọrụ. Ma ilele ihe ntanetị weebụ nwere ike inye na-enweghị ihe mkpuchi nke atọ n'elu na-abịa na ọtụtụ uru. Ihe ị nwere ike ọ gaghị achọ ọzọ n'ọdịnihu dị nso Ugbu a, ka anyị leba anya ngwa ngwa ụfọdụ n'ime ihe ndị ị na-agaghị achọ ụlọ akwụkwọ maka n'ọdịnihu dị nso. Ya bụ, ihe ndị dị n'okpuru adịchaghị njikere maka nkuchi oke, mana ịmara ha na ime atụmatụ maka enwere ike iji ya eme ihe nwere ike inye aka. Ndokwa arịlịka Ndokwa CSS arịlịka na-ejikwa ndobe popovers na ndụmọdụ ngwaọrụ n'ihe gbasara ihe ndị ọzọ, ma na-ahụ maka idobe ha n'anya, ọbụlagodi mgbe ị na-agagharị, na-atụgharị, ma ọ bụ na-emegharị ibe ahụ. Nke a bụ nnukwu nkwado na Popover API nke a kpọtụrụ aha na mbụ, nke ga-eme ka ọ dịkwuo mfe ịkwaga na ngwọta JS na-arụ ọrụ siri ike karị. API nsoroụzọ Enwere ike iji API nsoroụzọ jikwaa igodo n'ime ngwa nwere otu ibe ma nwee ike bụrụ nnukwu nkwado, ma ọ bụ ọbụna nnọchi, na React Router, Next.js routing, ma ọ bụ ọrụ ntụgharị Angular. Lelee mgbanwe API API Transitions View nwere ike ịmegharị n'etiti steeti dị iche iche nke ibe. Na ngwa nwere otu ibe, nke a na-eme mgbanwe dị nro n'etiti steeti dị mfe ma nwee ike inyere gị aka iwepụ ọba akwụkwọ animation dị ka Anime.js, GSAP, ma ọ bụ Motion.dev. Ọbụna nke ka mma, API nwekwara ike iji ngwa nwere ọtụtụ peeji. Cheta na mbụ, mgbe m kwuru na ihe mere anyị ji wuo ngwa nwere otu ibe n'ụlọ ọrụ ebe m rụrụ ọrụ afọ 15 gara aga bụ iji zere ncha ọcha nke ibugharị ibe mgbe ị na-agagharị? Ọ bụrụ na API ahụ dị n'oge ahụ, anyị gaara enwe ike nweta nsonaazụ mgbanwe ihu akwụkwọ mara mma na-enweghị usoro nwere otu ibe yana na-enweghị nnukwu nbudata mbụ nke ngwa ahụ dum. Anụmanụ na-ebugharị mpịakọta Ihe ngosi mpịakọta na-ebugharị na-agba ọsọ na ọnọdụ mpịakọta onye ọrụ, karịa ka oge na-aga, na-eme ka ha bụrụ ezigbo ngwọta maka ịkọ akụkọ na njegharị ngwaahịa. Ụfọdụ ndị ejirila ya gafere ntakịrị, mana ọ bụrụ na ejiri ya nke ọma, nke a nwere ike ịbụ ngwa imewe dị oke mma, ma nwee ike inye aka kpochapụ ọba akwụkwọ dịka: ScrollReveal, GSAP Scroll, ma ọ bụWOW.js. Nhọrọ enwere ike ịhazi Nhọrọ a na-agbanwe agbanwe bụ ihe

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

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free