Imediat după „Unde este cel mai bun loc pentru a învăța?” probabil cea mai frecventă întrebare pe care o aud de la cei care intră în cod este „Ce cărți de dezvoltare web ar trebui să învăț?” Ei bine, consideră că acesta este un răspuns la această întrebare, deoarece am pregătit o listă de cărți care nu sunt numai grozave pentru a intra în dezvoltarea front-end, ci și disponibile gratuit.
Cărți pe CSS
Aceasta este cea mai mare parte a locurilor unde vom petrece timpul pentru că, ei bine, acesta este un site Mai ales despre CSS!
Magia CSS-ului de Adam Schwartz
- Perfect pentru: Următorii pași în călătoria dvs. CSS
- Nivel de invatare: Intermediar
- necesită: Câteva înțelegeri de bază despre CSS
Adam Schwartz acoperă șase concepte CSS din această carte, inclusiv modelul casetei, aspectul, tabele, culoarea, tipografia și tranzițiile. Acestea sunt lucruri chiar și pentru unii CSS-uri experimentați, unele dintre aceste concepte ar putea fi confuze. Adam a făcut mult pentru a-i demistifica pe fiecare.
În plus față de faptul că cartea este un primer excelent asupra conceptelor CSS complexe, îmi place cum se poate face clic pe fiecare dintre proprietățile CSS menționate pe parcursul cărții, astfel încât să puteți face oricând clic pe ele pentru a vedea cum se aplică fiecare. Există multe exemple ilustrative și recomandări pentru lectură ulterioară, dacă doriți să aflați mai multe despre fiecare capitol.
Mi s-a părut foarte interesant capitolul despre culori nu numai pentru că intră în cele mai bune practici de utilizare a culorilor în mod accesibil, ci și pentru că există aplicații super practice, cum ar fi atunci când Adam începe să folosească CSS pentru a susține brandingul unei organizații.
Web Design rezistent de Jeremy Keith
- Perfect pentru: Dezvoltarea strategiilor de scriere a codului
- Nivel de invatare: Intermediar
- necesită: Câteva înțelegeri de bază despre CSS
Direct din introducere:
Nu veți găsi niciun cod aici care să vă ajute să construiți site-uri web mai bune. Dar veți găsi idei și abordări. Ideile sunt mai rezistente decât codul. Am încercat să combin cele mai rezistente idei din istoria web design-ului într-o abordare pentru construirea site-urilor web ale viitorului.
Ceea ce face Jeremy atât de bine este să descrie abilitățile soft, cum ar fi planificarea, schițarea și abordările pentru scrierea codului. Deci, în loc să introduceți fragmente de cod în toată cartea, ceea ce veți găsi sunt detalii despre strategiile de cod, cum ar fi îmbunătățirea progresivă, deciderea cu privire la ce instrumente să utilizați și provocările scrisului de cod prietenos pentru viitor.
Și pentru aceia dintre voi care nu au avut plăcerea de a-l asculta pe Jeremy povestind conținut (cum face el în Seria de istorie web), există un fișier audio disponibil pentru descărcare.
Începutul dezvoltării web CSS: de la novice la profesionist de Simon Collison
- Perfect pentru: Fundamentele CSS
- Nivel de invatare: Începători absoluti
- necesită: Nimic decât timp și motivație
Poate fi scris în 2006, dar acoperirea de către Simon a standardelor web și accesibilității este atemporală și relevantă astăzi. El oferă o înțelegere a interoperabilității, precum și abordări pentru construirea de aplicații web, inclusiv fazele timpurii de planificare care sunt adesea trecute cu vederea.
Cartea are două părți largi care sunt împărțite în continuare în 16 capitole. Partea 1 acoperă subiecte CSS, cum ar fi lucrul cu text, linkuri, liste, fundaluri, imagini, tabele și formulare. Chiar nu se zgâriește nici cu detalii.
Partea a 2-a se referă la aspect, aruncând lumină asupra utilizării și manipulării aspectului, plus un studiu de caz la îndemână. Capitolele sunt aranjate în așa fel încât un capitol să curgă în mod natural în următorul. Fiecare capitol conține, de asemenea, o secțiune de încheiere care evidențiază toate conceptele importante abordate în capitol.
Într-adevăr, cartea oferă dezvoltatorilor începători un fundal solid în CSS și îi ajută treptat cu concepte mai avansate. Vă va face călătoria CSS mai ușoară.
Cărți despre HTML și CSS
CSS și HTML sunt adesea predate împreună, ceea ce poate fi util în special atunci când scrieți primele rânduri de cod și doriți să știți cum interacționează cele două limbi una cu cealaltă.
Aflați să codificați HTML și CSS de Shay Howe
- Perfect pentru: Începeți călătoria dvs. frontală
- Nivel de invatare: începători
- necesită: Fără experiență anterioară deloc
Shay se referă la această carte ca a ghid simplu și cuprinzător dedicat pentru a ajuta începătorii să învețe HTML și CSS.
El face acest lucru concentrându-se pe elementele comune ale designului și dezvoltării front-end. Unele dintre lecțiile acoperite sunt Modelul cutiei, Poziționarea, Tipografia, Fundalul și degradeurile, Listele, Media, Formularele și Tabelele. În primul capitol *Clădirea primei pagini web, Shay a analizat conținutul unui site web tipic, incluzând elemente, atribute și configurarea structurii documentului HTML, validarea codului, selectoare și resetări CSS. Mi se pare că cartea este foarte instructivă, mai ales că a depășit suprafața pentru a aborda multe concepte cheie cu mostre de cod, pe care le puteți urmări de-a lungul.
Un lucru profund despre această carte grozavă este că, Shay a construit un proiect complet de la zero pe parcursul celor 12 lecții și, la sfârșitul fiecărei lecții, a furnizat un rezumat și link-uri către starea actuală a site-ului web (pentru a putea compara cu al tău dacă urmați de-a lungul) și codul sursă în fiecare etapă a lecțiilor.
Dacă sunteți un cursant care învață practicând, veți găsi acest material foarte util și, când ați terminat, veți fi dezvoltat un site web funcțional cu mai multe pagini.
O continuare avansată a cursului este, de asemenea, disponibilă gratuit prin același link.
HTML și CSS: Aflați elementele fundamentale în 7 zile de Michael Knapp
- Perfect pentru: Începeți călătoria dvs. frontală
- Nivel de invatare: începători
- necesită: Fără experiență anterioară deloc
Puteți afla tot ce trebuie să știți despre HTML și CSS în șapte zile? Probabil că nu, dar de aceea această carte din 2017 a lui Michael Knapp se concentrează direct pe elementele fundamentale. Michael se adâncește într-o scurtă lecție de istorie înainte de a se lansa în structura, logica și prezentarea HTML și CSS. Veți ajunge la curent până la punctul în care ar trebui să vă simțiți destul de încrezători în a crea o pagină web de bază, plus câteva suplimente pe parcurs, pe măsură ce cartea atinge SEO și analiză.
Cartea este compusă din programe simple pe care le puteți rula pe computer dacă doriți să le urmați.
Versiunea de carte electronică este disponibilă gratuit pe Apple Books, dar există și o versiune Kindle, dacă aveți deja un abonament acolo.
Cele mai mari trucuri CSS Vol. 1 de Chris Coyier
- Perfect pentru: Minunat de ce poate face CSS
- Nivel de invatare: Intermediar
- Necesită: O oarecare experiență CSS
Știați că CSS-Tricks are și o carte despre CSS? Ar fi o prostie să omiteți asta de pe această listă, deoarece ceea ce obțineți este o colecție de trucuri CSS clasice care sunt explicate de nimeni altul decât de Chris Coyier. De fapt, Chris a ales cu atenție toate exemplele cuprinse în carte din mulți, mulți (mulți!) ani de conducere a acestui site din multitudinea de trucuri care i-au trecut pe birou.
Fiecare truc rezolvă un anumit punct de durere. De exemplu, primul Trucul „Fix derulare în jos”.demonstrează modul în care overflow-anchor Proprietatea CSS poate fi folosită pentru a crea aceeași interfață asemănătoare chat-ului a unui instrument precum Slack, unde ecranul este ancorat în partea de jos, într-un mod care se simte ca și cum pagina se derulează pentru tine pe măsură ce sunt adăugate elemente noi.
Cărți în proces
Codul este la fel de mult despre cum scriem cod și colaborăm la proiecte cu alții, deoarece este vorba despre codul propriu-zis pe care îl scriem. Următoarele cărți sunt puncte de plecare excelente pentru orice, de la planificare și management de proiect până la comunicare și colaborare cu alții.
Colaborați: Aduceți oamenii împreună în jurul proiectelor digitale de Ellen De Vries
- Perfect pentru: A fi un colaborator mai bun
- Nivel de invatare: -
- necesită: O minte deschisă pentru a lucra bine cu ceilalți!
Ellen abordează ceva în această carte cu care toți avem de-a face: colaborarea cu ceilalți. Și nu este o problemă mică - cartea este împărțită în patru părți care aprofundează foarte mult lucrurile pe care le putem merge pentru a lucra bine cu alții:
- Aflați cum să pregătiți terenul și să creați condițiile potrivite pentru colaborare.
- Hrăniți cultura de grup în primele etape ale colaborării.
- Menține un proces de colaborare sănătos.
- Culege roadele unei colaborări.
În calitate de strateg de conținut, Ellen are experiența potrivită pentru a ajuta pe oricine să facă parte dintr-un proiect de colaborare sau să profite la maximum de o colaborare.
Procesul modern de proiectare web prin webflow
- Perfect pentru: Designeri seniori, manageri de proiect
- Nivel de invatare: -
- necesită: Câteva înțelegeri de bază despre CSS
Această carte electronică gratuită prezintă un proces de proiectare în șapte pași care este menit să ajute la definirea fluxului de lucru pentru marca actuală de web design.
Care include:
- Stabilirea obiectivelor
- Definirea domeniului de aplicare
- Sitemap-uri și wireframes
- Lucrul cu conținutul
- Manipularea elementelor vizuale
- Testarea
- Livrarea
Oricine începe un nou proiect de design sau în mijlocul unui proiect de design va găsi informațiile neprețuite de-a lungul cărții. Și ceea ce este cel mai remarcabil este modul în care acest lucru este scris într-un mod care aproape că te simți ca și cum ai fi ținut în mână printr-un întreg proiect, de la concept până la finalizare.
Proiectare pentru web de Mark Boulton
- Perfect pentru: Învață să lucrezi cu clienții
- Nivel de invatare: începători
- Necesită: Un interes real pentru design
Se pare că multe organizații abordează designul diferit. Dar autorul Mark Boulton documentează un flux de lucru de proiectare amănunțit în Proiectare pentru web care demistifică multe provocări și acoperă tot ce trebuie să știi.
Ceea ce este unic la această carte este că este vorba într-adevăr despre muncă. Sigur, există o grămadă de informații extrem de valoroase despre cele mai bune practici de proiectare pentru lucruri precum tipografia, culoarea și aspectul, dar ceea ce veți scoate cu adevărat din această carte este cum acestea se încadrează într-un flux de lucru de proiectare. Vă învață cum să cercetați, tehnologiile pe care le avem pentru a implementa idei și, în cele din urmă, cum să lucrați cu alții, precum și cu clienții - furaj perfect pentru oameni, inclusiv lideri de proiectare, manageri de proiect, freelanceri sau oricine este implicat în procesul de livrare a proiectului .
Învață Controlul versiunilor cu Git de Turn
- Perfect pentru: Stăpânirea Git
- Nivel de invatare: Toate nivelurile sunt binevenite
- Necesită: Fără cunoștințe anterioare
În această carte, echipa din spatele popularului Client turn pentru Git introduceți cursanții în centrul sistemului de control al versiunilor folosind Git. Dezvoltatorii care lucrează în echipă vor găsi acest lucru foarte util, deoarece ajută la colaborarea eficientă cu membrii echipei, construind diferite caracteristici ale unui proiect, chiar și atunci când sunteți la mii de mile distanță. Acestea fiind spuse, este încă foarte grozav pentru oricine care ar putea să nu folosească linia de comandă și vrea să-și dezvolte încrederea acolo.
Și din moment ce cartea este de către producătorul unei aplicații care interacționează cu Git, veți obține o doză bună de a folosi Tower ca interfață grafică, în plus față de lucrul direct pe linia de comandă.
Deci, fie că este vorba de comitere, ramificare, îmbinare, solicitări de extragere, muncă de bifurcare sau gestionarea conflictelor de îmbinare, veți obține multe din această carte.
Cărți pe JavaScript
Învățarea JavaScript pare să fie întotdeauna la modă. De fapt, Jason Rodriguez a scris despre peisajul învățării JavaScript în 2018 și a oferit o listă frumoasă de cărți gratuite. Nu au apărut prea multe de atunci, dar iată părerile mele despre următoarele cărți.
JavaScript elocvent de Marijn Haverbeke
- Perfect pentru: Devenind mai bun la scrierea JavaScript
- Nivel de invatare: Dezvoltatori intermediari până la experimentați
- necesită: Experiență anterioară în JavaScript
JavaScript elocvent se ridică cu adevărat la înălțimea numelui său. Personal, consider că aceasta este una dintre cele mai bine scrise cărți JavaScript pe care le-am întâlnit vreodată. Stilul de scriere al lui Marjin este captivant, mai ales prin modul în care introduce conceptele de programare și îl duce pe cititor. În cuvintele sale, cartea este pur și simplu despre instruirea computerelor și făcându-le să facă ceea ce doriți să facă.
Cartea este o scufundare profundă în JavaScript, împărțită în trei părți și 21 de capitole. Veți citi o grămadă despre concepte de programare de bază, cum ar fi valori, tipuri, operatori și funcții, până la concepte avansate precum expresii regulate, module, DOM și programare asincronă. Începe fiecare capitol cu un citat oarecum filozofic pentru a pregăti cititorul pentru ceea ce urmează și apoi se aruncă direct în subiect.
În plus, există trei proiecte care vă vor ajuta să vă exersați noile abilități.
Înțelegerea promisiunilor JavaScript de Nicholas C. Zakas
- Perfect pentru: Cei care doresc să învețe totul despre programarea asincronă cu promisiuni în JavaScript.
- Nivel de invatare: Intermediar
- necesită: Cotlete JavaScript de bază
Promisiunile JavaScript au fost introduse în 2015 ca parte a specificației ES6 pentru a gestiona funcțiile asincrone în JavaScript. Potrivit MDN:
O promisiune este un obiect care reprezintă eventuala finalizare sau eșec a unei operații asincrone
În această carte de 51 de pagini, Nicholas explică conceptul de promisiuni pe trei capitole: Noțiuni de bază, Înlănțuirea promisiunilor și Lucrul cu promisiuni multiple. desi link către cartea pe care o oferim este versiunea gratuită a comunității, versiunea completă (disponibil pe Amazon) mai are două capitole despre Funcțiile asincrone și Urmărirea respingerii netratate. Nicholas a simplificat conceptul de promisiuni cu mai multe ilustrații și exemple. Vei învăța cum să folosești then(), catch(), și finally() și înțelegeți cum să legați mai multe promisiuni împreună. Nicholas acoperă, de asemenea, atribuirea responsabililor de respingere și decontare. Poate doriți să citiți cartea pentru a vă consolida înțelegerea subiectului.
Nicholas este un autor veteran de cărți JavaScript care scrie despre JavaScript de peste 15 ani. El își aduce bogatia de experiență în această carte (la fel cum a făcut-o în munca lui aici la CSS-Tricks).
Vorbește JavaScript de Axel Rauschmayer
- Perfect pentru: Creșterea nivelului de la începutul JavaScript
- Nivel de invatare: Intermediar
- Necesită: Cunoștințe de programare orientată pe obiecte
Această carte este prezentată în patru capitole care acoperă peste 30 de subiecte. Iată cum se defectează:
- Primul capitol este o reîmprospătare plăcută despre sintaxă, tipuri de variabile, funcții și gestionarea excepțiilor.
- Al doilea capitol oferă o perspectivă istorică în JavaScript ca un preludiu pentru tipurile de caracteristici acoperite în restul cărții.
- Capitolul 3 este prezentat mai mult sau mai puțin ca o carte de referință cu exemple scurte și clare.
- Ultimul capitol prezintă sfaturi, instrumente și biblioteci pentru a vă ajuta să scrieți mai bine JavaScript și să urmați cele mai bune practici.
Secretele ninja JavaScript de John Resig și Bear Bibeault
- Perfect pentru: Crearea unei biblioteci JavaScript multi-browser de la zero
- Nivel de invatare: Intermediar
- Necesită: O experiență anterioară de programare
Există de fapt un ediția mai nouă a acestei cărți, Dar ediția din 2012 este cea care este gratuită. Oricum ar fi, este o oportunitate bună de a învăța de la John Resig; știi, tipul care a creat jQuery.
Tehnicile acoperite aici includ închideri, funcții, DOM, orientare obiect cu prototipuri și strategii între browsere. Un avantaj frumos este că fiecare capitol este urmat de o scurtă recapitulare care este perfectă pentru referință odată ce ați terminat cartea.
Învățarea modelelor de design JavaScript de Addy Osmani
- Perfect pentru: Învățați să scrieți JavaScript mai eficient
- Nivel de invatare: Intermediar
- Necesită: un nivel decent de experiență JavaScript
Conceptul de model de design se referă la o soluție reutilizabilă la o problemă frecventă recurentă în dezvoltarea aplicațiilor. În această carte, Addy Osmani acoperă implementarea modelelor de design comune folosind ES6 și nu numai, precum și modelele de design specifice React, care pot fi foarte utile atunci când lucrați la aplicații React complexe în care mentenabilitatea este un obiectiv principal.
Unele dintre modelele acoperite includ modele Singleton, Proxy, Provider, Prototype și Observer. În unele cazuri, Addy include avantajele și dezavantajele utilizării unora dintre aceste modele și modul în care acestea pot afecta performanța aplicației dvs.
Tu nu-l cunoști pe JS de Kyle Simpson
- Perfect pentru: Stăpânirea JavaScript
- Nivel de invatare: Începător
- Necesită: Puțină sau deloc experiență anterioară de programare
Deși titlul ar putea fi puțin provocator, ceea ce Kyle implică aici este că el scrie această carte presupunând că nu aveți nicio experiență anterioară cu JavaScript.
Kyle începe prin a parcurge rudimentele programării, așa cum sunt văzute prin lentila JavaScript. Apoi continuă, în capitolele următoare, să introducă concepte mai avansate precum domeniul de aplicare și închiderea, this cuvinte cheie, prototipuri de obiecte, async, și performanță.
Există o mulțime de detalii și explicații excelente aici, iar Kyle îl face foarte ușor de înțeles evitând jargonul super tehnic. Există, de asemenea, multe exerciții menite să vă întărească învățarea. Această carte vă va aduce cu siguranță la curent cu JavaScript. Există a doua ediție a cărții în lucru pe care le puteți urmări în GitHub.
Manualul pentru începători JavaScript de Flavio Copes
- Perfect pentru: O referință pentru începători
- Nivel de invatare: Numai ce am inceput
- necesită: Înscriere prin e-mail, poate o experiență anterioară
Flavio a creat o referință JavaScript foarte utilă pentru cei care încep. Este mai degrabă un ghid de referință rapid decât un manual, așa că cei care abia la început ar putea dori să considere acest lucru ca ceva pe care îl păstrați pe birou, mai degrabă decât ceva cu care stați pentru perioade lungi de timp.
JavaScript pentru știința datelor de Gans, Hodges & Wilson
- Perfect pentru: Intrarea în vizualizările de date
- Nivel de invatare: Intermediar spre avansat
- necesită: O abordare decentă pentru JavaScript
Autorii acoperă caracteristicile de bază ale JavScript-ului modern, inclusiv apeluri inverse, promisiuni, moștenire, obiecte și clase. De asemenea, intră în testare folosind cafea mocca, React și vizualizarea datelor, toate fiind grozave pentru oricine dorește să-și ridice codul și modul în care este scris. Cartea nu intră la fel de adânc în multe concepte precum unele dintre celelalte cărți, dar strălucește cu adevărat atunci când intră în știința datelor.
Cartea folosește Data-Forge; o bibliotecă JavaScript concepută pentru a lucra cu date tabulare. Există numeroase exerciții pentru a ajuta cititorii să țină pasul cu subiectul discuției. Ultimul capitol include, de asemenea, un proiect capstone care reunește totul.
La finalul
Sper că această colecție de cărți vă va ajuta, fie că faceți primii pași în dezvoltarea web front-end, fie că aveți o duzină de ani sub centură, fie că vă aflați undeva la mijloc. Știu cât de greu este să intri în ceva nou pentru prima dată și senzația de a nu ști unde să cauți. De asemenea, știu cum se simte când ajungi la un platou și am nevoie de ceva care să mă ridice la nivel. Ar trebui să existe ceva pentru toată lumea aici, indiferent de locul în care vă aflați în călătoria dvs. de învățare.
Și, hei, dacă aveți alte cărți care pot fi găsite gratuit online, vă rugăm să le distribuiți în comentarii! Pun pariu că putem obține o listă și mai mare.
