Rett etter "Hvor er det beste stedet å lære?" kanskje det mest vanlige spørsmålet jeg hører fra folk som begynner med kode er "Hvilke nettutviklingsbøker bør jeg lære?" Vel, betrakt dette som et svar på det spørsmålet ettersom jeg har samlet en liste over bøker som ikke bare er gode for å komme inn i frontend-utvikling, men som også er fritt tilgjengelige.
Bøker om CSS
Dette er mesteparten av hvor vi skal henge ut fordi, vel, dette er et nettsted for det meste om CSS!
Magien til CSS av Adam Schwartz
- Perfekt for: Neste trinn i CSS-reisen
- Læringsnivå: Mellom
- krever: Noen grunnleggende forståelse av CSS
Adam Schwartz dekker seks CSS-konsepter i denne boken, inkludert boksmodell, layout, tabeller, farger, typografi og overganger. Dette er ting som til og med stopper noen erfarne CSSere, noen av disse konseptene kan være forvirrende. Adam har gått langt for å avmystifisere hver enkelt.
I tillegg til at boken er en flott primer på komplekse CSS-konsepter, elsker jeg hvordan hver av CSS-egenskapene som er nevnt gjennom hele boken er klikkbare, slik at du alltid kan klikke på dem for å se hvordan hver av dem brukes. Det er mange illustrative eksempler og anbefalinger for videre lesing, dersom du ønsker å lære mer om hvert kapittel.
Jeg fant kapittelet om farger veldig interessant, ikke bare fordi det kommer inn i beste praksis for å bruke farger tilgjengelig, men også fordi det er superpraktiske applikasjoner, som når Adam begynner å bruke CSS for å støtte en organisasjons merkevarebygging.
Spenstig webdesign av Jeremy Keith
- Perfekt for: Utvikle strategier for å skrive kode
- Læringsnivå: Mellom
- krever: Noen grunnleggende forståelse av CSS
Rett fra introduksjonen:
Du vil ikke finne noen kode her for å hjelpe deg med å bygge bedre nettsteder. Men du vil finne ideer og tilnærminger. Ideer er mer spenstige enn kode. Jeg har prøvd å kombinere de mest spenstige ideene fra historien til webdesign til en tilnærming for å bygge fremtidens nettsteder.
Det Jeremy gjør så bra er å beskrive myke ferdigheter, som planlegging, skissering og tilnærminger for å skrive kode. Så, i stedet for å slippe inn kodebiter gjennom hele boken, finner du detaljer om kodestrategier, for eksempel progressiv forbedring, avgjørelse om hvilket verktøy som skal brukes, og utfordringene med å skrive fremtidsvennlig kode.
Og for de av dere som ikke har hatt gleden av å høre på Jeremy fortelle innhold (som han gjør i Netthistorie-serien), er det en lydfil tilgjengelig for nedlasting.
Begynner CSS-webutvikling: Fra nybegynner til profesjonell av Simon Collison
- Perfekt for: Grunnleggende om CSS
- Læringsnivå: Nybegynnere
- krever: Ingenting annet enn tid og motivasjon
Den er kanskje skrevet i 2006, men Simons dekning av nettstandarder og tilgjengelighet er tidløs og relevant i dag. Han gir en forståelse av interoperabilitet så vel som tilnærminger for å bygge webapplikasjoner, inkludert de tidlige planleggingsfasene som ofte blir oversett.
Boken har to brede deler som videre er delt inn i 16 kapitler. Del 1 dekker CSS-emner, som å jobbe med tekst, lenker, lister, bakgrunner, bilder, tabeller og skjemaer. Det sparer virkelig ikke på detaljene heller.
Del 2 handler om layout, belysning av brukervennlighet og layoutmanipulering, pluss en hendig case-studie. Kapitlene er ordnet på en slik måte at det ene kapittelet naturlig flyter over i det neste. Hvert kapittel inneholder også en avsluttende del som fremhever alle de viktige konseptene som dekkes i kapitlet.
Faktisk gir boken nybegynnere en solid bakgrunn i CSS og hjelper dem gradvis med mer avanserte konsepter. Det vil gjøre CSS-reisen din enklere.
Bøker om HTML og CSS
CSS og HTML læres ofte sammen, noe som kan være spesielt nyttig når du skal skrive de første kodelinjene og vil vite hvordan de to språkene samhandler med hverandre.
Lær å kode HTML og CSS av Shay Howe
- Perfekt for: Starter din front-end-reise
- Læringsnivå: nybegynnere
- krever: Ingen tidligere erfaring i det hele tatt
Shay omtaler denne boken som en enkel og omfattende guide dedikert til å hjelpe nybegynnere med å lære HTML og CSS.
Han gjør dette ved å fokusere på vanlige elementer innen front-end design og utvikling. Noen av leksjonene som dekkes er boksmodell, posisjonering, typografi, bakgrunn og gradienter, lister, medier, skjemaer og tabeller. I det første kapittelet *Building Your First Web Page analyserte Shay innholdet på et typisk nettsted inkludert elementer, attributter og oppsett av HTML-dokumentstruktur, kodevalidering, velgere og CSS-tilbakestillinger. Jeg synes boka er veldig lærerikt, spesielt ettersom det gikk utover overflaten å ta opp mange nøkkelbegreper med kodeeksempler, som du kan følge med på.
En dyp ting med denne flotte boken er at Shay bygde et komplett prosjekt fra bunnen av gjennom de 12 leksjonene, og på slutten av hver leksjon ga han et sammendrag og lenker til den nåværende tilstanden til det nettstedet (slik at du kan sammenligne med ditt hvis du følger med) og kildekoden på alle trinn i leksjonene.
Hvis du er en elev som lærer ved å gjøre, vil du finne dette materialet veldig nyttig, og når du er ferdig, vil du ha utviklet et funksjonelt nettsted med flere sider.
En avansert oppfølger av kurset er også tilgjengelig gratis via samme lenke.
HTML og CSS: Lær det grunnleggende på 7 dager av Michael Knapp
- Perfekt for: Starter din front-end-reise
- Læringsnivå: nybegynnere
- krever: Ingen tidligere erfaring i det hele tatt
Kan du muligens lære alt det er å vite om HTML og CSS på syv dager? Sannsynligvis ikke, men det er derfor denne boken fra 2017 av Michael Knapp er fokusert rett på det grunnleggende. Michael fordyper seg i en kort historieleksjon før han begynner på HTML- og CSS-struktur, logikk og presentasjon. Du kommer til å få fart på det punktet hvor du bør føle deg ganske trygg på å sette sammen en grunnleggende nettside, pluss noen få tillegg underveis når boken berører SEO og analyser.
Boken består av enkle programmer som du kan kjøre på datamaskinen din hvis du ønsker å følge med.
E-bokversjonen er tilgjengelig gratis på Apple Books, men det finnes også en Kindle-versjon hvis du allerede har et abonnement der.
The Greatest CSS Tricks Vol. 1 av Chris Coyier
- Perfekt for: Lurer på hva CSS kan gjøre
- Læringsnivå: Mellom
- Krever: Noe CSS-erfaring
Visste du at CSS-Tricks også har en bok om CSS? Det ville være dumt å utelate denne listen fordi det du får er en samling klassiske CSS-luringer som er forklart av ingen ringere enn Chris Coyier. Faktisk håndplukket Chris alle eksemplene som er dekket i boken fra hans mange, mange (mange!) år med å drive dette nettstedet fra mengden av triks som har krysset skrivebordet hans.
Hvert triks løser et bestemt smertepunkt. For eksempel den første "Pin Scrolling to Bottom"-triksetviser hvordan overflow-anchor CSS-egenskapen kan brukes til å lage det samme chat-lignende grensesnittet til et verktøy som Slack, der skjermen er forankret i bunnen på en måte som føles som om siden ruller for deg når nye elementer legges til.
Bøker om prosess
Kode handler like mye om hvordan vi skriver kode og samarbeider om prosjekter med andre da det handler om selve koden vi skriver. De følgende bøkene er gode utgangspunkt for alt fra planlegging og prosjektledelse til å kommunisere og samarbeide med andre.
Samarbeid: Bring mennesker sammen rundt digitale prosjekter av Ellen De Vries
- Perfekt for: Å være en bedre samarbeidspartner
- Læringsnivå: N / A
- krever: Et åpent sinn til å samarbeide godt med andre!
Ellen tar opp noe i denne boken som vi alle må forholde oss til: å samarbeide med andre. Og det er ingen liten sak - boken er delt inn i fire deler som går veldig dypt inn i ting vi kan gå for å fungere godt sammen med andre:
- Vet hvordan man forbereder grunnen og skaper de rette forutsetningene for samarbeid.
- Ta vare på gruppekulturen i tidlige stadier av samarbeid.
- Opprettholde en sunn samarbeidsprosess.
- Høst fruktene av et samarbeid.
Som innholdsstrateg har Ellen den rette typen erfaring til å hjelpe hvem som helst med å være en del av et samarbeidsprosjekt, eller få mest mulig ut av et samarbeid.
Den moderne webdesignprosessen av webflow
- Perfekt for: Senior designere, prosjektledere
- Læringsnivå: N / A
- krever: Noen grunnleggende forståelse av CSS
Denne gratis e-boken har en syv-trinns designprosess som er ment å hjelpe med å definere arbeidsflyten for dagens merkevare av webdesign.
Som inkluderer:
- Sette mål
- Definere omfang
- Sitemaps og wireframes
- Arbeid med innhold
- Håndtering av visuelle elementer
- Testing
- Levering
Alle som starter et nytt designprosjekt eller midt i et designprosjekt vil finne den uvurderlige innsikten gjennom hele boken. Og det som er mest bemerkelsesverdig er hvordan dette er skrevet på en måte som nesten føles som om du blir holdt i hånden gjennom et helt prosjekt fra konsept til ferdigstillelse.
Design for nettet av Mark Boulton
- Perfekt for: Lære å jobbe med kunder
- Læringsnivå: nybegynnere
- Krever: En genuin interesse for design
Det ser ut til at mange organisasjoner takler design annerledes. Men forfatter Mark Boulton dokumenterer en grundig designarbeidsflyt Design for nettet som avmystifiserer mange utfordringer og dekker alt du trenger å vite.
Det unike med denne boken er at den egentlig handler om arbeid. Jada, det er en haug med svært verdifull informasjon om beste fremgangsmåter for design for ting som typografi, farger og layout, men det du virkelig skal ta med deg fra denne boken er hvordan disse passer inn i en designarbeidsflyt. Den lærer deg hvordan du undersøker, teknologiene vi har for å implementere ideer, og til slutt, hvordan du kan jobbe med andre så vel som kunder – perfekt mat for folk, inkludert designledere, prosjektledere, frilansere eller alle som er involvert i prosjektleveringsprosessen .
Lær versjonskontroll med Git ved Tower
- Perfekt for: Mestre Git
- Læringsnivå: Alle nivåer er velkommen
- Krever: Ingen forkunnskaper i det hele tatt
I denne boken står teamet bak det populære Tower-klient for Git introdusere elevene til kjernen i versjonskontrollsystemet ved hjelp av Git. Utviklere som jobber i team vil spesielt finne dette veldig nyttig, siden det hjelper effektivt å samarbeide med teammedlemmer med å bygge ulike funksjoner i et prosjekt, selv når dere er tusenvis av miles fra hverandre. Når det er sagt, er det fortsatt veldig bra for alle som kanskje er sjenerte for kommandolinjen og ønsker å bygge selvtillit der.
Og siden boken er av produsenten av en applikasjon som samhandler med Git, kommer du til å få en fin dose med å bruke Tower som en GUI i tillegg til å jobbe direkte på kommandolinjen.
Så, enten det er forpliktelse, forgrening, sammenslåing, pull-forespørsler, forgrening eller håndtering av flettekonflikter, kommer du til å få mye ut av denne boken.
Bøker om JavaScript
Å lære JavaScript ser alltid ut til å være på moten. Faktisk, Jason Rodriguez skrev om JavaScript-læringslandskapet i 2018 og ga en fin liste over gratis bøker. Ikke så mye har dukket opp siden den gang, men her er mine tanker om de følgende bøkene.
Vellykket JavaScript av Marijn Haverbeke
- Perfekt for: Blir flinkere til å skrive JavaScript
- Læringsnivå: Middels til erfarne utviklere
- krever: Tidligere JavaScript erfaring
Vellykket JavaScript lever virkelig opp til navnet sitt. Personlig anser jeg dette som en av de best skrevne JavaScript-bøkene jeg noen gang har vært borti. Marjins skrivestil er engasjerende, spesielt med hvordan han introduserer programmeringskonsepter og tar leseren med seg. Med hans ord handler boken rett og slett om instruere datamaskiner og få dem til å gjøre det du vil at de skal gjøre.
Boken er et dypdykk i JavaScript fordelt på tre deler og 21 kapitler. Du kommer til å lese en haug om grunnleggende programmeringskonsepter, som verdier, typer, operatorer og funksjoner, til avanserte konsepter som regulære uttrykk, moduler, DOM og asynkron programmering. Han starter hvert kapittel med et litt filosofisk sitat for å forberede leseren på det som venter, og dykker deretter rett inn i temaet.
I tillegg er det tre prosjekter for å hjelpe deg med å øve på dine nyvunne ferdigheter.
Forstå JavaScript-løfter av Nicholas C. Zakas
- Perfekt for: De som ønsker å lære alt om asynkron programmering med løfter i JavaScript.
- Læringsnivå: Mellom
- krever: Grunnleggende JavaScript-koteletter
JavaScript-løfter ble introdusert i 2015 som en del av ES6-spesifikasjonen for å håndtere asynkrone funksjoner i JavaScript. Ifølge MDN:
Et løfte er et objekt som representerer den eventuelle fullføringen eller feilen av en asynkron operasjon
I denne 51-siders boken forklarer Nicholas konseptet med løfter over tre kapitler: Grunnleggende, lenke løfter og å jobbe med flere løfter. Selv om lenke til boken vi leverer er den gratis fellesskapsversjonen, fullversjonen (tilgjengelig på Amazon) har ytterligere to kapitler om Asynkrone funksjoner og Ubehandlet avvisningssporing. Nicholas forenklet konseptet med løfter med flere illustrasjoner og eksempler. Du vil lære hvordan du bruker then(), catch()og finally() og forstå hvordan du kan lenke flere løfter sammen. Nicholas dekker også oppdraget med avvisnings- og oppgjørsbehandlere. Det kan være lurt å lese boken for å styrke forståelsen av emnet.
Nicholas er en veteran JavaScript-bokforfatter som har skrevet om JavaScript i over 15 år. Han tar med seg sin rike erfaring i denne boken (akkurat som han har gjort i hans arbeid her på CSS-Tricks).
Snakker JavaScript av Axel Rauschmayer
- Perfekt for: Opp i nivå fra begynnelsen av JavaScript
- Læringsnivå: Mellom
- Krever: Kunnskap om objektorientert programmering
Denne boken er presentert i fire kapitler som dekker mer enn 30 emner. Slik går det i stykker:
- Det første kapittelet er en fin oppfriskning om syntaks, variabeltyper, funksjoner og unntakshåndtering.
- Det andre kapittelet tilbyr et historisk perspektiv på JavaScript som et forspill for de typer funksjoner som dekkes gjennom resten av boken.
- Kapittel 3 presenteres mer eller mindre som en oppslagsbok med korte, rene eksempler.
- Det siste kapittelet skisserer tips, verktøy og biblioteker for å hjelpe deg med å skrive bedre JavaScript og følge beste praksis.
Hemmeligheter bak JavaScript Ninja av John Resig og Bear Bibeault
- Perfekt for: Opprette et JavaScript-bibliotek på tvers av nettlesere fra grunnen av
- Læringsnivå: Mellom
- Krever: Noe tidligere programmeringserfaring
Det er faktisk en nyere utgave av denne boken, men 2012-utgaven er den som er gratis. Uansett er det en god mulighet til å lære av John Resig; du vet, fyren som opprettet jQuery.
Teknikkene som dekkes her inkluderer nedleggelser, funksjoner, DOM, objektorientering med prototyper og strategier på tvers av nettlesere. En fin fordel er at hvert kapittel følges av en kort oppsummering som er perfekt for en referanse når du er ferdig med boken.
Lære JavaScript-designmønstre av Addy Osmani
- Perfekt for: Lære å skrive mer effektiv JavaScript
- Læringsnivå: Mellom
- Krever: Et anstendig nivå av JavaScript-opplevelse
Konseptet med designmønster refererer til en gjenbrukbar løsning på et ofte tilbakevendende problem i applikasjonsutvikling. I denne boken dekker Addy Osmani implementeringen av vanlige designmønstre ved bruk av ES6 og utover, så vel som React-spesifikke designmønstre, som kan være veldig praktiske når man jobber med komplekse React-apper der vedlikehold er et primært mål.
Noen av mønstrene som dekkes inkluderer Singleton-, Proxy-, Provider-, Prototype- og Observer-mønstre. I noen tilfeller inkluderer Addy fordeler og ulemper ved å bruke noen av disse mønstrene og hvordan de kan påvirke ytelsen til applikasjonen din.
Du kjenner ikke JS av Kyle Simpson
- Perfekt for: Mestring av JavaScript
- Læringsnivå: Nybegynner
- Krever: Lite eller ingen tidligere programmeringserfaring
Selv om tittelen kan være litt provoserende, er det Kyle antyder her at han skriver denne boken forutsatt at du ikke har noen tidligere JavaScript-erfaring overhodet.
Kyle begynner med å gå gjennom programmeringselementene sett gjennom JavaScript. Deretter fortsetter han, i påfølgende kapitler, med å introdusere mer avanserte konsepter som omfang og lukking, this nøkkelord, objektprototyper, async, og ytelse.
Det er mange gode detaljer og forklaringer her, og Kyle gjør det superenkelt å forstå ved å unngå superteknisk sjargong. Det er også mange øvelser laget for å styrke læringen din. Denne boken vil definitivt få deg oppdatert med JavaScript. Det er andre utgave av boken under arbeid som du kan spore i GitHub.
JavaScript-begynnerhåndboken av Flavio Copes
- Perfekt for: En nybegynnerreferanse
- Læringsnivå: Så vidt i gang
- krever: E-postregistrering, kanskje litt tidligere erfaring
Flavio har satt sammen en veldig nyttig JavaScript-referanse for de som nettopp har startet. Det er mer som en hurtigreferanse enn en lærebok, så de av dere som har begynt vil kanskje vurdere dette som noe du har på skrivebordet i stedet for noe du sitter med i lange perioder.
JavaScript for datavitenskap av Gans, Hodges & Wilson
- Perfekt for: Komme inn i datavisualiseringer
- Læringsnivå: Middels til avansert
- krever: Et anstendig håndtak på JavaScript
Forfatterne dekker kjernefunksjoner i moderne JavaScript, inkludert tilbakeringinger, løfter, arv, objekter og klasser. De kommer også inn i testing ved hjelp av Mocha, React og datavisualisering, som alle er flotte for alle som ønsker å øke koden sin og hvordan den er skrevet. Boken går ikke så dypt inn i mange konsepter som noen av de andre bøkene, men den skinner virkelig når den kommer inn i datavitenskap.
Boken bruker Data-Forge; et JavaScript-bibliotek designet for arbeid med tabelldata. Det er mange øvelser for å hjelpe leserne med å holde seg oppdatert på diskusjonsemnet. Det siste kapittelet inneholder også et hjørnesteinsprosjekt som trekker alt sammen.
Innpakning opp
Jeg håper absolutt denne samlingen av bøker hjelper deg, enten du tar dine første skritt i front-end webutvikling, har et dusin år under beltet, eller du faller et sted i mellom. Jeg vet hvor vanskelig det er å komme inn i noe nytt for første gang og følelsen av å ikke vite hvor jeg skal se. Jeg vet også hvordan det føles å treffe et platå og trenger noe for å oppgradere meg. Her bør det være noe for alle, uansett hvor du er i læringsreisen.
Og hei, hvis du har andre bøker som er tilgjengelige for gratis på nettet, del dem i kommentarfeltet! Jeg vedder på at vi kan få en enda større liste.
