Direkt efter "Var är det bästa stället att lära sig?" kanske den vanligaste frågan jag hör från folk som kommer in på kod är "Vilka webbutvecklingsböcker ska jag lära mig?" Tja, betrakta detta som ett svar på den frågan eftersom jag har sammanställt en lista över böcker som inte bara är bra för att komma in i frontend-utveckling utan också är fritt tillgängliga.
Böcker om CSS
Det här är huvuddelen av var vi ska umgås eftersom det här är en sida för det mesta om CSS!
The Magic of CSS av Adam Schwartz
- Perfekt för: Nästa steg i din CSS-resa
- Inlärningsnivå: Mellanliggande
- Kräver: Lite grundläggande förståelse för CSS
Adam Schwartz täcker sex CSS-koncept i den här boken, inklusive boxmodell, layout, tabeller, färg, typografi och övergångar. Det här är saker som till och med stör vissa erfarna CSS-are, några av dessa begrepp kan vara förvirrande. Adam har gjort mycket för att avmystifiera var och en.
Förutom att boken är en bra primer på komplexa CSS-koncept, älskar jag hur var och en av de CSS-egenskaper som nämns i boken är klickbara så att du alltid kan klicka på dem för att se hur de tillämpas. Det finns många illustrativa exempel och rekommendationer för vidare läsning om du skulle vilja lära dig mer om varje kapitel.
Jag tyckte att kapitlet om färger var mycket intressant, inte bara för att det handlar om bästa praxis för att använda färg tillgängligt, utan också för att det finns superpraktiska tillämpningar, som när Adam börjar använda CSS för att stödja en organisations varumärke.
Spänstig webbdesign av Jeremy Keith
- Perfekt för: Utveckla strategier för att skriva kod
- Inlärningsnivå: Mellanliggande
- Kräver: Lite grundläggande förståelse för CSS
Direkt från inledningen:
Du hittar ingen kod här som hjälper dig att bygga bättre webbplatser. Men du kommer att hitta idéer och tillvägagångssätt. Idéer är mer motståndskraftiga än kod. Jag har försökt kombinera de mest motståndskraftiga idéerna från webbdesignens historia till ett tillvägagångssätt för att bygga framtidens webbplatser.
Vad Jeremy gör så bra är att beskriva mjuka färdigheter, som planering, skissering och tillvägagångssätt för att skriva kod. Så i stället för att släppa in kodavsnitt genom hela boken, hittar du detaljer om kodstrategier, såsom progressiv förbättring, beslut om vilka verktyg som ska användas och utmaningarna med att skriva framtidsvänlig kod.
Och för er som inte har haft nöjet att lyssna på Jeremy berätta innehåll (som han gör i Webbhistorik-serien), finns det en ljudfil att ladda ner.
Börjar CSS-webbutveckling: från nybörjare till professionella av Simon Collison
- Perfekt för: Grunderna i CSS
- Inlärningsnivå: Riktiga nybörjare
- Kräver: Inget annat än tid och motivation
Den må vara skriven 2006, men Simons bevakning av webbstandarder och tillgänglighet är tidlös och relevant idag. Han ger en förståelse för interoperabilitet samt metoder för att bygga webbapplikationer, inklusive de tidiga planeringsfaserna som ofta förbises.
Boken har två breda delar som vidare är uppdelade i 16 kapitel. Del 1 tar upp CSS-ämnen, som att arbeta med text, länkar, listor, bakgrunder, bilder, tabeller och formulär. Det snålar verkligen inte med detaljerna heller.
Del 2 handlar om layout, att belysa användbarhet och layoutmanipulation, plus en praktisk fallstudie. Kapitlen är ordnade på ett sådant sätt att ett kapitel naturligt flyter in i nästa. Varje kapitel innehåller också ett avslutande avsnitt som belyser alla viktiga begrepp som tas upp i kapitlet.
Faktum är att boken ger nybörjare en gedigen bakgrund i CSS och hjälper dem gradvis med mer avancerade koncept. Det kommer att göra din CSS-resa enklare.
Böcker om HTML och CSS
CSS och HTML lärs ofta ut tillsammans, vilket kan vara särskilt användbart när du skriver dina första rader kod och vill veta hur de två språken interagerar med varandra.
Lär dig koda HTML och CSS av Shay Howe
- Perfekt för: Börjar din front-end-resa
- Inlärningsnivå: Nybörjare
- Kräver: Ingen tidigare erfarenhet alls
Shay hänvisar till den här boken som en enkel och omfattande guide tillägnad att hjälpa nybörjare att lära sig HTML och CSS.
Han gör detta genom att fokusera på vanliga delar av front-end design och utveckling. Några av lektionerna som tas upp är Box Model, Positioning, Typography, Background and Gradients, Lists, Media, Forms och Tabeller. I det första kapitlet *Bygga din första webbsida, analyserade Shay innehållet på en typisk webbplats inklusive element, attribut och inställning av HTML-dokumentstruktur, kodvalidering, väljare och CSS-återställningar. Jag tycker att boken är väldigt lärorik, särskilt som den gick bortom ytan att ta upp många nyckelbegrepp med kodexempel, som du kan följa med.
En djupgående sak med den här fantastiska boken är att Shay byggde ett komplett projekt från grunden under de 12 lektionerna och i slutet av varje lektion gav han en sammanfattning och länkar till det aktuella tillståndet för den webbplatsen (så att du kan jämföra med din om du följer med) och källkoden i varje skede av lektionerna.
Om du är en elev som lär dig genom att göra, kommer du att tycka att det här materialet är mycket användbart och när du är klar kommer du att ha utvecklat en flersidig funktionell webbplats.
En avancerad uppföljare av kursen finns också tillgänglig gratis via samma länk.
HTML & CSS: Lär dig grunderna på 7 dagar av Michael Knapp
- Perfekt för: Börjar din front-end-resa
- Inlärningsnivå: Nybörjare
- Kräver: Ingen tidigare erfarenhet alls
Kan du möjligen lära dig allt som finns att veta om HTML och CSS på sju dagar? Förmodligen inte, men det är därför den här boken från 2017 av Michael Knapp fokuserar rakt på grunderna. Michael fördjupar sig i en kort historielektion innan han börjar med HTML- och CSS-struktur, logik och presentation. Du kommer att komma igång till den punkt där du borde känna dig ganska säker på att sätta ihop en grundläggande webbsida, plus några extrafunktioner på vägen när boken berör SEO och analys.
Boken består av enkla program som du kan köra på din dator om du vill följa med.
E-boksversionen är tillgänglig gratis på Apple Books, men det finns en Kindle-version också om du redan har ett abonnemang där.
The Greatest CSS Tricks Vol. 1 av Chris Coyier
- Perfekt för: Förundras över vad CSS kan göra
- Inlärningsnivå: Mellanliggande
- Kräver: Viss CSS-erfarenhet
Visste du att CSS-Tricks också har en bok om CSS? Det skulle vara dumt att lämna det från den här listan eftersom det du får är en samling klassiska CSS-trick som förklaras av ingen mindre än Chris Coyier. Faktum är att Chris handplockade alla exemplen som tas upp i boken från hans många, många (många!) år som han drivit den här webbplatsen från mängden av knep som har passerat hans skrivbord.
Varje trick löser en viss smärtpunkt. Till exempel den första Tricket "Fäst rulla till botten".visar hur overflow-anchor CSS-egenskapen kan användas för att skapa samma chattliknande gränssnitt för ett verktyg som Slack, där skärmen är förankrad i botten på ett sätt som känns som om sidan rullar för dig när nya objekt läggs till.
Böcker om process
Kod handlar lika mycket om hur vi skriver kod och samarbetar i projekt med andra då det handlar om själva koden vi skriver. Följande böcker är bra utgångspunkter för allt från planering och projektledning till att kommunicera och samarbeta med andra.
Samarbeta: Samla människor runt digitala projekt av Ellen De Vries
- Perfekt för: Att vara en bättre samarbetspartner
- Inlärningsnivå: N / A
- Kräver: Ett öppet sinne för att samarbeta bra med andra!
Ellen tar upp något i den här boken som vi alla måste ta itu med: att samarbeta med andra. Och det är ingen liten sak – boken är uppdelad i fyra delar som går superdjupt in i saker vi kan gå för att fungera bra med andra:
- Vet hur man bereder marken och skapar rätt förutsättningar för samarbete.
- Vårda gruppkulturen i de tidiga stadierna av samarbete.
- Upprätthålla en sund samarbetsprocess.
- Skörda frukterna av ett samarbete.
Som innehållsstrateg har Ellen rätt sorts erfarenhet för att hjälpa vem som helst att vara en del av ett samarbetsprojekt, eller få ut det mesta av ett samarbete.
Den moderna webbdesignprocessen av webbflöde
- Perfekt för: Senior designers, projektledare
- Inlärningsnivå: N / A
- Kräver: Lite grundläggande förståelse för CSS
Denna gratis e-bok innehåller en designprocess i sju steg som är avsedd att hjälpa till att definiera arbetsflödet för dagens varumärke av webbdesign.
Det inkluderar:
- Sätta mål
- Definiera omfattning
- Webbplatskartor och wireframes
- Arbeta med innehåll
- Hantera visuella element
- Testning
- Frakt & Leverans
Den som startar ett nytt designprojekt eller mitt i ett designprojekt kommer att hitta de ovärderliga insikterna genom hela boken. Och det som är mest anmärkningsvärt är hur det här är skrivet på ett sätt som nästan känns som om du blir handhållen genom ett helt projekt från idé till slutförande.
Designa för webben av Mark Boulton
- Perfekt för: Att lära sig att arbeta med kunder
- Inlärningsnivå: Nybörjare
- Kräver: Ett genuint intresse för design
Det verkar som att många organisationer hanterar design på olika sätt. Men författaren Mark Boulton dokumenterar ett grundligt designarbetsflöde Designa för webben som avmystifierar många utmaningar och täcker allt du behöver veta.
Det som är unikt med den här boken är att den verkligen handlar om arbete. Visst, det finns en massa oerhört värdefull information om bästa designmetoder för saker som typografi, färg och layout, men det du verkligen kommer att ta med dig från den här boken är hur dessa passar in i ett designarbetsflöde. Den lär dig hur man forskar, teknikerna vi har för att implementera idéer och i slutändan hur man arbetar med andra såväl som kunder – perfekt foder för människor inklusive designledare, projektledare, frilansare eller någon som är involverad i projektleveransprocessen .
Lär dig versionskontroll med Git av Tower
- Perfekt för: Att bemästra Git
- Inlärningsnivå: Alla nivåer välkomna
- Kräver: Inga förkunskaper alls
I den här boken, laget bakom det populära Tower-klient för Git introducera eleverna till kärnan i versionskontrollsystemet med hjälp av Git. Utvecklare som arbetar i team kommer att tycka att detta är mycket användbart, eftersom det hjälper till att effektivt samarbeta med teammedlemmar som bygger olika funktioner i ett projekt även när ni är tusentals mil ifrån varandra. Som sagt, det är fortfarande riktigt bra för alla som kanske är blyga för kommandoraden och vill bygga upp förtroende där.
Och eftersom boken är av tillverkaren av en applikation som interagerar med Git, kommer du att få en bra dos av att använda Tower som ett GUI förutom att arbeta direkt på kommandoraden.
Så, oavsett om det handlar om att begå, förgrena sig, slå samman, pull-förfrågningar, forking work, eller hantera sammanslagningskonflikter, kommer du att få en hel del av den här boken.
Böcker om JavaScript
Att lära sig JavaScript verkar alltid vara på modet. Faktiskt, Jason Rodriguez skrev om JavaScript-inlärningslandskapet 2018 och gav en fin lista med gratisböcker. Det har inte dykt upp så mycket sedan dess, men här är mina tankar om följande böcker.
Allmänt JavaScript av Marijn Haverbeke
- Perfekt för: Blir bättre på att skriva JavaScript
- Inlärningsnivå: Intermediär till erfarna utvecklare
- Kräver: Tidigare erfarenhet av JavaScript
Allmänt JavaScript verkligen lever upp till sitt namn. Personligen anser jag att detta är en av de bäst skrivna JavaScript-böckerna jag någonsin har stött på. Marjins skrivstil är engagerande, särskilt med hur han introducerar programmeringskoncept och tar med sig läsaren. Med hans ord handlar boken helt enkelt om instruera datorer och få dem att göra det du vill att de ska göra.
Boken är en djupdykning i JavaScript spridd över tre delar och 21 kapitel. Du kommer att läsa en massa om grundläggande programmeringskoncept, såsom värden, typer, operatorer och funktioner, till avancerade begrepp som reguljära uttryck, moduler, DOM och asynkron programmering. Han inleder varje kapitel med ett lite filosofiskt citat för att förbereda läsaren på vad som väntar och dyker sedan rakt in i ämnet.
Dessutom finns det tre projekt som hjälper dig att öva på dina nyfunna färdigheter.
Förstå JavaScript-löften av Nicholas C. Zakas
- Perfekt för: De som vill lära sig allt om asynkron programmering med löften i JavaScript.
- Inlärningsnivå: Mellanliggande
- Kräver: Grundläggande JavaScript-kotletter
JavaScript-löften introducerades 2015 som en del av ES6-specifikationen för att hantera asynkrona funktioner i JavaScript. Enligt MDN:
Ett löfte är ett objekt som representerar slutförandet eller misslyckandet av en asynkron operation
I denna 51-sidiga bok förklarar Nicholas konceptet med löften i tre kapitel: Grunderna, Kedjelöften och Arbeta med flera löften. Även om länk till boken vi tillhandahåller är den fria communityversionen, den fullständiga versionen (tillgänglig på Amazon) har ytterligare två kapitel om Async Functions och Unhandled Rejection Tracking. Nicholas förenklade konceptet med löften med flera illustrationer och exempel. Du kommer att lära dig hur du använder then(), catch()och finally() och förstå hur man kopplar ihop flera löften. Nicholas täcker också uppdraget för avvisnings- och avräkningshanterare. Du kanske vill läsa boken för att stärka din förståelse av ämnet.
Nicholas är en veteran JavaScript-bokförfattare som har skrivit om JavaScript i över 15 år. Han tar med sig sin rikedom av erfarenhet i den här boken (precis som han har gjort i hans arbete här på CSS-Tricks).
Talar JavaScript av Axel Rauschmayer
- Perfekt för: Nivå upp från början av JavaScript
- Inlärningsnivå: Mellanliggande
- Kräver: Kunskaper om objektorienterad programmering
Den här boken presenteras i fyra kapitel som täcker mer än 30 ämnen. Så här går det sönder:
- Det första kapitlet är en trevlig uppfräschning om syntax, variabeltyper, funktioner och undantagshantering.
- Det andra kapitlet erbjuder ett historiskt perspektiv på JavaScript som ett förspel för de typer av funktioner som täcks av resten av boken.
- Kapitel 3 presenteras mer eller mindre som en uppslagsbok med korta, rena exempel.
- Det sista kapitlet ger tips, verktyg och bibliotek som hjälper dig att skriva bättre JavaScript och följa bästa praxis.
Hemligheterna i JavaScript Ninja av John Resig och Bear Bibeault
- Perfekt för: Skapa ett JavaScript-bibliotek för flera webbläsare från grunden
- Inlärningsnivå: Mellanliggande
- Kräver: Viss tidigare erfarenhet av programmering
Det finns faktiskt en nyare upplagan av denna bok, Men 2012 års upplaga är den som är gratis. Hur som helst är det ett bra tillfälle att lära av John Resig; du vet, killen som skapas jQuery.
Teknikerna som behandlas här inkluderar stängningar, funktioner, DOM, objektorientering med prototyper och strategier för flera webbläsare. En trevlig fördel är att varje kapitel följs av en kort sammanfattning som är perfekt för en referens när du har avslutat boken.
Lär dig JavaScript-designmönster av Addy Osmani
- Perfekt för: Lär dig skriva effektivare JavaScript
- Inlärningsnivå: Mellanliggande
- Kräver: En anständig nivå av JavaScript-upplevelse
Konceptet designmönster hänvisar till en återanvändbar lösning på ett vanligt återkommande problem inom applikationsutveckling. I den här boken täcker Addy Osmani implementeringen av vanliga designmönster med ES6 och vidare, samt React-specifika designmönster, vilket kan vara superhändigt när man arbetar med komplexa React-appar där underhållbarhet är ett primärt mål.
Några av mönstren som omfattas inkluderar Singleton-, Proxy-, Provider-, Prototyp- och Observer-mönster. I vissa fall inkluderar Addy för- och nackdelar med att använda några av dessa mönster och hur de kan påverka prestandan för din applikation.
Du känner inte JS av Kyle Simpson
- Perfekt för: Bemästra JavaScript
- Inlärningsnivå: Nybörjare
- Kräver: Lite eller ingen tidigare erfarenhet av programmering
Även om titeln kan vara lite provocerande, är vad Kyle antyder här att han skriver den här boken förutsatt att du inte har någon tidigare erfarenhet av JavaScript.
Kyle börjar med att gå igenom grunderna för programmering sett genom JavaScript. Han fortsätter sedan, i efterföljande kapitel, att introducera mer avancerade begrepp som omfattning och stängning, this nyckelord, objektprototyper, asyncoch prestanda.
Det finns många utmärkta detaljer och förklaringar här, och Kyle gör det superlätt att förstå genom att undvika superteknisk jargong. Det finns också många övningar utformade för att stärka ditt lärande. Den här boken kommer definitivt att få dig uppdaterad med JavaScript. Det är andra upplagan av boken på gång som du kan spåra i GitHub.
JavaScript nybörjarhandbok av Flavio Copes
- Perfekt för: En nybörjarreferens
- Inlärningsnivå: Har just börjat
- Kräver: E-postregistrering, kanske någon tidigare erfarenhet
Flavio har satt ihop en mycket användbar JavaScript-referens för de som precis har börjat. Det är mer som en snabbreferensguide än en lärobok, så de av er som precis har börjat kanske vill betrakta detta som något du har på ditt skrivbord snarare än något du sitter med under långa perioder.
JavaScript för datavetenskap av Gans, Hodges & Wilson
- Perfekt för: Att komma in i datavisualiseringar
- Inlärningsnivå: Medel till avancerad
- Kräver: Ett bra grepp om JavaScript
Författarna täcker kärnfunktionerna i moderna Javascript, inklusive återuppringningar, löften, arv, objekt och klasser. De kommer också in på att testa med Mocka, React och datavisualisering, som alla är bra för alla som vill höja sin kod och hur den är skriven. Boken går inte så djupt in i många begrepp som vissa av de andra böckerna, men den lyser verkligen när den kommer in i datavetenskap.
Boken använder Data-Forge; ett JavaScript-bibliotek utformat för att arbeta med tabelldata. Det finns många övningar för att hjälpa läsarna att hålla sig uppdaterade med ämnet för diskussion. Det sista kapitlet innehåller också ett slutstensprojekt som drar ihop allt.
Inslagning upp
Jag hoppas verkligen att den här samlingen av böcker hjälper dig, oavsett om du tar dina första steg i front-end webbutveckling, har ett dussin år bakom bältet eller om du hamnar någonstans däremellan. Jag vet hur svårt det är att komma in i något nytt för första gången och känslan av att inte veta var man ska leta. Jag vet också hur det känns att slå en platå och behöva något för att höja mig. Det borde finnas något för alla här, oavsett var du befinner dig i din läranderesa.
Och hej, om du har några andra böcker som är tillgängliga att köpa gratis online, vänligen dela dem i kommentarerna! Jag slår vad om att vi kan få en ännu större lista.
