Bruke et rammeverk til å konstruere websiden sin forside har mange fordeler (og er ganske enkelt å starte!). La oss gå over hva front-end rammer er, og hvorfor du bør vurdere å inkorporere dem i ditt webutviklingsarbeid.
Front-End Framework
Også referert til som "CSS-rammer", disse er pakker som inneholder forhåndskrevet, standardisert kode i filer og mapper. De gir deg en base å bygge på, samtidig som det tillater fleksibilitet med den endelige utformingen. Vanligvis inneholder front-end rammeverk følgende komponenter:
- Et rutenett som gjør det enkelt å organisere designelementene på nettstedet ditt
- Definerte skriftstiler og størrelser som varierer basert på funksjonen (forskjellig typografi for overskrifter versus avsnitt, etc.)
- Forhåndsbygde nettsider som sidepaneler, knapper og navigasjonsfelt
Avhengig av det bestemte rammene du velger, er det mye mer de også kan.
Hvorfor bruke en
Det er mange gode grunner til å bruke et front-end-rammeverk i stedet for å starte all koden fra bunnen av:
- Spare tid! Selvfølgelig, hvis du skriver hver eneste linje med kode selv, vil det ta mye lengre tid å starte nettstedet ditt. Rammer kan hjelpe deg med å komme i gang med det grunnleggende.
- Legg til ekstra komponenter som du kanskje ikke har ellers. Det er alltid hyggelig å ha muligheten til å takke på en annen knapp eller to uten å skape noe ekstra for deg selv.
- Vet sikkert at koden fungerer. I stedet for å bruke mye tid på å skrive din egen kode bare for å oppdage at den ikke fungerer (eller ikke er kompatibel med 60% av nettleserne), vet du at du bruker forhåndsdefinert, funksjonell kode.
Før jeg går videre, vil jeg også avklare hvordan jeg ikke bruker front-end rammer! Behandling av dem som en erstatning for å ha kodebyggingsferdigheter, vil ikke gi deg noen fordeler. Bli kjent med HTML og CSS først, og så kan du begynne å bruke snarveiene. Behandle rammen som assistent, ikke en krykke.
Eksempler på front-end rammer
Ikke alle CSS-rammer er opprettet like, så sørg for å gjøre din forskning om hvilken som passer best til dine unike behov. Her er en rask oversikt over topp fem:
- Bootstrap: Den mest populære en der ute. Har tonnevis av stjerner på Github og mange ressurser for å få svar på spørsmålene dine. En av de enkleste å bruke, men noen sier at den har et veldig karakteristisk "Bootstrap" -utseende.
- Foundation: Gir mye fleksibilitet og tilpassbarhet. Bra for de som har erfaring med front-end-utvikling og liker å dekke det grunnleggende samtidig som de beholder mye kreativ kontroll.
- Stylus: Ekspressivt og stilig CSS-språk. Dette rammeverket kan kun brukes på Node.js applikasjoner.
- Semantisk brukergrensesnitt: Kortfattet, intuitivt, og gjør debugging koden din enkel og enkel. Gir deg mye designfrihet og tilpasser seg dine behov.
- UI-sett: Rammen som skal brukes hvis du er interessert i å utvikle iOS-apper. Har en grunnleggende stil som gjør det enkelt å utvikle ditt eget nettsted utseende.
Konklusjon
Rammer er utrolig nyttige verktøy for front-end design, spesielt hvis du har en jobb hvor du ofte utvikler den siden. De lar deg øke arbeidsflyten din og øke produktiviteten uten å ofre kvalitet eller funksjonalitet, mens du fortsatt lar døren stå åpen for et unikt, tilpasset utseende. Bare husk å bruke dem som et verktøy for å utfylle dine ferdigheter, ikke som en måte å kutte hjørner på og nyt!