Heti "Missä on paras paikka oppia?" jälkeen. Ehkä yleisin kysymys, jonka kuulen koodiin perehtyviltä ihmisiltä, on "Mitä verkkokehityskirjoja minun pitäisi oppia?" Ajattele tätä vastausta kysymykseen, sillä olen koonnut luettelon kirjoista, jotka eivät ole vain hyviä etupään kehittämiseen, vaan ovat myös vapaasti saatavilla.
CSS-kirjoja
Tämä on suurin osa siitä, missä vietämme aikaa, koska tämä on sivusto enimmäkseen CSS:stä!
CSS:n taika Kirjailija: Adam Schwartz
- Täydellinen: Seuraavat vaiheet CSS-matkallasi
- Oppimistaso: väli-
- Tarvitaan: Jotain perustietoa CSS:stä
Adam Schwartz kattaa kuusi tämän kirjan CSS-konseptia, mukaan lukien laatikkomalli, asettelu, taulukot, värit, typografia ja siirtymät. Nämä ovat asioita, jotka jopa häiritsevät joitain kokeneita CSS-käyttäjiä, jotkut näistä käsitteistä voivat olla hämmentäviä. Adam on tehnyt paljon vaivaa paljastaakseen jokaisen.
Sen lisäksi, että kirja on loistava alusta monimutkaisille CSS-konsepteille, pidän siitä, että jokainen kirjassa mainituista CSS-ominaisuuksista on napsautettavissa, jotta voit aina napsauttaa niitä nähdäksesi, miten niitä sovelletaan. Siellä on monia havainnollistavia esimerkkejä ja suosituksia lisälukemista varten, jos haluat oppia lisää jokaisesta luvusta.
Pidin värejä käsittelevän luvun erittäin mielenkiintoisena, ei vain siksi, että siinä käsitellään parhaita käytäntöjä värien helppokäyttöiseen käyttöön, vaan myös siksi, että siellä on erittäin käytännöllisiä sovelluksia, kuten kun Adam alkaa käyttää CSS:ää organisaation brändäyksen tukemiseen.
Joustava verkkosuunnittelu Kirjailija: Jeremy Keith
- Täydellinen: Strategioiden kehittäminen koodin kirjoittamiseen
- Oppimistaso: väli-
- Tarvitaan: Jotain perustietoa CSS:stä
Suoraan esittelystä:
Et löydä täältä koodia, joka auttaisi sinua luomaan parempia verkkosivustoja. Mutta ideoita ja lähestymistapoja löytyy. Ideat ovat kestävämpiä kuin koodi. Olen yrittänyt yhdistää verkkosuunnittelun historian kestävimmät ideat lähestymistavaksi tulevaisuuden verkkosivujen rakentamiseen.
Jeremy osaa niin hyvin kuvata pehmeitä taitoja, kuten suunnittelua, hahmottelua ja lähestymistapoja koodin kirjoittamiseen. Joten sen sijaan, että pudottaisit koodinpätkiä koko kirjaan, löydät tietoja koodistrategioista, kuten asteittaisesta parantamisesta, käytettävän työkalun päättämisestä ja tulevaisuuden koodin kirjoittamisen haasteista.
Ja niille teistä, joilla ei ole ollut ilo kuunnella Jeremyn kertovan sisältöä (kuten hän tekee Verkkohistoria-sarja), ladattavissa on äänitiedosto.
CSS-verkkokehityksen aloittaminen: Aloittelijasta ammattilaiseksi Kirjailija: Simon Collison
- Täydellinen: CSS:n perusteet
- Oppimistaso: Aivan aloittelijat
- Tarvitaan: Ei muuta kuin aikaa ja motivaatiota
Se saattaa olla kirjoitettu vuonna 2006, mutta Simonin kattavuus verkkostandardeista ja saavutettavuudesta on ajatonta ja ajankohtainen nykyään. Hän antaa ymmärrystä yhteentoimivuudesta sekä lähestymistapoja verkkosovellusten rakentamiseen, mukaan lukien varhaiset suunnitteluvaiheet, jotka usein jäävät huomiotta.
Kirjassa on kaksi laajaa osaa, jotka on jaettu edelleen 16 lukuun. Osa 1 kattaa CSS-aiheita, kuten tekstin, linkkien, luetteloiden, taustojen, kuvien, taulukoiden ja lomakkeiden käsittelyn. Se ei todellakaan säästele yksityiskohdissa.
Osa 2 käsittelee ulkoasua, valaisee käytettävyyttä ja asettelun manipulointia sekä kätevää tapaustutkimusta. Luvut on järjestetty siten, että yksi luku siirtyy luonnollisesti seuraavaan. Jokainen luku sisältää myös loppuosan, joka korostaa kaikkia luvussa käsiteltyjä tärkeitä käsitteitä.
Itse asiassa kirja tarjoaa aloitteleville kehittäjille vankan CSS-taustan ja auttaa heitä vähitellen kehittyneemmillä käsitteillä. Se helpottaa CSS-matkaasi.
HTML- ja CSS-kirjoja
CSS:ää ja HTML:ää opetetaan usein yhdessä, mikä voi olla erityisen hyödyllistä, kun kirjoitat ensimmäisiä koodirivejäsi ja haluat tietää, kuinka kielet ovat vuorovaikutuksessa keskenään.
Opi koodaamaan HTML- ja CSS-koodeja Kirjailija: Shay Howe
- Täydellinen: Aloita etupään matkasi
- Oppimistaso: Aloittelijan
- Tarvitaan: Ei aikaisempaa kokemusta ollenkaan
Shay viittaa tähän kirjaan a yksinkertainen ja kattava opas, joka on tarkoitettu auttamaan aloittelijoita oppimaan HTML:n ja CSS:n.
Hän tekee tämän keskittymällä yleisiin etupään suunnittelun ja kehityksen elementteihin. Jotkut käsiteltävistä oppitunneista ovat laatikkomalli, paikannus, typografia, tausta ja liukuvärit, luettelot, media, lomakkeet ja taulukot. Ensimmäisessä luvussa *Ensimmäisen Web-sivun rakentaminen Shay analysoi tyypillisen verkkosivuston sisältöä, mukaan lukien elementtejä, attribuutteja ja HTML-dokumentin rakenteen määrittämistä, koodin validointia, valitsimia ja CSS-nollauksia. Pidän kirjaa erittäin opettavaisena, varsinkin kun se meni pintaa pidemmälle käsitellen monia keskeisiä käsitteitä koodinäytteillä, joita voit seurata.
Yksi syvällinen asia tässä upeassa kirjassa on se, että Shay rakensi täydellisen projektin tyhjästä 12 oppitunnin ajan ja jokaisen oppitunnin lopussa hän toimitti yhteenvedon ja linkit kyseisen verkkosivuston nykyiseen tilaan (jotta voit verrata omaasi, jos seuraat mukana) ja lähdekoodia oppituntien jokaisessa vaiheessa.
Jos olet oppija, joka oppii tekemällä, tämä materiaali on erittäin hyödyllistä, ja kun olet valmis, olet kehittänyt monisivuisen toimivan verkkosivuston.
Kurssin edistynyt jatko-osa on myös saatavilla ilmaiseksi saman linkin kautta.
HTML ja CSS: Opi perusteet 7 päivässä Kirjailija: Michael Knapp
- Täydellinen: Aloita etupään matkasi
- Oppimistaso: Aloittelijan
- Tarvitaan: Ei aikaisempaa kokemusta ollenkaan
Voitko mahdollisesti oppia kaiken HTML:stä ja CSS:stä seitsemässä päivässä? Todennäköisesti ei, mutta siksi tämä Michael Knappin vuoden 2017 kirja keskittyy suoraan perusasioihin. Michael perehtyy lyhyeen historian oppituntiin ennen kuin hän perehtyy HTML- ja CSS-rakenteeseen, logiikkaan ja esitykseen. Saat kaiken vauhtiin pisteeseen, jossa sinun pitäisi tuntea olosi melko varmaksi perusverkkosivun kokoamisesta ja muutamista lisäominaisuuksista matkan varrella, kun kirja käsittelee hakukoneoptimointia ja analytiikkaa.
Kirja koostuu yksinkertaisista ohjelmista, joita voit ajaa tietokoneellasi, jos haluat seurata mukana.
E-kirjaversio on saatavilla ilmaiseksi Apple Booksista, mutta saatavilla on myös Kindle-versio, jos sinulla on jo tilaus siellä.
The Greatest CSS Tricks Vol. 1 Kirjailija Chris Coyier
- Täydellinen: Ihmettelen, mitä CSS voi tehdä
- Oppimistaso: väli-
- vaatii: Jotain CSS-kokemusta
Tiesitkö, että CSS-Tricksillä on myös CSS-kirja? Olisi typerää jättää se pois tästä luettelosta, koska saat kokoelman klassisia CSS-temppuja, joita ei kukaan muu kuin Chris Coyier selittää. Itse asiassa, Chris poimi käsin kaikki kirjassa käsitellyt esimerkit monien, monien (monien!) vuosien aikana, jotka hän on johtanut tätä sivustoa hänen työpöytänsä ylittäneiden temppujen joukosta.
Jokainen temppu ratkaisee tietyn kipukohdan. Esimerkiksi ensimmäinen "Kiinnitä vieritys pohjaan" -temppuosoittaa kuinka overflow-anchor CSS-ominaisuuden avulla voidaan luoda samanlainen chat-tyyppinen käyttöliittymä Slackin kaltaiselle työkalulle, jossa näyttö on ankkuroitu alareunaan tavalla, joka tuntuu siltä kuin sivu rullaisi puolestasi, kun uusia kohteita lisätään.
Kirjat prosessista
Koodi on yhtä paljon kyse miten kirjoitamme koodia ja teemme yhteistyötä projekteissa muiden kanssa, koska kyse on varsinaisesta kirjoittamastamme koodista. Seuraavat kirjat ovat loistavia lähtökohtia kaikkeen suunnittelusta ja projektinhallinnasta kommunikointiin ja yhteistyöhön muiden kanssa.
Tee yhteistyötä: tuo ihmiset yhteen digitaalisten projektien parissa Kirjailija: Ellen De Vries
- Täydellinen: Olla parempi yhteistyökumppani
- Oppimistaso: N / A
- Tarvitaan: Avoin mieli tehdä hyvää yhteistyötä muiden kanssa!
Ellen käsittelee tässä kirjassa jotakin, jota meidän kaikkien on käsiteltävä: yhteistyötä muiden kanssa. Eikä se ole vähäistä – kirja on jaettu neljään osaan, jotka menevät erittäin syvälle asioihin, joiden avulla voimme työskennellä hyvin muiden kanssa:
- Osaat valmistaa maaperän ja luoda oikeat olosuhteet yhteistyölle.
- Vaadi ryhmäkulttuuria yhteistyön alkuvaiheessa.
- Ylläpidä tervettä yhteistyöprosessia.
- Hyödynnä yhteistyön palkintoja.
Sisältöstrategina Ellenillä on oikeanlainen kokemus auttaakseen ketään osallistumaan yhteistyöprojektiin tai saamaan yhteistyöstä kaiken irti.
Moderni web-suunnitteluprosessi webflow:n avulla
- Täydellinen: Vanhemmat suunnittelijat, projektipäälliköt
- Oppimistaso: N / A
- Tarvitaan: Jotain perustietoa CSS:stä
Tämä ilmainen e-kirja sisältää seitsemän vaiheen suunnitteluprosessin, jonka tarkoituksena on auttaa määrittelemään nykypäivän web-suunnittelun työnkulku.
Tämä sisältää:
- Asettaa tavoitteita
- Laajuuden määrittely
- Sivustokartat ja kehykset
- Työskentely sisällön kanssa
- Visuaalisten elementtien käsittely
- Testaus
- Lähetys
Jokainen, joka aloittaa uuden suunnitteluprojektin tai on kesken suunnitteluprojektin, löytää arvokkaita oivalluksia koko kirjasta. Ja mikä merkittävintä on, miten tämä on kirjoitettu tavalla, joka melkein tuntuu siltä, että sinua pidettäisiin kädessä koko projektin läpi ideasta loppuun asti.
Suunnittelu verkkoon Kirjailija: Mark Boulton
- Täydellinen: Asiakkaiden kanssa työskentelyn oppiminen
- Oppimistaso: Aloittelijan
- vaatii: Aito kiinnostus muotoilua kohtaan
Näyttää siltä, että monet organisaatiot käsittelevät suunnittelua eri tavalla. Mutta kirjailija Mark Boulton dokumentoi perusteellisen suunnittelutyönkulun Suunnittelu verkkoon joka poistaa monia haasteita ja kattaa kaiken, mitä sinun tarvitsee tietää.
Ainutlaatuista tässä kirjassa on se, että se koskee todella työtä. Toki siellä on joukko erittäin arvokasta tietoa suunnittelun parhaista käytännöistä, kuten typografia, värit ja asettelu, mutta se, mitä aiot todella ottaa pois tästä kirjasta on miten nämä sopivat suunnittelutyönkulkuun. Se opettaa sinulle, kuinka tutkimusta, teknologiaa, joka meillä on ideoiden toteuttamiseen, ja lopulta kuinka työskennellä muiden sekä asiakkaiden kanssa – täydellinen rehu ihmisille, mukaan lukien suunnittelupäälliköt, projektipäälliköt, freelancerit tai kaikki, jotka ovat mukana projektin toimitusprosessissa. .
Opi versionhallinta Gitin avulla Towerin toimesta
- Täydellinen: Gitin hallitseminen
- Oppimistaso: Kaikki tasot tervetulleita
- vaatii: Ei aikaisempaa tietoa
Tässä kirjassa tiimin takana suosittuja Tower-asiakas Gitille esittele oppijoille versionhallintajärjestelmän ydin Gitin avulla. Erityisesti ryhmissä työskentelevät kehittäjät pitävät tätä erittäin hyödyllisenä, koska se auttaa tehokkaassa yhteistyössä tiimin jäsenten kanssa rakentamaan projektin eri ominaisuuksia, vaikka olisittekin tuhansien kilometrien päässä toisistaan. Se on kuitenkin todella hieno kaikille, jotka saattavat olla ujoja komentoriviltä ja haluavat lisätä luottamusta siihen.
Ja koska kirja on Gitin kanssa vuorovaikuttavan sovelluksen valmistaja, saat mukavan annoksen käyttää Toweria graafisena käyttöliittymänä sen lisäksi, että työskentelet suoraan komentorivillä.
Joten, olipa kyse sitoutumisesta, haarautumisesta, yhdistämisestä, vetopyyntöjen tekemisestä, työn haaroittamisesta tai yhdistämisristiriitojen käsittelystä, saat tästä kirjasta paljon hyötyä.
Kirjoja JavaScriptillä
JavaScriptin oppiminen näyttää aina olevan muodissa. Itse asiassa, Jason Rodriguez kirjoitti JavaScript-oppimisympäristöstä vuonna 2018 ja tarjosi mukavan luettelon ilmaisista kirjoista. Sen jälkeen ei ole paljoa tullut esiin, mutta tässä on ajatuksiani seuraavista kirjoista.
Puhdas JavaScript Kirjailija: Marijn Haverbeke
- Täydellinen: JavaScriptin kirjoittaminen paranee
- Oppimistaso: Keskitasosta kokeneille kehittäjille
- Tarvitaan: Aikaisempi JavaScript-kokemus
Puhdas JavaScript todellakin on nimensä mukainen. Henkilökohtaisesti pidän tätä yhtenä parhaiten kirjoitetuista JavaScript-kirjoista, joita olen koskaan tavannut. Marjinin kirjoitustyyli on mukaansatempaava, varsinkin kun hän esittelee ohjelmointikonsepteja ja vie lukijan mukanaan. Hänen sanojensa mukaan kirjassa on yksinkertaisesti kyse ohjeistaa tietokoneita ja saada ne tekemään mitä haluat heidän tekevän.
Kirja on syvä sukellus JavaScriptiin, ja se jakautuu kolmeen osaan ja 21 lukuun. Aiot lukea joukon ohjelmoinnin peruskäsitteitä, kuten arvoja, tyyppejä, operaattoreita ja funktioita, edistyneisiin käsitteisiin, kuten säännöllisiin lausekkeisiin, moduuleihin, DOM:iin ja asynkroniseen ohjelmointiin. Hän aloittaa jokaisen luvun hieman filosofisella lainauksella valmistaakseen lukijaa tulevaan ja sukeltaa sitten suoraan aiheeseen.
Lisäksi on kolme projektia, jotka auttavat sinua harjoittelemaan uusia taitojasi.
JavaScript-lupausten ymmärtäminen Kirjailija: Nicholas C. Zakas
- Täydellinen: Ne, jotka haluavat oppia kaiken asynkronisesta ohjelmoinnista JavaScriptin lupauksilla.
- Oppimistaso: väli-
- Tarvitaan: Basic JavaScript katkokset
JavaScript-lupaukset otettiin käyttöön vuonna 2015 osana ES6-spesifikaatiota JavaScriptin asynkronisten toimintojen käsittelemiseksi. MDN:n mukaan:
Lupaus on objekti, joka edustaa asynkronisen toiminnon mahdollista valmistumista tai epäonnistumista
Tässä 51-sivuisessa kirjassa Nicholas selittää lupausten käsitteen kolmessa luvussa: perusteet, lupausten ketjuttaminen ja useiden lupausten kanssa työskentely. vaikkakin linkki toimittamiimme kirjaan on ilmainen yhteisöversio, täysversio (saatavana Amazonilta) sisältää vielä kaksi lukua Async Functions ja Unhandled Rejection Tracking -toiminnoista. Nicholas yksinkertaisti lupausten käsitettä useilla kuvilla ja esimerkeillä. Opit käyttämään then(), catch()ja finally() ja ymmärtää kuinka ketjuttaa useita lupauksia yhteen. Nicholas kattaa myös hylkäämis- ja selvityskäsittelijöiden toimeksiannon. Haluat ehkä lukea kirjan vahvistaaksesi ymmärrystäsi aiheesta.
Nicholas on JavaScript-kirjan veteraanikirjailija, joka on kirjoittanut JavaScriptistä yli 15 vuoden ajan. Hän tuo runsaan kokemuksensa käyttöön tässä kirjassa (niin kuin hän on tehnyt hänen työnsä täällä CSS-Tricksissä).
JavaScriptiä puhuen Kirjailija: Axel Rauschmayer
- Täydellinen: Taso ylöspäin JavaScriptin alusta
- Oppimistaso: väli-
- vaatii: Olio-ohjelmoinnin tuntemus
Tämä kirja on esitetty neljässä luvussa, jotka kattavat yli 30 aihetta. Näin se hajoaa:
- Ensimmäinen luku on mukava kertaus syntaksista, muuttujatyypeistä, funktioista ja poikkeusten käsittelystä.
- Toinen luku tarjoaa historiallisen näkökulman JavaScriptiin alkusoittona erilaisille ominaisuuksille, joita käsitellään koko kirjan ajan.
- Luku 3 esitetään enemmän tai vähemmän hakuteoksena lyhyillä, selkeillä esimerkeillä.
- Viimeisessä luvussa esitetään vinkkejä, työkaluja ja kirjastoja, jotka auttavat kirjoittamaan paremman JavaScriptin ja noudattamaan parhaita käytäntöjä.
JavaScript-ninjan salaisuudet John Resig ja Bear Bibeault
- Täydellinen: Selaimien välisen JavaScript-kirjaston luominen alusta alkaen
- Oppimistaso: väli-
- vaatii: Aikaisempaa ohjelmointikokemusta
Siellä on todella tämän kirjan uudempi painos, Vaan vuoden 2012 painos on ilmainen. Joka tapauksessa se on hyvä tilaisuus oppia John Resigiltä; tiedätkö, kaveri, joka luotu jQuery.
Tässä käsiteltyjä tekniikoita ovat sulkemiset, toiminnot, DOM, oliosuuntaus prototyyppien kanssa ja selainstrategiat. Yksi mukava etu on, että jokaista lukua seuraa lyhyt yhteenveto, joka on täydellinen viittaukseksi, kun olet lukenut kirjan.
Addy Osmanin JavaScript-suunnittelumallien oppiminen
- Täydellinen: Opi kirjoittamaan tehokkaampaa JavaScriptiä
- Oppimistaso: väli-
- vaatii: Kunnollinen JavaScript-kokemus
Suunnittelumallin käsite viittaa uudelleen käytettävään ratkaisuun sovelluskehityksen usein toistuvaan ongelmaan. Tässä kirjassa Addy Osmani käsittelee yleisten suunnittelumallien toteuttamista ES6:ta ja sen uudempia käyttäen sekä React-spesifisiä suunnittelumalleja, jotka voivat olla erittäin käteviä, kun työskentelet monimutkaisten React-sovelluksien parissa, joissa ylläpidettävyys on ensisijainen tavoite.
Joitakin katettuja malleja ovat Singleton-, Proxy-, Provider-, Prototype- ja Observer-mallit. Joissakin tapauksissa Addy sisältää etuja ja haittoja joidenkin näiden mallien käytöstä ja siitä, miten ne voivat vaikuttaa sovelluksesi suorituskykyyn.
Et tiedä JS Kirjailija: Kyle Simpson
- Täydellinen: JavaScriptin hallitseminen
- Oppimistaso: Aloittelija
- vaatii: Vähän tai ei ollenkaan aikaisempaa ohjelmointikokemusta
Vaikka otsikko saattaa olla hieman provosoiva, Kyle viittaa tässä siihen, että hän kirjoittaa tämän kirjan olettaen, että sinulla ei ole aiempaa JavaScript-kokemusta.
Kyle aloittaa käymällä läpi ohjelmoinnin alkeet JavaScriptin linssin läpi nähtynä. Sitten hän jatkaa seuraavissa luvuissa esittelemään kehittyneempiä käsitteitä, kuten soveltamisala ja sulkeminen this avainsana, objektin prototyypit, async, ja suorituskyky.
Täällä on paljon erinomaisia yksityiskohtia ja selityksiä, ja Kyle tekee siitä erittäin helpon ymmärtää välttämällä superteknistä ammattislangia. On myös monia harjoituksia, jotka on suunniteltu vahvistamaan oppimistasi. Tämä kirja saa sinut varmasti JavaScriptin vauhtiin. Kirjan toinen painos on työn alla joita voit seurata GitHubissa.
JavaScript-aloittelijan käsikirja Kirjailija: Flavio Copes
- Täydellinen: Aloittelijan referenssi
- Oppimistaso: Juuri aloittamassa
- Tarvitaan: Ilmoittautuminen sähköpostilla, ehkä aikaisempaa kokemusta
Flavio on koonnut erittäin hyödyllisen JavaScript-viitteen vasta aloittaville. Se on enemmän kuin pikaopas kuin oppikirja, joten aloittelijat saattavat haluta pitää sitä pöydälläsi mieluummin kuin pitkiä aikoja istuvana.
JavaScript tietotieteelle Gans, Hodges & Wilson
- Täydellinen: Tietojen visualisointiin perehtyminen
- Oppimistaso: Keskitaso edistyneeseen
- Tarvitaan: Hyvä kahva JavaScriptille
Kirjoittajat kattavat modernin JavaScriptin ydinominaisuudet, mukaan lukien takaisinkutsut, lupaukset, perinnön, objektit ja luokat. He pääsevät myös testaamaan käyttämällä mokkakahvi, React ja tietojen visualisointi, jotka kaikki sopivat kaikille, jotka haluavat tasoittaa koodiaan ja sen kirjoitustapaa. Kirja ei mene niin syvälle moniin käsitteisiin kuin jotkin muut kirjat, mutta se loistaa todella, kun se tulee tietotieteeseen.
Kirja käyttää Data-Forgea; JavaScript-kirjasto, joka on suunniteltu työskentelemään taulukkotietojen kanssa. On olemassa lukuisia harjoituksia, jotka auttavat lukijoita pysymään keskustelun aiheen vauhdissa. Viimeinen luku sisältää myös huippukiviprojektin, joka yhdistää kaiken.
Käärimistä
Toivon todella, että tämä kirjakokoelma auttaa sinua, olitpa sitten ottamassa ensimmäisiä askeleitasi etupään verkkokehityksessä, sinulla on tusina vuotta turvavyössäsi tai putoat jonnekin siltä väliltä. Tiedän kuinka vaikeaa on päästä johonkin uuteen ensimmäistä kertaa ja tunne, etten tiedä mistä etsiä. Tiedän myös, miltä tuntuu osua tasangolle ja tarvitsen jotain tasoittaakseen minut. Täällä pitäisi olla jokaiselle jotakin, riippumatta siitä, missä olet oppimismatkallasi.
Ja hei, jos sinulla on muita kirjoja, jotka ovat saatavilla ilmaiseksi verkossa, jaa ne kommenteissa! Lyön vetoa, että saamme vielä suuremman listan.
