Lige efter "Hvor er det bedste sted at lære?" måske det mest almindeligt stillede spørgsmål, jeg hører fra folk, der går ind i kode, er "Hvilke webudviklingsbøger skal jeg lære?" Tja, betragte dette som et svar på det spørgsmål, da jeg har sammensat en liste over bøger, der ikke kun er gode til at komme ind i frontend-udvikling, men også frit tilgængelige.
Bøger om CSS
Dette er hovedparten af, hvor vi skal hænge ud, fordi det her er et websted for det meste om CSS!
Magien ved CSS af Adam Schwartz
- Perfekt til: Næste trin i din CSS-rejse
- Læringsniveau: Mellem
- Kræver: En vis grundlæggende forståelse af CSS
Adam Schwartz dækker seks CSS-koncepter i denne bog, inklusive boksmodellen, layout, tabeller, farve, typografi og overgange. Dette er ting, der endda støder nogle erfarne CSSere, nogle af disse begreber kan være forvirrende. Adam har gjort en stor indsats for at afmystificere hver enkelt.
Ud over at bogen er en god primer om komplekse CSS-koncepter, elsker jeg, hvordan hver af de CSS-egenskaber, der er nævnt i hele bogen, er klikbare, så du altid kan klikke på dem for at se, hvordan hver enkelt anvendes. Der er mange illustrative eksempler og anbefalinger til yderligere læsning, hvis du ønsker at lære mere om hvert kapitel.
Jeg fandt kapitlet om farver meget interessant, ikke kun fordi det kommer ind i de bedste praksisser for at bruge farve tilgængeligt, men også fordi der er super praktiske applikationer, som når Adam begynder at bruge CSS til at understøtte en organisations branding.
Robust webdesign af Jeremy Keith
- Perfekt til: Udvikling af strategier til at skrive kode
- Læringsniveau: Mellem
- Kræver: En vis grundlæggende forståelse af CSS
Lige fra indledningen:
Du vil ikke finde nogen kode her for at hjælpe dig med at bygge bedre hjemmesider. Men du vil finde ideer og tilgange. Idéer er mere modstandsdygtige end kode. Jeg har forsøgt at kombinere de mest robuste ideer fra webdesignets historie til en tilgang til at bygge fremtidens hjemmesider.
Hvad Jeremy gør så godt, er at beskrive bløde færdigheder, som planlægning, skitsering og tilgange til at skrive kode. Så i stedet for at droppe kodestykker gennem hele bogen, finder du detaljer om kodestrategier, såsom progressiv forbedring, beslutning om hvilket værktøj der skal bruges, og udfordringerne ved at skrive fremtidsvenlig kode.
Og for dem af jer, der ikke har haft fornøjelsen af at lytte til Jeremy fortælle indhold (som han gør i Webhistorie-serien), er der en lydfil tilgængelig til download.
Begyndende CSS-webudvikling: Fra nybegynder til professionel af Simon Collison
- Perfekt til: Det grundlæggende i CSS
- Læringsniveau: Absolut begyndere
- Kræver: Intet andet end tid og motivation
Det kan være skrevet i 2006, men Simons dækning af webstandarder og tilgængelighed er tidløs og relevant i dag. Han giver en forståelse af interoperabilitet samt tilgange til at bygge webapplikationer, herunder de tidlige planlægningsfaser, der ofte bliver overset.
Bogen har to brede dele, som yderligere er opdelt i 16 kapitler. Del 1 dækker CSS-emner, som at arbejde med tekst, links, lister, baggrunde, billeder, tabeller og formularer. Det sparer virkelig heller ikke på detaljerne.
Del 2 handler om layout, kaste lys over brugervenlighed og layoutmanipulation plus et praktisk casestudie. Kapitlerne er arrangeret sådan, at det ene kapitel naturligt flyder ind i det næste. Hvert kapitel indeholder også et afsluttende afsnit, der fremhæver alle de vigtige begreber, der er dækket i kapitlet.
Faktisk giver bogen nybegyndere en solid baggrund i CSS og hjælper dem gradvist med mere avancerede koncepter. Det vil gøre din CSS-rejse lettere.
Bøger om HTML og CSS
CSS og HTML undervises ofte sammen, hvilket kan være særligt nyttigt, når du skriver dine første linjer kode og gerne vil vide, hvordan de to sprog interagerer med hinanden.
Lær at kode HTML og CSS af Shay Howe
- Perfekt til: Start din front-end rejse
- Læringsniveau: begyndere
- Kræver: Ingen tidligere erfaring overhovedet
Shay omtaler denne bog som en enkel og omfattende guide dedikeret til at hjælpe begyndere med at lære HTML og CSS.
Det gør han ved at fokusere på fælles elementer i front-end design og udvikling. Nogle af de omfattede lektioner er Box Model, Positionering, Typografi, Baggrund og Gradienter, Lister, Media, Forms og Tabeller. I det første kapitel *Byg din første webside analyserede Shay indholdet af et typisk websted, inklusive elementer, attributter og opsætning af HTML-dokumentstrukturen, kodevalidering, vælgere og CSS-nulstillinger. Jeg finder bogen meget lærerig, især da det gik ud over overfladen at behandle mange nøglebegreber med kodeeksempler, som du kan følge med.
En dybtgående ting ved denne fantastiske bog er, at Shay byggede et komplet projekt fra bunden gennem de 12 lektioner, og i slutningen af hver lektion gav han et resumé og links til den aktuelle tilstand for det websted (så du kan sammenligne med dit, hvis du følger med) og kildekoden på hvert trin af lektionerne.
Hvis du er en elev, der lærer ved at gøre, vil du finde dette materiale meget nyttigt, og når du er færdig, vil du have udviklet en flersidet funktionel hjemmeside.
En avanceret efterfølger af kurset er også tilgængelig gratis via samme link.
HTML & CSS: Lær det grundlæggende på 7 dage af Michael Knapp
- Perfekt til: Start din front-end rejse
- Læringsniveau: begyndere
- Kræver: Ingen tidligere erfaring overhovedet
Kan du overhovedet lære alt, hvad der er at vide om HTML og CSS på syv dage? Sandsynligvis ikke, men det er derfor, denne bog fra 2017 af Michael Knapp er fokuseret direkte på det grundlæggende. Michael dykker ned i en kort historielektion, inden han går i gang med HTML- og CSS-struktur, logik og præsentation. Du kommer til at få det hele oppe at køre til det punkt, hvor du burde føle dig ret sikker på at sætte en grundlæggende webside sammen, plus et par ekstra ting undervejs, mens bogen berører SEO og analyser.
Bogen består af simple programmer, som du kan køre på din computer, hvis du ønsker at følge med.
E-bogsversionen er tilgængelig gratis på Apple Books, men der er også en Kindle-version, hvis du allerede har et abonnement der.
The Greatest CSS Tricks Vol. 1 af Chris Coyier
- Perfekt til: Forundret over, hvad CSS kan
- Læringsniveau: Mellem
- Kræver: Noget CSS-erfaring
Vidste du, at CSS-Tricks også har en bog om CSS? Det ville være dumt at udelade det fra denne liste, fordi det, du får, er en samling klassiske CSS-tricks, der er forklaret af ingen ringere end Chris Coyier. Faktisk håndplukkede Chris alle de eksempler, der er dækket i bogen, fra hans mange, mange (mange!) år, hvor han har kørt dette websted, ud fra de mange tricks, der har krydset hans skrivebord.
Hvert trick løser et bestemt smertepunkt. For eksempel den første "Pin Scrolling to Bottom" trickviser, hvordan overflow-anchor CSS-egenskaber kan bruges til at skabe den samme chat-lignende grænseflade til et værktøj som Slack, hvor skærmen er forankret i bunden på en måde, der føles som om siden ruller for dig, efterhånden som nye elementer tilføjes.
Bøger om proces
Kode handler lige så meget om hvordan vi skriver kode og samarbejder om projekter med andre, da det handler om selve den kode, vi skriver. De følgende bøger er gode udgangspunkter for alt fra planlægning og projektledelse til at kommunikere og samarbejde med andre.
Samarbejd: Bring mennesker sammen omkring digitale projekter af Ellen De Vries
- Perfekt til: At være en bedre samarbejdspartner
- Læringsniveau: N / A
- Kræver: Et åbent sind til at arbejde godt sammen med andre!
Ellen adresserer noget i denne bog, som vi alle skal forholde os til: at samarbejde med andre. Og det er ikke en lille sag - bogen er opdelt i fire dele, der går super dybt ind i ting, vi kan gå til at arbejde godt sammen med andre:
- Vide, hvordan man forbereder jorden og skaber de rette betingelser for samarbejde.
- At pleje gruppekulturen i de tidlige stadier af samarbejdet.
- Oprethold en sund samarbejdsproces.
- Høst frugterne af et samarbejde.
Som indholdsstrateg har Ellen den rigtige form for erfaring til at hjælpe enhver med at være en del af et samarbejdsprojekt eller få mest muligt ud af et samarbejde.
Den moderne webdesignproces ved webflow
- Perfekt til: Senior designere, projektledere
- Læringsniveau: N / A
- Kræver: En vis grundlæggende forståelse af CSS
Denne gratis e-bog indeholder en syv-trins designproces, der er beregnet til at hjælpe med at definere arbejdsgangen for nutidens brand af webdesign.
Det omfatter:
- Sætte mål
- Definition af omfang
- Sitemaps og wireframes
- Arbejde med indhold
- Håndtering af visuelle elementer
- Test
- Levering
Enhver, der starter et nyt designprojekt eller midt i et designprojekt, vil finde den uvurderlige indsigt gennem hele bogen. Og det mest bemærkelsesværdige er, hvordan dette er skrevet på en måde, der næsten føles som om, du bliver håndholdt gennem et helt projekt fra idé til færdiggørelse.
Design til nettet af Mark Boulton
- Perfekt til: At lære at arbejde med kunder
- Læringsniveau: begyndere
- Kræver: En ægte interesse for design
Det lader til, at mange organisationer tackler design forskelligt. Men forfatteren Mark Boulton dokumenterer et grundigt designworkflow Design til nettet der afmystificerer mange udfordringer og dækker alt, hvad du behøver at vide.
Det unikke ved denne bog er, at den i virkeligheden handler om arbejde. Sikker på, der er en masse meget værdifuld information om bedste designmetoder for ting som typografi, farve og layout, men det, du virkelig vil tage med fra denne bog, er hvordan disse passer ind i et design-workflow. Det lærer dig, hvordan du researcher, de teknologier, vi har til at implementere ideer, og i sidste ende, hvordan du arbejder med andre såvel som kunder - perfekt foder til folk, herunder design leads, projektledere, freelancere eller enhver, der er involveret i projektleveringsprocessen .
Lær versionskontrol med Git ved Tower
- Perfekt til: At mestre Git
- Læringsniveau: Alle niveauer er velkomne
- Kræver: Ingen forhåndsviden overhovedet
I denne bog er holdet bag det populære Tower-klient til Git introducere eleverne til kernen i versionskontrolsystemet ved hjælp af Git. Udviklere, der arbejder i teams, vil især finde dette meget nyttigt, da det hjælper med effektivt at samarbejde med teammedlemmer ved at bygge forskellige funktioner i et projekt, selv når I er tusindvis af kilometer fra hinanden. Når det er sagt, er det stadig rigtig godt for alle, der måske er genert over kommandolinjen og ønsker at opbygge selvtillid der.
Og da bogen er af producenten af en applikation, der interagerer med Git, vil du få en god portion af at bruge Tower som en GUI udover at arbejde direkte på kommandolinjen.
Så uanset om det er at forpligte sig, forgrene, flette, trække anmodninger, forgrene arbejde eller håndtere flettekonflikter, vil du få en hel masse ud af denne bog.
Bøger om JavaScript
At lære JavaScript ser altid ud til at være på mode. Faktisk, Jason Rodriguez skrev om JavaScript-læringslandskabet i 2018 og leverede en god liste over gratis bøger. Der er ikke dukket for meget op siden da, men her er mine tanker om følgende bøger.
Veltalende JavaScript af Marijn Haverbeke
- Perfekt til: Bliver bedre til at skrive JavaScript
- Læringsniveau: Mellemliggende til erfarne udviklere
- Kræver: Tidligere JavaScript erfaring
Veltalende JavaScript lever virkelig op til sit navn. Personligt betragter jeg dette som en af de bedst skrevne JavaScript-bøger, jeg nogensinde er stødt på. Marjins skrivestil er engagerende, især med hvordan han introducerer programmeringskoncepter og fører læseren med. Med hans ord handler bogen ganske enkelt om instruere computere og få dem til at gøre det, du vil have dem til.
Bogen er et dybt dyk i JavaScript fordelt på tre dele og 21 kapitler. Du kommer til at læse en masse om grundlæggende programmeringskoncepter, såsom værdier, typer, operatorer og funktioner, til avancerede begreber som regulære udtryk, moduler, DOM og asynkron programmering. Han starter hvert kapitel med et lidt filosofisk citat for at forberede læseren på, hvad der venter forude og dykker derefter direkte ind i emnet.
Derudover er der tre projekter, der hjælper dig med at øve dine nyfundne færdigheder.
Forstå JavaScript-løfter af Nicholas C. Zakas
- Perfekt til: Dem, der ønsker at lære alt om asynkron programmering med løfter i JavaScript.
- Læringsniveau: Mellem
- Kræver: Grundlæggende JavaScript koteletter
JavaScript-løfter blev introduceret i 2015 som en del af ES6-specifikationen til at håndtere asynkrone funktioner i JavaScript. Ifølge MDN:
Et løfte er et objekt, der repræsenterer den endelige fuldførelse eller fiasko af en asynkron operation
I denne 51-siders bog forklarer Nicholas konceptet løfter over tre kapitler: Grundlæggende, kæde løfter og arbejde med flere løfter. Selvom link til den bog, vi leverer er den gratis fællesskabsversion, den fulde version (tilgængelig på Amazon) har yderligere to kapitler om Asynkron-funktioner og Ubehandlet afvisningssporing. Nicholas forenklede begrebet løfter med flere illustrationer og eksempler. Du lærer at bruge then(), catch()og finally() og forstå, hvordan man kæder flere løfter sammen. Nicholas dækker også opgaven med afvisnings- og forligsbehandlere. Du kan eventuelt læse bogen for at styrke din forståelse af emnet.
Nicholas er en veteran JavaScript-bogsforfatter, der har skrevet om JavaScript i over 15 år. Han bringer sit væld af erfaring til sig i denne bog (ligesom han har gjort det hans arbejde her hos CSS-Tricks).
Taler JavaScript af Axel Rauschmayer
- Perfekt til: Niveau op fra begyndelsen af JavaScript
- Læringsniveau: Mellem
- Kræver: Kendskab til objektorienteret programmering
Denne bog er præsenteret i fire kapitler, der dækker mere end 30 emner. Sådan går det i stykker:
- Det første kapitel er en god genopfriskning af syntaks, variabeltyper, funktioner og undtagelseshåndtering.
- Det andet kapitel tilbyder et historisk perspektiv på JavaScript som optakt til de typer funktioner, der er dækket gennem resten af bogen.
- Kapitel 3 præsenteres mere eller mindre som en opslagsbog med korte, rene eksempler.
- Det sidste kapitel skitserer tips, værktøjer og biblioteker til at hjælpe med at skrive bedre JavaScript og følge bedste praksis.
JavaScript-ninjaens hemmeligheder af John Resig og Bear Bibeault
- Perfekt til: Oprettelse af et JavaScript-bibliotek på tværs af browsere fra bunden
- Læringsniveau: Mellem
- Kræver: Nogle tidligere programmeringserfaring
Der er faktisk en nyere udgave af denne bog, men 2012-udgaven er den, der er gratis. Uanset hvad, så er det en god mulighed for at lære af John Resig; du ved, fyren der oprettet jQuery.
De teknikker, der er dækket her, omfatter lukninger, funktioner, DOM, objektorientering med prototyper og strategier på tværs af browsere. En god fordel er, at hvert kapitel efterfølges af en kort opsummering, der er perfekt til en reference, når du er færdig med bogen.
Learning JavaScript Design Patterns af Addy Osmani
- Perfekt til: Lær at skrive mere effektiv JavaScript
- Læringsniveau: Mellem
- Kræver: Et anstændigt niveau af JavaScript-oplevelse
Begrebet designmønster refererer til en genanvendelig løsning på et almindeligt tilbagevendende problem i applikationsudvikling. I denne bog dækker Addy Osmani implementeringen af almindelige designmønstre ved brug af ES6 og videre, samt React-specifikke designmønstre, som kan være super praktiske, når man arbejder med komplekse React-apps, hvor vedligeholdelse er et primært mål.
Nogle af de dækkede mønstre inkluderer Singleton-, Proxy-, Provider-, Prototype- og Observer-mønstre. I nogle tilfælde inkluderer Addy fordele og ulemper ved at bruge nogle af disse mønstre, og hvordan de kan påvirke din applikations ydeevne.
Du kender ikke JS af Kyle Simpson
- Perfekt til: Behersker JavaScript
- Læringsniveau: Begynder
- Kræver: Lille eller ingen tidligere programmeringserfaring
Selvom titlen måske er en smule provokerende, er hvad Kyle antyder her, at han skriver denne bog, forudsat at du ikke har nogen tidligere JavaScript-erfaring overhovedet.
Kyle starter starter med at gennemgå programmeringens rudimenter set gennem JavaScript. Han fortsætter derefter, i de efterfølgende kapitler, med at introducere mere avancerede begreber som omfang og lukning, this nøgleord, objektprototyper, asyncog ydeevne.
Der er en masse fremragende detaljer og forklaringer herinde, og Kyle gør det super nemt at forstå ved at undgå super teknisk jargon. Der er også mange øvelser designet til at styrke din læring. Denne bog vil helt sikkert få dig opdateret med JavaScript. Der er anden udgave af bogen på vej som du kan spore i GitHub.
JavaScript-begynderhåndbogen af Flavio Copes
- Perfekt til: En begynderreference
- Læringsniveau: Lige startet
- Kræver: E-mail tilmelding, måske nogle tidligere erfaringer
Flavio har sammensat en meget nyttig JavaScript-reference for dem, der lige er startet. Det er mere som en hurtig referencevejledning end en lærebog, så de af jer, der lige er startet, vil måske overveje dette som noget, du har på dit skrivebord, snarere end noget, du sidder med i lange perioder.
JavaScript til datavidenskab af Gans, Hodges & Wilson
- Perfekt til: Kom ind i datavisualiseringer
- Læringsniveau: Mellem til avanceret
- Kræver: Et anstændigt greb om JavaScript
Forfatterne dækker kerneegenskaber i moderne JavaScript, herunder tilbagekald, løfter, arv, objekter og klasser. De kommer også i gang med at teste vha mokka, React og datavisualisering, som alle er fantastiske for alle, der ønsker at forbedre deres kode og hvordan den er skrevet. Bogen går ikke så dybt ind i mange begreber som nogle af de andre bøger, men den skinner virkelig, når den kommer ind i data science.
Bogen bruger Data-Forge; et JavaScript-bibliotek designet til at arbejde med tabeldata. Der er adskillige øvelser til at hjælpe læserne med at holde sig ajour med emnet for diskussion. Det sidste kapitel indeholder også et endestensprojekt, der samler alt.
Indpakning op
Jeg håber bestemt, at denne samling af bøger hjælper dig, uanset om du tager dine første skridt inden for front-end webudvikling, har et dusin år bag dig, eller du falder et sted imellem. Jeg ved, hvor svært det er at komme ind i noget nyt for første gang og følelsen af ikke at vide, hvor man skal lede. Jeg ved også, hvordan det føles at ramme et plateau og har brug for noget til at niveauere mig. Her burde være noget for enhver smag, uanset hvor du er på din læringsrejse.
Og hej, hvis du har andre bøger, der kan købes gratis online, så del dem venligst i kommentarerne! Jeg vil vædde på, at vi kan få en endnu større liste i gang.
