Palkkaa vanhempia ja kokeneita Tailwind-kehittäjiä

Tarvitsemasi kehittäjän löytäminen voi näyttää helpolta ja yksinkertaiselta. Mutta on muutakin kuin vain työpaikkailmoitusten lähettämistä ja ehdokkaan nopeaa palkkaamista. Kehittäjän kaikkien taitojen arvioiminen on ainoa ratkaiseva osa palkkaamista. Kuvittele vain, jos et arvioi kehittäjien asianmukaisia ​​taitoja ja asiantuntemusta, koko prosessi alusta loppuun on viallinen.

Parhaan Tailwind- kehittäjän löytämiseksi sinun on korostettava useita tekijöitä, jotka lisäävät ehdokkaiden asiantuntemusta, taitoja, koulutusta ja ammatillista kokemusta sekä, käytännön todisteita siitä, että kyseinen kehittäjä todella täyttää työn vaatimukset.

Tästä täydellisestä Tailwind- kehittäjien palkkausoppaasta voit lukea lisää ja valmistautua johtamaan Tailwind- kehittäjien palkkausprosessia paljon paremmin. Kerromme kaikesta, mikä sisältää Tailwindin kanssa työskentelyn. Oppaamme sisältää tietoja teknisistä ja ei- teknisistä taidoista, oleellisista asioista, tilastoja relevanteista numeroista, palkoista, velvoitteista, arviointivaiheista ja paljon muuta.

Kehittäjän palkkausprosessi ei salli pikanäppäimiä, ja kehotamme sinua tutustumaan täydelliseen palkkausoppaaseemme saadaksesi yksityiskohtaisia ​​ohjeita Tailwind- kehittäjän palkkausprosessista.

Tietoja Tailwindistä

Tailwind, joka tunnetaan myös nimellä Tailwind CSS, edustaa apuohjelma-ensimmäistä CSS-kehystä nopeaan mukautetun käyttöliittymän rakentamiseen. Kehittäjä voi muokata helposti ja nopeasti, ja koska Tailwind on matalan tason CSS-kehys, kehittäjät voivat käyttää jokaista rakennuspalikoita suunnittelussaan.

Tailwind- kehys perustuu CSS: ään (Cascading style Sheet- kieli, jota käytetään kuvaamaan mitä tahansa merkintäkielellä kirjoitettua osaa). Se käyttää myös CSS- luokkia käytännölliseen ja kätevään muotoiluprosessiin.

Tailwindissä on merkittävä ominaisuus, että siinä ei ole esteitä, kuten mielipidejärjestelmät, jotka yleensä haittaisivat kehitysnopeutta ja dynamiikkaa. Ja kaiken kaikkiaan tämä kehys mahdollistaa mukautettujen käyttöliittymien onnistuneen luomisen.

Tailwindin tilastot

Mitä tulee Tailwind- tilastoihin, keskitymme kysyntään, suosioon, palkka- arvioihin ja asiaankuuluviin osioihin.

Tailwind julkaistiin vuonna 2019, mutta siitä lähtien se saavutti nykyisen version 3.1 vuonna 2022 useilla aiemmilla parannuksilla ja korjauksilla. Uusimmassa versiossa on sisäänrakennettu CSS- tuontituki, laajemmat välit, peittävyyden värimuutokset, säädettävä kontrasti, tyylin omat valintaikkunan taustat ja paljon muuta.

Sittemmin Tailwind nousi suosituimpien CSS- kehysten kärkeen jo vuonna 2020, ja hämmästyttävää kyllä, se pitää suosiossaan ykkössijaa jälleen vuonna 2022 yksinkertaisen CSS: n ansiosta, jota on helppo työstää ja joka sopii myös aloittelijoille.

Mitä tulee Tailwind- kehittäjän palkkaan, se vaihtelee $76 599– $141 206 välillä vuodessa, tai keskimäärin $85 586.

Suosittuja tuotemerkkejä, jotka perustuvat Tailwindin käyttöön

Monet tuotemerkit ja yritykset luottavat Tailwindiin työssään, ja tässä on muutama monista listatuista:

1. Starbucks
2. Buzzfeed (kiinteä)
3. TED (Shed)
4. Keskikokoinen
5. Kickstarter
6. Nykiminen
7. Github (Primer-suunnittelujärjestelmä)
8. Pizza Hut (Iso-Britannia)
9. Blizzard Entertainment (Diablo 4)
10. Github CoPilot – AI-pariohjelmoija

Tailwind- kehittäjän haastattelu

Hyödyllisiä vinkkejä seulontahaastatteluun

Huolimatta siitä, kuinka taitava uskot olevasi Tailwind- kehittäjän palkkaamisessa, tarvitset silti todennäköisesti ulkopuolista apua lahjakkuuksien hankinnan asiantuntijoilta ja rekrytoijilta. Näiden ammattilaisten ottaminen mukaan kehittäjien metsästysprosessiin on erinomainen keino varmistaa, että vain hyvät puolet testataan ja tarkistetaan ennen lopullista palkkauspäätöstä.

Miksi tarvitset lahjakkuuksien hankinnan asiantuntijaa? Koska he keskittyvät alkutekijöihin, jotka määräävät, jatkaako kehittäjä haastatteluvaiheita myöhemmin vai ei. He osaavat kysyä oikeat kysymykset Tailwind- kehittäjältä ja tietävät kuinka arvioida asiantuntemusta.

Ensinnäkin ne keskittyvät osaamisvuosiin tai siihen, kuinka monen vuoden kokemus kehittäjällä on Tailwindistä. Tämän prosessin aikana he keskittyvät samanaikaisesti kehittäjän pehmeisiin taitoihin sekä englannin kielen taitoon, haastatteluetikettiin, täsmällisyyteen ja ammattimaisuuteen ulkoisen habituksen, kommunikoinnin ja vastaavien lisäksi.

Tailwindin kehittäjän tekniset taidot

Tailwind- kehittäjä paikkaan parhaalla ehdokkaalla tulee olla tietoa ja kokemusta seuraavista:

• Tailwind CSS
• PHP, Laravel
• API- integraatiot (JSON, REST)
• ECMAScript (JavaScript-standardi)
• jQuery, AJAX, Bootstrap
• C#: n ja Pythonin tuntemus

Pyysimme myös Diamant Isufia, Proxifyn ohjelmistosuunnittelijaa, kertomaan meille lisää teknisistä taidoista, joita tarvitaan:

”Tailwind- kehittäjä tarvitsee tietää HTML: n ja CSS: n perusteet ja kuinka IDS (tunkeutumisen havainnointiohjelmisto) toimii. Heidän on tiedettävä, miten luokat toimivat ja millä tavalla CSS-tiedostoon pääsee käsiksi. Lisäksi käyttäjille tietoa mobiili- ja työpöytäresponsiivisuudesta, sekä oikeat lähestymistavat verkkosivujen monikäyttöön useammilla laitteilla. Ja myös osaaminen NPM: stä (Node Package Manager) ja Langasta (Yet Another Resource Negotiator) pitäisi olla hallinnassa."

Diamant Isufi

Tailwindin kehittäjän ei- tekniset taidot

Rekrytoijat, lahjakkuuksien hankinnan asiantuntijat ja rekrytointipäälliköt kiinnittävät huomiota myös Tailwindin kehittäjän ei- teknisiin taitoihin.

Neuvoteltavissa ei ole se, että kehittäjällä on oltava vähintään keskimääräinen tai hyvä englannin taito, koska tämä osoittaa, että kehittäjällä on selkeä ymmärrys ja kommunikointiväylä asiakkaiden kanssa. Toinen ei- tekninen taito on asenne ja avoimuus haastattelun aikana – hyvät pehmeät kommunikaatiotaidot varmistavat, että kehittäjä voi voittaa mahdolliset haasteet yhteisymmärryksessä asiakkaan kanssa.

Kehittäjän on oltava täsmällinen puhelussa/haastattelussa, koska tämä osoittaa, onko kehittäjän vastuullisuuden ja tavoitettavuuden tarvittaessa.

Tailwind- kehittäjän perustiedot ja arviointi

Tailwind- kehittäjässä on etsittävä useita olennaisia ​​ja välttämättömiä vaatimuksia, kuten edellä jo mainituissa osioissa. Näitä ovat esimerkiksi:

• Tietojenkäsittelytieteen, IT: n tai tekniikan kandidaatin tai maisterin tutkinto
• Kokemus sovellusten mukauttamisesta TailwindCSS- käyttöliittymällä
• Kokemusta Tailwind CSS: stä, Laravelista, PHP: stä
• Kokemus API- integroinneista (JSON, REST)
• ECMAScriptin tuntemus
• Kokemusta C#: sta ja Pythonista
• Kokemusta AJAX-, Bootstrap- ja jQuery- ohjelmista

Diamant lisää tähän:

”Tailwind- kehittäjän on tiedettävä, milloin ja mihin projekteihin hän voi käyttää Tailwindia. Asennus ja tyylien nopea käyttöönotto voi olla helppoa. Uudelleenkäytettävyyttä ja skaalautuvuutta varten heidän olisi kuitenkin tiedettävä oikeat rakenteet, jotka vähentävät redundantteja koodeja ja soveltavat globaaleja tyylejä. Kysyisin henkilökohtaisesti hakijalta hänen aikaisemmista kokemuksistaan ​​Bootstrapista ja Material Designista, kuinka he käsittelevät reagointikykyä, kuinka he asettavat teemoja ja tyyliä aikaisemmissa projekteissa ja millaisia ​​kokemuksia heillä on SaaS: sta.”

Mikä erottaa erinomaisen Tailwind- kehittäjän hyvästä?

Ei ole vaikeaa tehdä eroa erinomaisen ja hyvän Tailwind- kehittäjän välillä. Erinomaisella on vuosien, todistettu ja käytännönläheinen, kokemus tästä kehyksestä, ja hekin ovat olleet osa Tailwind- yhteisöä jonkin aikaa.

Lisäksi he jakavat välittömästi ammatillisen mielipiteensä Tailwind- komponenteista – kriittinen ajattelu ja rakentavat mielipiteet viitekehyksestä (parannukset, ongelmat jne.) vahvistavat, että jollain on tarpeeksi hyviä kokemuksia siitä.

Älä myöskään aliarvioi mielipiteiden jakamisen merkitystä ideoiden ja parannusten muodossa, joten jos Tailwind- kehittäjä jakaa konkreettisia ajatuksia nykyisestä tai tulevasta työstä, se on toinen selvä merkki, että hän on todennäköisesti oikea ehdokas tehtävään.

Ja tietysti erinomainen suorituskyky teknisissä ja käytännön testeissä haastatteluvaiheiden aikana on erinomaisen kandidaatin toinen tärkeä näkökulma sovellusten suodattamisessa.

Mahdollisia haasteita Tailwind- kehittäjän palkkaamisen aikana

Kuten useimmissa tai kaikissa rekrytoinneissa, yksi tavallisimmista haasteista, joka voi syntyä, on palkata kehittäjä, jolla ei ole asianmukaisia taitoja, tai asiantuntemusta tehtävään. Rekrytoija voi välttää tämän ajoissa, jos haastattelut ja seulonnat tehdään oikein ja huolellisesti.

Tällaisten haasteiden välttämiseksi haastattelun ja hakemusten suodattamisen aikana ei pitäisi pitää kiirettä. Palkkauspäälliköiden tai rekrytoijien on erotettava parhaat hakemukset, eikä vain ryhmiteltävä sivuun kaikkia "riittävän hyviä" ehdokkaita.

Miksi ja milloin sinun on palkattava Tailwind- kehittäjä?

Sinun on palkattava Tailwind- kehittäjä, jos sinun on saavutettava tai parannettava seuraavia asioita työssäsi/ liiketoiminnassasi:

• Rakenna erilaisia ​​ulkoasuja ja komponentteja säännöllisesti – Tailwind sopii hyödyntämään kaikkia paletteja ja värejä uuden ilmeen luomiseksi joka kerta.
• Käyttämättömän CSS: n hallinta – Tailwindin avulla ei ole enää käyttämätöntä CSS: ää, ja kun kehittäjät valmistautuvat tuotantoon, loppujen lopuksi syntyy pieni CSS- paketti, jonka koko on alle 10 kt.
• Responsiiviset mallit – kehittäjä voi nopeasti rakentaa erittäin reagoivia malleja suoraan HTML: ssä ilman erilaisten mediakyselyjen käsittelyä CSS: ssä.
• Ei päällekkäisyyksiä – Tailwind hallitsee toistoa purkamalla tiettyjä komponentteja yhden tuloksen saavuttamiseksi.
• Tyylikäs ja käytännöllinen tumman tilan muotoilu – kehittäjä voi käyttää Tailwindia tumman tilan käyttämiseen määrityksissä, ja sitten käyttää samaa tummaa tilaa minkä tahansa värikuvion, reunavärien, liukuvärin tai tekstin värin päällä.
• Käyttövalmiiden oletusasetusten käyttö – Tailwind tarjoaa monia oletusasetuksia, jotka ovat valmiita käyttöön, kuten välimittakaava, laatikon varjot, hiiren osoittimen oletusasetukset, väripaletit ja paljon muuta. Nämä oletusasetukset mahdollistavat helposti mukautettavan ja personoidun suunnittelun, joka on helppo toteuttaa mukautetussa CSS- kehyksessä.
• Parempi IDE- integraatio (integroitu kehitysympäristö) – kehittäjän ei tarvitse muistaa jokaista luokan nimeä, koska Tailwind IntelliSense -laajennuksen yhteydessä on automaattisen täydennyksen ehdotuksia, jotka eivät vaadi konfigurointia.

Tailwindin edut

Koska Tailwind on yksi suosituimmista CSS- kehyksistä, sen kanssa työskentelemisestä ja sen sisällyttämisestä kehittäjien päivittäiseen työhön on monia etuja. Tässä viitekehyksessä on erinomaisia ominaisuuksia, jotka koskevat eri projekteja, erityisesti React- projekteja.

Kun kehittäjä käyttää Tailwindia, hän keskittyy tuotteen näyttämiseen sen toimivuuden sijaan, ja testaus on paljon helpompaa tämän asettelun ja näytön painotuksen vuoksi.

Katsotaanpa, mitkä ovat Tailwindin suurimmat ja tiivistetyt edut:

• Turvallisuus ja reagointikyky – Tailwindissä on harvoin virheitä ja katkoksia, ja kehittäjä voi suunnitella asettelun suoraan HTML- tiedostoista mobiiliystävällisen ja reagoivan käyttökokemuksen saavuttamiseksi.
• Nopea CSS-tyyli – Tailwind on nopein HTML- muotoilukehys, joka mahdollistaa suoran asettelun suunnittelun useiden sisäänrakennettujen luokkien kautta. Kun kehittäjä suunnittelee tiettyjä verkkosovelluksia, oletusominaisuuksia ja teemoja ei tarvita. sen sijaan kehittäjä valitsee erilaisia ​​ulkoasuja ja vaihtoehtoja. Kaikkea väripaleteista, välilyönnistä, teemoista, tyylistä ja väreistä alkaen.
• Yleiset hyödyllisyysmallit – Tailwindin kanssa ei tarvitse nimetä luokkia, koska se tarjoaa saatavilla olevia yleisiä hyödyllisyysmalleja luokkien yleiseen järjestämiseen ja peräkkäiseen ryhmittelyyn.
• Soveltuu monimutkaisten asettelujen rakentamiseen – Yksi jännittävä asia Tailwindissä on, että se käyttää mobiililähtöistä lähestymistapaa, ja kehittäjä voi luoda reagoivia malleja nopeasti.
• Yhteisön integrointi – Aina kun kehittäjä tuntee olevansa jumissa, tai tarvitsee toisen asiantuntijan mielipiteen, yhteisö tarjoaa monia tällaisia ​​mahdollisuuksia.

Tailwindin kanssa työskentelyn eduista ja parhaista asioista Diamant kommentoi seuraavasti:

”Tämä on erinomainen ratkaisu CSS: n tunteville kehittäjille, jotka haluavat nopeuttaa luomis- ja suunnitteluprosesseja. Se on yksinkertainen käyttää, helppo asentaa ja sillä on helppo soveltaa tyylejä komponentteihin. Responsiivisuus hoidetaan helposti keskeytyskohtien kautta, ja projektin tarpeiden mukauttamiseen ja teemaan sovittamista varten on Tailwind- määritystiedosto.”

Näemme Tailwindin käytön lukuisat edut, mikä on entistä näkyvämpi työnantajien ja yritysten keskuudessa, koskien pitkän aikavälin hyötyjä liiketoiminnan menestykselle.

Yritykset hyötyisivät Tailwind- kehittäjien palkkaamisesta, koska verkkosivustoilla on aina tarkka ja ainutlaatuinen käyttöliittymä, ei vain jotakuinkin valmis. Myöskään muiden tyylilähestymistapojen valinnassa ei ole rajoituksia, ja mukauttaminen paranee, kun CSS ja SCSS yhdistetään. Muotoilurakenteet toimitetaan aina erittäin nopeasti ja tarvittaessa vaihdetaan tehokkaasti. Eikä se ole myöskään riippuvainen muista kirjastoista.

Harkitsemisen arvoiset Tailwind- haastattelukysymykset

Alla ehdotamme vain joitain monista asiaankuuluvista haastattelukysymyksistä, jotka on otettava huomioon Tailwind- kehittäjän haastattelussa:

1. Kuvaa lyhyesti Tailwind- funktiot ja -ohjeet.

Odotettu vastaus: Tailwindin toiminnot ovat mukautettuja toimintoja, jotka helpottavat tiettyjen Tailwindin arvojen käyttöä. Tässä yhteydessä direktiivit ovat at- sääntöjä, joita käytetään erityisesti Tailwindille, ja ne edustavat CSS- lausetyyppejä, jotka ohjaavat CSS: n käyttäytymistä. Kaikki käskyt alkavat @: lla.

Toiminnot ja ohjeet lisäävät Tailwind- projekteihisi ominaisuuksia, jotka rikastavat projekteja erityisillä toiminnoilla. Joitakin listattavia ovat:

• @apply – Jos haluat yhdistää olemassa olevia luokan osia mukautetun CSS: n sisällä, käytä @apply- toimintoa
• @tailwind – tämän direktiivin avulla CSS vastaanottaa "komponentit", "perus", "muunnelmat" ja "apuohjelmat"
• @responsive – luokkamääritelmien kääriminen ja reagoivien luokkaversioiden luominen
• @variants – apuohjelmaversioiden luomiseen
• config() – käytetään helppoon pääsyyn Tailwindin asetusarvoihin
• @screen – mediakyselyiden luominen on helppoa ilman arvojen päällekkäisyyttä

2. Mitä voit tarkentaa Tailwindin mukautetuista tyyleistä?

Odotettu vastaus: Voimme aina nopeasti lisätä mukautettuja tyylejä Tailwind- kehykseen, koska se on erittäin muokattavissa. Hidastuksia ja esteitä ei ole juurikaan, tai ei ollenkaan, koska Tailwind on myös laajennettavissa. Voimme esimerkiksi räätälöidä teeman ainutlaatuisilla välityksillä tai typografialla, sekä väripaleteilla. Sitten voimme lisätä mukautettuja CSS- sääntöjä projektiin @layersilla. Lisäksi on perustyylejä, komponenttiluokkien lisääminen, helppo moniselitteisyyden ratkaiseminen ja helppo välilyöntien käsittely, monien muiden joukossa.

3. Mitä ovat "mediakyselyt" CSS: ssä?

Odotettu vastaus: Mediakyselyitä käytetään sovelluksen tai verkkosivun/ sivuston ulkoasun muokkaamiseen tiettyjen ominaisuuksien, käyttäjien mieltymysten, sekä ominaisuuksien avulla, jotka täydentäisivät toiminnallista ulkoasua, ja näitä kyselyitä käytetään ensisijaisesti, ja ne yhdistetään CSS: ään, mutta voit käyttää ne myös JS: llä tai HTML: llä.

Nämä kyselyt ovat loistava työkalu käytettäväksi, ja ne yhdistetään mediatyyppien kanssa rikastuttamaan ja täydentämään mediatyyppien käsitettä (jotka ovat muuten erilaisia ​​sääntöjoukkoja eri laitteille). Mediakyselyt mahdollistavat laitteen resoluution, korkeuden ja leveyden, näkymän korkeuden ja leveyden sekä vaaka- tai pystysuunnan säätämisen. Lopulta saamme laitteille (kannettava, mobiili, pöytäkone jne.) hienosti räätälöidyn tyylisivun.

4. Voitko selittää eron CSS: n ja CSS3: n välillä?

Odotettu vastaus: Avainsanamoduulit ovat tässä ratkaiseva sana, koska CSS: stä puuttuu moduuleja ja CSS3: ssa niitä on. Jotta se voidaan määritellä yksinkertaisella tavalla, CSS on yksinkertaisempi versio, yksinkertaisempi; se tarjoaa tyylityksiä väreillä, taustoilla ja reunusvaihtoehdoilla, mutta siinä ei ole responsiivista suunnittelutukea. Se myös parantaa sisällön yleistä saavutettavuutta.

Samaan aikaan CSS3 on edistyneempi ja päivitetympi, ja saamme sen reagoivan suunnittelutuen täältä. CSS3: lla voimme muotoilla ja jäsentää sivuja ja jopa saada yksittäisiä moduuleja, jos jaamme CSS- standardeja.

5. Mikä on CSS- laatikkomalli?

Odotettu vastaus: Jos haluamme viitata asioihin, jotka liittyvät näkemiemme asioiden asetteluun, suunnitteluun tai "kehystykseen", viittaamme laatikkomalliin. Kaikki CSS: n osat on "laatikoitu", joten asettelun käsittelyä, luomista, kohdistusta ja säätöä varten meidän on tiedettävä, kuinka työskennellä tämän mallin kanssa.

Tämä laatikkomalli muistuttaa laatikkokehystä, ja se kehystää ja kaappaa HTML- elementtejä sen sisällä, joten tämän laatikon komponentteja ovat täyttö (sisältöä ympäröivä siisti alue), marginaalit (reunuksen ulkopuolella oleva kehys), sisältö itse (teksti ja/tai kuva) ja reunukset (myös sisällön ympärillä oleva kehys ja täyte).

6. Mitä ovat sisäkkäiset ryhmät?

Odotettu vastaus: Määritellään ensin sisäkkäiset ryhmät – tämä on yksinkertaisesti yksi ryhmä, lapsiryhmä, joka sisältyy toiseen vanhempien ryhmään. Englanniksi puhutaan child- ja parent- ryhmistä.

CSS: ssä sisäkkäisyys edustaa prosessia, jossa keräämme ja upotamme kohteita, jotka vähentävät kehittäjän kirjoittamaa koodia tailwind/ nesting- laajennuksen avulla. Tämä puolestaan ​​auttaa meitä lataamaan kaikki sivut nopeammin ja minimoimaan tyylisivujen koon. Sisäkkäisyysprosessi on valitsin, joka sisältyy toiseen valitsimeen tai siihen liittyvät tyylit, jotka on ryhmitelty yhteen paikkaan, ja näin ollen kirjoitamme CSS: n järjestäytyneemmäksi.

7. Mitä voit sanoa CSS- verkkosivujen integroinnista?

Odotettu vastaus: CSS- verkkosivun integrointi voidaan tehdä kolmella tavalla.

• Inline – Jos CSS- koodissa on HTML- elementtejä, eli käytämme niihin CSS: ää. Tässä mennään HTML- elementtiattribuutille ja kirjoitetaan siihen CSS- koodi.
• Upotettu/sisäinen – Tämä sopii erinomaisesti ainutlaatuiseen tyyliin, jota voidaan käyttää yhdessä asiakirjassa tai < head >: n < tyyli > kautta, joten sijoitamme CSS: n verkkosivun head- elementtiin.
• Linkitetty / tuotu / ulkoinen – Jos tarvitsemme useiden verkkosivustojen sivujen muokkaamista ja vaihtamista, tämä on oikea tapa. Siirrymme ulkoiseen tiedostotyyppiin ja käytämme < link >-elementtiä CSS: n sijoittamiseen tähän. Tätä varten meidän on mentävä työtilaan, tehtävä erillinen CSS- tiedosto ja aloitettava linkittäminen kaikilla myöhemmillä verkkosivuilla.

8. Mitä ovat CSS: n "pseudo-luokat" ja "pseudoelementit"?

Odotettu vastaus: Jos meidän on määritettävä tietty elementti tai tila, meidän on käytettävä valitsinta näiden tilojen ja elementtien määrittämiseen, ja tämän tyyppistä valitsinta kutsutaan pseudoluokaksi. Itse asiassa se on avainsana valitsimen sisällä, ja pseudoluokan avulla voimme tehdä erilaisia ​​elementtejä, linkkejä (vierailtuja ja vierailemattomia) ja muuta vastaavaa. Riittää, kun vie hiiren sen elementin päälle, jonka haluamme tyylitellä. Esimerkiksi hover- toiminnolla voimme muuttaa painikkeen väriä siten, että kun käyttäjä vie hiiren painikkeen päälle, väri muuttuu. On olemassa monia näennäisluokan muunnelmia, kuten fokus, ryhmäliikunta, aktiivinen, fokus sisällä, ryhmätarkennus, liiketurvallinen, fokus- näkyvä ja monet muut.

Kun verrataan ja määritellään lauseita pseudo- luokka ja pseudo- elementti, pseudo- luokka on CSS- virtuaaliluokka ja pseudo- elementti HTML- virtuaalielementti. Pseudoluokka kohdistaa eri elementin tilat, ja pseudo- elementti ottaa uuden elementin roolin elementin sisällä – ne tyylittelevät esimerkiksi rivin tai ensimmäisen kirjaimen.

9. Mikä on CSS- esiprosessori?

Odotettu vastaus: Käytämme CSS: ssä esiprosessoreita, kun haluamme yksinkertaistaa työskentelyä toistuvien tehtävien kanssa, eli mahdollistaa niiden automatisointi, mutta myös vähentää erilaisia ​​virheitä ja tarpeettomia koodipituuksia sekä tehdä koodinpätkiä, joita voimme käyttää uudelleen.

Jotkut CSS- esikäsittelijät ovat Less, Sass, Stylus ja PostCSS, ja niiden käyttö Tailwindin kanssa on vain valinnaista, ei pakollista. Esiprosessorien käytön edut olisivat helpompia CSS- järjestelyjä ja tiedostojen yhdistämistä.

10. Mitä voit sanoa 'calc()': sta Tailwindissä?

Odotettu vastaus: calc() edustaa arvokasta ja helppokäyttöistä funktiota, jota käytämme, kun meidän on laskettava tietty arvo, eli vastaanotettava ominaisuusarvot CSS: ssä. Kun käytämme tätä toimintoa, kaikki matemaattiset lausekkeet, kuten ( * ), ( - ), ( / ) ja ( + ), ovat käytössä, ja saamme myös täyttöön, leveyteen, marginaaliin ja korkeuteen linkitettyjä arvoja.

Tämä toiminto sijoitetaan aina kahden hakasulkeen väliin.

11. Määritä CSS BEM.

Odotettu vastaus: BEM (Block-Element-Modifier) ​​on käyttöliittymämenetelmä tai -käytäntö CSS-luokkien nimeämiseksi ja järjestämiseksi siististi puhtaisiin muotoihin.

Kun käytämme CSS BEM: ää, voimme ylläpitää ja järjestää CSS: ämme paremmin esimerkiksi ratkaisemalla laajuusongelmat nimiavaruuden määrittelyn yhteydessä. Tämä menetelmä on erityisen hyödyllinen suurissa projekteissa, koska se mahdollistaa tyylien helpon organisoinnin kyseisten projektien sisällä.

Määrittelemme nyt lyhyesti BEM: n kolme osaa:

• Blokki, pitää elementit koossa sisällä, ja se käyttäytyy hyvin pitkälti kuin kiikari
• Elementti toimii kuin tarkemmin määritelty osa
• Modifieria käytetään joidenkin tyylien lisäämiseen joihinkin elementteihin

BEM: n käyttäminen on hyödyllistä, koska saamme paremman CSS- koodin rakenteen, voimme käyttää itsenäisiä lohkoja uudelleen, eikä enää tule peräkkäisiä ongelmia ja esteitä.

12. Miten kuvailisit Tailwindin "kellukkeita"?

Odotettu vastaus: Tailwind CSS Float on luokka, joka pystyy tunnistamaan useita arvoja. Sekä Tailwind CSS Float-, että CSS float -ominaisuutta voidaan käyttää samaan tarkoitukseen. Floatin avulla voimme helposti tarkkailla sisältöä, kun joudumme käärimään elementin siihen.

Meillä on kolme tyyppiä Float:

• float- none – Oletusasennossa/ -paikassa elementti voi kellua tässä
• float- left – elementille, joka kelluu säiliön vasemmalla puolella
• float- right – elementille, joka kelluu säiliön oikealla puolella

13. Mikä on CSS- sarja? Ja "porrastettu osa"?

Odotettu vastaus: Kun tyylin sijainnin säännöt ovat virtaavia, laskevia tai "peräkkäisiä" useista/eri lähteistä, kutsumme tätä algoritmia CSS- sarjaksi. Konsepti edistää siistiä tyylihierarkiaa.

Kun perehdymme yksityiskohtiin, peräkkäinen osa tarkoittaa, että ylläpidämme dokumenttia käytännöllisemmin, koska teemme jaot erillisistä tyylimuodostelmista, kuten viivan leveydestä, fontin koosta, taustan väristä ja myös itse fontista.

14. Määrittele 'nth-of-type()' ja 'nth-child()' ja vertaa niitä lyhyesti.

Odotettu vastaus: Sekä "nth-of-type()" ja "nth-child()" ovat valitsimia, pseudo- luokkia CSS: ssä.

Nth-of-type() voi helposti sovittaa luvun elementtiin sen numeron perusteella, joka ilmaisee elementin numeerista sijaintia, eli lähteen sisällä olevan järjestyksen perusteella. Tässä sijainti määritetään vain saman elementtityypin sisarusten ryhmässä.

Kohdassa nth-child() sovitamme myös numeron elementtiin, mutta tässä numero tarkoittaa sisarusten määrää, joka edelsi elementtiä koko dokumentissa.

15. Vertaa ja määrittele "suhteellinen" ja "absoluuttinen" CSS: n kontekstissa.

Odotettu vastaus: Nämä termit edustavat paikkoja Tailwind CSS: ssä, eli elementin sijaintia verrattuna asiakirjan kokonaisvirtaan.

Suhteellinen on normaali sijainti elementin normaalin ja tasaisen sijainnin yhteydessä. Jos työskentelemme suhteellisen sijoitetun elementin kanssa ja asetamme ala-, ylä-, vasen- ja oikea- ominaisuudet, näkyvissä on muutoksia, jotka eroavat paljon tavallisesta asennosta.

Absoluuttisella sijainnilla puolestaan ​​säädämme elementin sijaintia vain sen sijoittelun suhteen 'emo':ksi, ja jos 'emoa' ei ole ja joudumme käyttämään jotain 'vanhempana', nimeämme tämän roolin asiakirjan rungon.