Közvetlenül a „Hol a legjobb hely a tanuláshoz?” után. Talán a leggyakrabban feltett kérdés, amit a kóddal foglalkozó emberektől hallok: „Milyen webfejlesztési könyveket érdemes megtanulnom?” Nos, tekintse ezt válasznak erre a kérdésre, mivel összeállítottam egy listát azokról a könyvekről, amelyek nemcsak kiválóak a front-end fejlesztéshez, hanem szabadon hozzáférhetők is.
Könyvek a CSS-ről
Ez az a hely, ahol lógni fogunk, mert hát ez egy oldal többnyire a CSS-ről!
A CSS varázsa Schwartz Ádám
- Tökéletes: CSS-útjának következő lépései
- Tanulási szint: Közbülső
- Igényel: A CSS néhány alapvető ismerete
Adam Schwartz A könyv hat CSS-fogalmát fedi le, beleértve a doboz modellt, az elrendezést, a táblázatokat, a színeket, a tipográfiát és az átmeneteket. Ezek a dolgok még néhány tapasztalt CSS-felelőst is megzavarnak, némelyik elgondolás zavaró lehet. Adam mindent megtett, hogy megfejtse mindegyiket.
Amellett, hogy a könyv remek kiindulópont az összetett CSS-koncepciókhoz, szeretem, hogy a könyvben említett CSS-tulajdonságok mindegyike kattintható, így mindig rákattintva láthatja, hogyan alkalmazzák őket. Számos szemléltető példa és ajánlás található a további olvasáshoz, ha többet szeretne megtudni az egyes fejezetekről.
A színekről szóló fejezetet nem csak azért találtam nagyon érdekesnek, mert bekerül a színek akadálymentes használatának bevált gyakorlataiba, hanem azért is, mert vannak rendkívül praktikus alkalmazások, például amikor Adam belevág a CSS használatába egy szervezet márkaépítésének támogatására.
Rugalmas webdesign írta: Jeremy Keith
- Tökéletes: Kódírási stratégiák kidolgozása
- Tanulási szint: Közbülső
- Igényel: A CSS néhány alapvető ismerete
Egyenesen a bevezetőből:
Itt nem talál olyan kódot, amely segítene jobb webhelyek létrehozásában. De találsz ötleteket és megközelítéseket. Az ötletek rugalmasabbak, mint a kód. Igyekeztem a webdizájn történetének legrugalmasabb ötleteit ötvözni a jövő weboldalainak építési megközelítésébe.
Amit Jeremy olyan jól csinál, az az, hogy leírja a puha készségeket, például a tervezést, a felvázolást és a kódírási megközelítéseket. Tehát ahelyett, hogy kódrészleteket ejtenénk be a könyvben, a kódstratégiák részleteit találja meg, mint például a fokozatos fejlesztés, a használandó eszközök eldöntése és a jövőbarát kód írásának kihívásai.
És azoknak, akiknek nem volt szerencséjük hallgatni Jeremy elbeszélését (mint ahogy a Internetes előzmények sorozat), letölthető egy hangfájl.
Kezdő CSS-webfejlesztés: Kezdőtől professzionálisig írta Simon Collison
- Tökéletes: A CSS alapjai
- Tanulási szint: Abszolút kezdők
- Igényel: Semmi más, csak idő és motiváció
Lehet, hogy 2006-ban íródott, de Simon webes szabványokról és kisegítő lehetőségekről szóló ismertetése időtlen és ma is aktuális. Ismerteti az interoperabilitást, valamint a webalkalmazások készítésének megközelítéseit, beleértve a korai tervezési fázisokat is, amelyeket gyakran figyelmen kívül hagynak.
A könyvnek két nagy része van, amelyek további 16 fejezetre oszlanak. Az 1. rész a CSS témákat fedi le, például szöveggel, hivatkozásokkal, listákkal, hátterekkel, képekkel, táblázatokkal és űrlapokkal való munkát. Valóban nem fukarkodik a részletekkel sem.
A 2. rész az elrendezésről szól, rávilágít a használhatóságra és az elrendezés manipulálására, valamint egy praktikus esettanulmány. A fejezetek úgy vannak elrendezve, hogy az egyik fejezet természetesen átfolyik a következőbe. Minden fejezet tartalmaz egy befejező részt is, amely kiemeli a fejezetben tárgyalt összes fontos fogalmat.
Valójában a könyv szilárd hátteret biztosít a kezdő fejlesztőknek a CSS-ben, és fokozatosan segíti őket a fejlettebb koncepciókban. Ez megkönnyíti a CSS-utazást.
Könyvek HTML-ről és CSS-ről
A CSS-t és a HTML-t gyakran együtt tanítják, ami különösen hasznos lehet, ha az első kódsorokat írja, és szeretné tudni, hogy a két nyelv hogyan működik együtt egymással.
Ismerje meg a HTML és CSS kódolását írta Shay Howe
- Tökéletes: Kezdődik a front-end utazás
- Tanulási szint: Kezdők
- Igényel: Előzetes tapasztalat egyáltalán nincs
Shay úgy hivatkozik erre a könyvre, mint a egyszerű és átfogó útmutató, amely segít a kezdőknek a HTML és a CSS elsajátításában.
Ezt úgy teszi, hogy a front-end tervezés és fejlesztés közös elemeire összpontosít. Néhány leckét tárgyalunk: dobozmodell, pozicionálás, tipográfia, háttér és színátmenetek, listák, adathordozók, űrlapok és táblázatok. Az első fejezetben *Az első weboldal készítése Shay egy tipikus webhely tartalmát elemezte, beleértve az elemeket, az attribútumokat és a HTML-dokumentumstruktúra beállítását, a kódellenőrzést, a kiválasztókat és a CSS-visszaállításokat. Nagyon tanulságosnak tartom a könyvet, különösen azért, mert túlmutat a felszínen, és számos kulcsfontosságú fogalmat kódmintákkal foglalkozott, amelyeket követhet.
Az egyik mély dolog ebben a nagyszerű könyvben az, hogy Shay a semmiből egy komplett projektet épített fel a 12 lecke során, és minden lecke végén összefoglalót és linkeket adott a webhely jelenlegi állapotára (így összehasonlíthatja a sajátjával, ha követi) és a forráskódot a leckék minden szakaszában.
Ha Ön olyan tanuló, aki cselekvés közben tanul, akkor ezt az anyagot nagyon hasznosnak fogja találni, és mire elkészül, egy többoldalas, működőképes webhelyet fog kifejleszteni.
Ugyanezen a linken keresztül ingyenesen elérhető a kurzus továbbfejlesztett folytatása is.
HTML és CSS: Tanuld meg az alapokat 7 nap alatt írta Michael Knapp
- Tökéletes: Kezdődik a front-end utazás
- Tanulási szint: Kezdők
- Igényel: Előzetes tapasztalat egyáltalán nincs
Lehetséges, hogy hét nap alatt mindent megtanulhatsz a HTML-ről és a CSS-ről? Valószínűleg nem, de ezért van az, hogy Michael Knapp 2017-es könyve egyenesen az alapokra összpontosít. Michael elmerül egy rövid történelemórán, mielőtt belekezdene a HTML és CSS szerkezetébe, logikájába és megjelenítésébe. Mindent fel fog tudni kezdeni odáig, hogy egészen magabiztosnak érezze magát egy alapvető weboldal összeállításában, valamint néhány extrával kapcsolatban, mivel a könyv a SEO-t és az elemzést érinti.
A könyv egyszerű programokból áll, amelyeket futtathat a számítógépén, ha követni akarja.
Az ebook verzió ingyenesen elérhető az Apple Books-on, de van Kindle verzió is, ha már van előfizetése.
The Greatest CSS Tricks Vol. 1 írta Chris Coyier
- Tökéletes: Csodálkozom, mire képes a CSS
- Tanulási szint: Közbülső
- Igényel: Némi CSS tapasztalat
Tudtad, hogy a CSS-Tricksnek van könyve a CSS-ről is? Butaság lenne ezt kihagyni erről a listáról, mert a klasszikus CSS-trükkök gyűjteménye, amelyet nem más, mint Chris Coyier magyaráz. Valójában Chris a könyvben tárgyalt összes példát kézzel választotta ki sok-sok (sok!) éve, hogy ezt az oldalt vezette, abból a rengeteg trükkből, amelyek átlépték az asztalát.
Minden trükk egy adott fájdalompontot old meg. Például az első „Pin Scrolling to Bottom” trükkbemutatja, hogyan a overflow-anchor A CSS tulajdonság segítségével létrehozható ugyanaz a csevegésszerű felület, mint egy olyan eszköz, mint a Slack, ahol a képernyő alul van rögzítve oly módon, mintha az oldal görgetne az új elemek hozzáadásakor.
Könyvek a folyamatról
A kód ugyanannyira szól hogyan kódot írunk, és együttműködünk a projektekben másokkal, mivel ez az általunk írt kódról szól. A következő könyvek nagyszerű kiindulópontok mindenhez, a tervezéstől és a projektmenedzsmenttől a másokkal való kommunikációig és együttműködésig.
Együttműködés: Hozd össze az embereket a digitális projektek körül Írta: Ellen De Vries
- Tökéletes: Jobb együttműködőnek lenni
- Tanulási szint: N / A
- Igényel: Nyitott gondolkodás a másokkal való jó együttműködésre!
Ellen foglalkozik valamivel ebben a könyvben, amivel mindannyiunknak meg kell küzdenünk: együttműködni másokkal. És ez nem kis dolog – a könyv négy részre oszlik, amelyek nagyon mélyen belemennek olyan dolgokba, amelyekben jól tudunk együttműködni másokkal:
- Tudja, hogyan kell előkészíteni a terepet és megteremteni a megfelelő feltételeket az együttműködéshez.
- Az együttműködés korai szakaszában ápolja a csoportkultúrát.
- Fenntartani az egészséges együttműködési folyamatot.
- Használja ki az együttműködés előnyeit.
Tartalmi stratégaként Ellen megfelelő tapasztalattal rendelkezik ahhoz, hogy segítsen bárkinek részt venni egy együttműködési projektben, vagy hogy a legtöbbet hozza ki az együttműködésből.
A modern webtervezési folyamat webflow segítségével
- Tökéletes: Vezető tervezők, projektmenedzserek
- Tanulási szint: N / A
- Igényel: A CSS néhány alapvető ismerete
Ez az ingyenes e-könyv hét lépésből álló tervezési folyamatot tartalmaz, amelynek célja, hogy segítsen meghatározni a munkafolyamatot a mai webdizájn márkához.
Ez jelent:
- Célokat kitüzni
- Hatókör meghatározása
- Webhelytérképek és drótvázak
- Munka a tartalommal
- Vizuális elemek kezelése
- Tesztelés
- Szállítás
Bárki, aki új tervezési projektbe kezd, vagy egy tervezési projekt kellős közepén áll, felbecsülhetetlen értékű ismereteket talál a könyvben. És ami a legfigyelemreméltóbb, az az, ahogy ez olyan módon van megírva, mintha egy teljes projekt kézben tartana az ötlettől a befejezésig.
Webes tervezés írta: Mark Boulton
- Tökéletes: Megtanulni az ügyfelekkel dolgozni
- Tanulási szint: Kezdők
- Igényel: Őszinte érdeklődés a design iránt
Úgy tűnik, sok szervezet másként kezeli a tervezést. Mark Boulton szerző azonban egy alapos tervezési munkafolyamatot dokumentál Webes tervezés amely sok kihívást eloszlat, és mindent magában foglal, amit tudnia kell.
Ebben a könyvben az az egyedülálló, hogy valójában a munkáról szól. Természetesen van egy csomó rendkívül értékes információ a tervezés bevált gyakorlatairól olyan dolgokkal kapcsolatban, mint a tipográfia, a színek és az elrendezés, de amit igazán el fogsz venni ebből a könyvből, az az hogyan ezek illeszkednek egy tervezési munkafolyamatba. Megtanítja, hogyan kell kutatni, milyen technológiáink vannak az ötletek megvalósításához, és végül, hogyan dolgozzunk együtt másokkal és ügyfelekkel – tökéletes takarmány a tervezőknek, projektmenedzsereknek, szabadúszóknak vagy bárkinek, aki részt vesz a projekt megvalósítási folyamatában. .
Tanulja meg a verzióvezérlést a Git segítségével a Tower által
- Tökéletes: A Git elsajátítása
- Tanulási szint: Minden szinten szívesen látunk
- Igényel: Előzetes tudás nélkül
Ebben a könyvben a csapat mögött a népszerű Tower kliens a Githez bevezeti a tanulókat a Git segítségével a verziókezelő rendszer lényegébe. A csapatokban dolgozó fejlesztők különösen hasznosnak találják ezt, mivel segít a hatékony együttműködésben a csapattagokkal, akik egy projekt különböző jellemzőit építik fel, még akkor is, ha több ezer mérföldre vannak egymástól. Ennek ellenére még mindig nagyon jó mindenki számára, aki esetleg félénk a parancssortól, és önbizalmat szeretne építeni.
És mivel a könyvet egy olyan alkalmazás készítője készítette, amely kölcsönhatásba lép a Git-tel, így a parancssorban való közvetlen munka mellett a Tower-t grafikus felhasználói felületként is használhatod.
Tehát, legyen szó véglegesítésről, elágazásról, összevonásról, lehívási kérelmekről, forking munkáról vagy összevonási konfliktusok kezeléséről, sokat fogsz kapni ebből a könyvből.
Könyvek a JavaScriptről
A JavaScript tanulása mindig divatosnak tűnik. Valójában, Jason Rodriguez 2018-ban írt a JavaScript tanulási környezetről és biztosított egy szép listát az ingyenes könyvekről. Azóta nem sok minden merült fel, de a következő könyvekkel kapcsolatban íme a gondolataim.
Beszédes JavaScript írta: Marijn Haverbeke
- Tökéletes: Egyre jobb a JavaScript írása
- Tanulási szint: Középhaladó és tapasztalt fejlesztők
- Igényel: Korábbi JavaScript tapasztalat
Beszédes JavaScript igazán méltó a nevéhez. Személy szerint ezt az egyik legjobban megírt JavaScript-könyvnek tartom, amivel valaha találkoztam. Marjin írásstílusa magával ragadó, különösen az, ahogyan programozási fogalmakat vezet be, és hogyan viszi magával az olvasót. Szavai szerint a könyv egyszerűen arról szól oktatja a számítógépeket, és arra készteti őket, hogy azt tegyenek, amit szeretnének.
A könyv három részre és 21 fejezetre bontva mélyen belemerül a JavaScriptbe. Egy csomót fogsz olvasni az alapvető programozási fogalmakról, mint például az értékek, típusok, operátorok és függvények, egészen olyan fejlett fogalmakig, mint a reguláris kifejezések, modulok, a DOM és az aszinkron programozás. Minden fejezetet egy kissé filozófiai idézettel indít, hogy felkészítse az olvasót az előttünk állóra, majd egyenesen belemerül a témába.
Ezenkívül három projekt is segít újonnan megszerzett készségeinek gyakorlásában.
A JavaScript ígéreteinek megértése írta Nicholas C. Zakas
- Tökéletes: Azok, akik mindent meg akarnak tanulni az aszinkron programozásról JavaScriptben ígéretekkel.
- Tanulási szint: Közbülső
- Igényel: Alapvető JavaScript-szelvények
A JavaScript ígéreteit 2015-ben vezették be az ES6 specifikáció részeként az aszinkron függvények JavaScriptben történő kezelésére. Az MDN szerint:
Az ígéret egy objektum, amely egy aszinkron művelet esetleges befejezését vagy kudarcát jelzi
Ebben az 51 oldalas könyvben Nicholas három fejezetben magyarázza el az ígéretek fogalmát: Alapok, Ígéretek láncolása és Munka több ígérettel. Habár a link az általunk kínált könyvre az ingyenes közösségi verzió, a teljes verzió (elérhető az Amazon) további két fejezetet tartalmaz az aszinkron függvényekről és a kezeletlen elutasítás nyomon követéséről. Nicholas számos illusztrációval és példával leegyszerűsítette az ígéretek fogalmát. Megtanulod, hogyan kell használni then(), catch()és finally() és megérti, hogyan lehet több ígéretet összeláncolni. Nicholas kiterjed az elutasítási és elszámolási kezelők kijelölésére is. Érdemes lehet elolvasni a könyvet, hogy megerősítse a témával kapcsolatos megértését.
Nicholas egy veterán JavaScript-könyvíró, aki több mint 15 éve ír a JavaScriptről. Rengeteg tapasztalatát hozza magával ebben a könyvben (ahogyan is munkája itt a CSS-Tricksnél).
JavaScriptet beszélve írta: Axel Rauschmayer
- Tökéletes: Egy szinttel feljebb a JavaScript elejétől
- Tanulási szint: Közbülső
- Igényel: Objektum orientált programozás ismerete
Ez a könyv négy fejezetben jelenik meg, amelyek több mint 30 témát fednek le. Így bomlik le:
- Az első fejezet egy kellemes felfrissítés a szintaxisról, a változótípusokról, a függvényekről és a kivételkezelésről.
- A második fejezet történelmi perspektívát kínál a JavaScript-be, mint előjátékot a könyv többi részében tárgyalt jellemzőtípusokhoz.
- A 3. fejezet többé-kevésbé referenciakönyvként jelenik meg, rövid, letisztult példákkal.
- Az utolsó fejezet tippeket, eszközöket és könyvtárakat vázol fel, amelyek segítenek jobb JavaScript megírásában és a bevált gyakorlatok követésében.
A JavaScript nindzsa titkai John Resig és Bear Bibeault
- Tökéletes: Böngészőkön átívelő JavaScript-könyvtár létrehozása az alapoktól
- Tanulási szint: Közbülső
- Igényel: Némi előzetes programozási tapasztalat
Valójában van egy ennek a könyvnek újabb kiadása, de a 2012-es kiadás az ingyenes. Akárhogy is, ez egy jó lehetőség, hogy tanuljunk John Resigtől; tudod, a srác, aki készítette jQuery.
Az itt tárgyalt technikák közé tartoznak a lezárások, a funkciók, a DOM, az objektumorientáció prototípusokkal és a böngészők közötti stratégiák. Egy jó előny, hogy minden fejezetet egy rövid összefoglaló követ, amely tökéletes referenciaként szolgál, miután befejezte a könyvet.
JavaScript tervezési minták tanulása – Addy Osmani
- Tökéletes: Megtanulni hatékonyabb JavaScriptet írni
- Tanulási szint: Közbülső
- Igényel: Megfelelő szintű JavaScript-élmény
A tervezési minta fogalma az alkalmazásfejlesztés során gyakran visszatérő probléma újrafelhasználható megoldására utal. Ebben a könyvben Addy Osmani a közös tervezési minták ES6-on és azon túlmenően történő megvalósításával foglalkozik, valamint a React-specifikus tervezési mintákkal, amelyek rendkívül hasznosak lehetnek, ha összetett React-alkalmazásokon dolgozik, ahol a karbantarthatóság az elsődleges cél.
A lefedett minták közé tartozik a Singleton, Proxy, Provider, Prototype és Observer minták. Egyes esetekben az Addy tartalmazza e minták használatának előnyeit és hátrányait, valamint azt, hogy ezek hogyan befolyásolhatják az alkalmazás teljesítményét.
Nem ismered JS-t írta: Kyle Simpson
- Tökéletes: JavaScript elsajátítása
- Tanulási szint: Kezdő
- Igényel: Kevés vagy nincs előzetes programozási tapasztalat
Bár a cím kissé provokatív lehet, Kyle arra utal, hogy ezt a könyvet úgy írja, hogy feltételezi, hogy Önnek nincs semmilyen előzetes JavaScript-tapasztalata.
Kyle azzal kezdi, hogy átmegy a programozás alapjain, a JavaScript lencséjén keresztül. Ezután a következő fejezetekben olyan fejlettebb fogalmakat mutat be, mint a hatály és a lezárás, a this kulcsszó, objektum prototípusok, async, és a teljesítmény.
Rengeteg kiváló részlet és magyarázat található itt, és Kyle a szuper technikai szakzsargon elkerülésével rendkívül könnyen érthetővé teszi. Számos gyakorlat is létezik a tanulás megerősítésére. Ez a könyv minden bizonnyal felgyorsítja a JavaScript használatát. A könyv második kiadása készül amelyet a GitHubban követhet.
A JavaScript kezdőknek kézikönyve írta: Flavio Copes
- Tökéletes: Kezdő referencia
- Tanulási szint: Csak most kezdődött
- Igényel: E-mail regisztráció, esetleg korábbi tapasztalat
Flavio nagyon hasznos JavaScript-referenciát állított össze azok számára, akik most kezdik. Inkább egy gyors útmutató, mint egy tankönyv, ezért azoknak, akik most kezdik, érdemes ezt úgy tekinteni, mint amilyennek az íróasztalán maradnak, nem pedig olyannak, amivel hosszú ideig üldögélnek.
JavaScript a Data Science számára írta Gans, Hodges & Wilson
- Tökéletes: Az adatvizualizációk megismerése
- Tanulási szint: Középfokú haladó
- Igényel: Egy tisztességes kezelés a JavaScript-en
A szerzők lefedik a modern JavaScript alapvető jellemzőit, beleértve a visszahívásokat, ígéreteket, öröklődést, objektumokat és osztályokat. Beszállnak a tesztelésbe is Mohaachát, React és adatvizualizáció, amelyek mindegyike nagyszerű azoknak, akik szeretnének szintet léptetni a kódjukkal és annak írásmódjával. A könyv nem megy olyan mélyre sok fogalomba, mint néhány más könyv, de igazán ragyog, ha az adattudományba kerül.
A könyv a Data-Forge-ot használja; egy JavaScript-könyvtár, amelyet táblázatos adatokkal való munkavégzésre terveztek. Számos gyakorlat segíti az olvasókat, hogy lépést tartsanak a vita tárgyával. Az utolsó fejezetben van egy tetőköv-projekt is, amely mindent összefog.
Csomagolta
Bízom benne, hogy ez a könyvgyűjtemény segít Önnek, akár az első lépéseit teszi meg a front-end webfejlesztésben, akár egy tucat év van mögötte, akár valahol a kettő közé esik. Tudom, milyen nehéz először belevágni valami újba, és azt az érzést, hogy nem tudom, hol keressem. Azt is tudom, milyen érzés egy fennsíkra érni, és szükségem van valamire, amivel szintet léphetek. Mindenkinek találnia kell itt valamit, függetlenül attól, hogy hol tart a tanulási útján.
Hé, ha vannak más könyvei is, amelyek ingyenesen beszerezhetők az interneten, kérjük, ossza meg kommentben! Fogadok, hogy még nagyobb listát készíthetünk.
