Subito dopo "Dov'è il posto migliore per imparare?" forse la domanda più frequente che sento dalle persone che si avvicinano al codice è "Quali libri di sviluppo web dovrei imparare?" Bene, considera questa una risposta a questa domanda poiché ho curato un elenco di libri che non sono solo ottimi per entrare nello sviluppo front-end, ma anche disponibili gratuitamente.
Libri sui CSS
Questa è la maggior parte di dove andremo in giro perché, beh, questo è un sito soprattutto sui CSS!
La magia dei CSS di Adam Schwartz
- Perfetto per: I prossimi passi nel tuo viaggio CSS
- Livello di apprendimento: Intermedio
- Richiede: Alcune nozioni di base sui CSS
Adam Schwartz copre sei concetti CSS in questo libro, inclusi il modello box, il layout, le tabelle, il colore, la tipografia e le transizioni. Queste sono cose che anche alcuni esperti CSSer stordiscono, alcuni di questi concetti potrebbero essere fonte di confusione. Adam ha fatto di tutto per demistificare ciascuno.
Oltre al fatto che il libro è un ottimo manuale per i concetti CSS complessi, adoro il modo in cui ciascuna delle proprietà CSS menzionate nel libro è selezionabile, quindi puoi sempre fare clic su di esse per vedere come ciascuna viene applicata. Ci sono molti esempi illustrativi e consigli per ulteriori letture, se desideri saperne di più su ogni capitolo.
Ho trovato il capitolo sui colori molto interessante non solo perché illustra le migliori pratiche per l'utilizzo del colore in modo accessibile, ma anche perché ci sono applicazioni super pratiche, come quando Adam inizia a usare i CSS per supportare il marchio di un'organizzazione.
Web design resiliente di Jeremy Keith
- Perfetto per: Sviluppo di strategie per la scrittura del codice
- Livello di apprendimento: Intermedio
- Richiede: Alcune nozioni di base sui CSS
Direttamente dall'introduzione:
Non troverai alcun codice qui per aiutarti a creare siti Web migliori. Ma troverai idee e approcci. Le idee sono più resistenti del codice. Ho cercato di combinare le idee più resilienti della storia del web design in un approccio per costruire i siti web del futuro.
Quello che Jeremy fa così bene è descrivere le competenze trasversali, come la pianificazione, la strutturazione e gli approcci per la scrittura del codice. Quindi, anziché inserire frammenti di codice in tutto il libro, troverai dettagli sulle strategie del codice, come il miglioramento progressivo, la decisione su quali strumenti utilizzare e le sfide della scrittura di codice orientato al futuro.
E per quelli di voi che non hanno avuto il piacere di ascoltare Jeremy raccontare i contenuti (come fa nel Serie Cronologia web), è disponibile un file audio da scaricare.
Inizio dello sviluppo Web CSS: dal principiante al professionista di Simone Collison
- Perfetto per: I fondamenti dei CSS
- Livello di apprendimento: Principianti assoluti
- Richiede: Nient'altro che tempo e motivazione
Potrebbe essere stato scritto nel 2006, ma la copertura di Simon sugli standard web e sull'accessibilità è attuale e senza tempo oggi. Fornisce una comprensione dell'interoperabilità e degli approcci per la creazione di applicazioni Web, comprese le prime fasi di pianificazione che spesso vengono trascurate.
Il libro ha due grandi parti che sono ulteriormente suddivise in 16 capitoli. La parte 1 tratta argomenti CSS, come lavorare con testo, collegamenti, elenchi, sfondi, immagini, tabelle e moduli. Non lesina nemmeno sui dettagli.
La parte 2 riguarda il layout, fare luce sull'usabilità e sulla manipolazione del layout, oltre a un pratico case study. I capitoli sono disposti in modo tale che un capitolo fluisca naturalmente nel successivo. Ogni capitolo contiene anche una sezione conclusiva che mette in evidenza tutti i concetti importanti trattati nel capitolo.
In effetti, il libro fornisce agli sviluppatori alle prime armi un solido background in CSS e li aiuta gradualmente con concetti più avanzati. Semplificherà il tuo viaggio CSS.
Libri su HTML e CSS
CSS e HTML vengono spesso insegnati insieme, il che può essere particolarmente utile quando stai scrivendo le prime righe di codice e vuoi sapere come interagiscono tra loro i due linguaggi.
Impara a codificare HTML e CSS di Shay Howe
- Perfetto per: Inizia il tuo viaggio di front-end
- Livello di apprendimento: principianti
- Richiede: Nessuna esperienza precedente
Shay si riferisce a questo libro come a guida semplice e completa dedicata ad aiutare i principianti ad imparare HTML e CSS.
Lo fa concentrandosi su elementi comuni di progettazione e sviluppo front-end. Alcune delle lezioni trattate sono Box Model, Posizionamento, Tipografia, Background e Gradienti, Liste, Media, Moduli e Tabelle. Nel primo capitolo *Costruire la tua prima pagina Web, Shay ha analizzato i contenuti di un tipico sito Web inclusi elementi, attributi e impostazione della struttura del documento HTML, convalida del codice, selettori e reset CSS. Trovo il libro molto istruttivo soprattutto perché è andato oltre la superficie per affrontare molti concetti chiave con esempi di codice, che puoi seguire insieme.
Una cosa profonda di questo fantastico libro è che Shay ha costruito un progetto completo da zero durante le 12 lezioni e alla fine di ogni lezione ha fornito un riassunto e collegamenti allo stato attuale di quel sito web (così puoi confrontare con il tuo se segui) e il codice sorgente in ogni fase delle lezioni.
Se sei uno studente che impara facendo, troverai questo materiale molto utile e quando avrai finito avrai sviluppato un sito web funzionale multipagina.
Allo stesso link è disponibile gratuitamente anche un seguito avanzato del corso.
HTML e CSS: impara i fondamenti in 7 giorni di Michael Knapp
- Perfetto per: Inizia il tuo viaggio di front-end
- Livello di apprendimento: principianti
- Richiede: Nessuna esperienza precedente
Puoi forse imparare tutto quello che c'è da sapere su HTML e CSS in sette giorni? Probabilmente no, ma è per questo che questo libro del 2017 di Michael Knapp è incentrato direttamente sui fondamenti. Michael approfondisce una breve lezione di storia prima di lanciarsi nella struttura, nella logica e nella presentazione di HTML e CSS. Ti aggiornerai al punto in cui dovresti sentirti abbastanza sicuro di mettere insieme una pagina web di base, oltre ad alcuni extra lungo la strada mentre il libro tocca SEO e analisi.
Il libro è composto da semplici programmi che puoi eseguire sul tuo computer se desideri seguirlo.
La versione ebook è disponibile gratuitamente su Apple Books, ma c'è anche una versione Kindle se hai già un abbonamento lì.
I più grandi trucchi CSS vol. 1 di Chris Coyier
- Perfetto per: Meravigliarsi di ciò che i CSS possono fare
- Livello di apprendimento: Intermedio
- Richiede: Qualche esperienza CSS
Sapevi che CSS-Tricks ha anche un libro sui CSS? Sarebbe sciocco lasciarlo fuori da questo elenco perché quello che ottieni è una raccolta di classici trucchi CSS spiegati nientemeno che da Chris Coyier. In effetti, Chris ha selezionato tutti gli esempi trattati nel libro dai suoi molti, molti (molti!) anni che hanno gestito questo sito qui dalla moltitudine di trucchi che hanno attraversato la sua scrivania.
Ogni trucco risolve un particolare punto dolente. Ad esempio, il primo Trucco "Pin Scrolling to Bottom".dimostra come il overflow-anchor La proprietà CSS può essere utilizzata per creare la stessa interfaccia simile a una chat di uno strumento come Slack, in cui lo schermo è ancorato in basso in un modo che sembra che la pagina stia scorrendo per te quando vengono aggiunti nuovi elementi.
Libri in corso
Il codice è altrettanto importante come scriviamo codice e collaboriamo a progetti con altri in quanto si tratta del codice effettivo che scriviamo. I seguenti libri sono ottimi punti di partenza per qualsiasi cosa, dalla pianificazione e gestione dei progetti alla comunicazione e collaborazione con gli altri.
Collabora: riunisci le persone intorno ai progetti digitali di Ellen De Vries
- Perfetto per: Essere un collaboratore migliore
- Livello di apprendimento: N/A
- Richiede: Una mente aperta a lavorare bene con gli altri!
Ellen affronta qualcosa in questo libro con cui tutti abbiamo a che fare: collaborare con gli altri. E non è un affare da poco: il libro è diviso in quattro parti che vanno molto in profondità nelle cose che possiamo andare a lavorare bene con gli altri:
- Saper preparare il terreno e creare le giuste condizioni per la collaborazione.
- Coltivare la cultura di gruppo nelle prime fasi della collaborazione.
- Mantenere un sano processo collaborativo.
- Raccogli i frutti di una collaborazione.
In qualità di content strategist, Ellen ha il giusto tipo di esperienza per aiutare chiunque a far parte di un progetto collaborativo o ottenere il massimo da una collaborazione.
Il moderno processo di web design dal flusso web
- Perfetto per: Senior designer, project manager
- Livello di apprendimento: N/A
- Richiede: Alcune nozioni di base sui CSS
Questo ebook gratuito presenta un processo di progettazione in sette fasi che ha lo scopo di aiutare a definire il flusso di lavoro per il marchio di web design di oggi.
Questo include:
- Definendo gli obiettivi
- Definizione dell'ambito
- Sitemap e wireframe
- Lavorare con i contenuti
- Gestione degli elementi visivi
- Testing
- Spedizione
Chiunque inizi un nuovo progetto di design o sia nel bel mezzo di un progetto di design troverà le preziose intuizioni in tutto il libro. E la cosa più notevole è come questo sia scritto in un modo che sembra quasi di essere tenuto in mano attraverso un intero progetto dall'ideazione al completamento.
Progettare per il Web di Mark Boulton
- Perfetto per: Imparare a lavorare con i clienti
- Livello di apprendimento: principianti
- Richiede: Un genuino interesse per il design
Sembra che molte organizzazioni affrontino il design in modo diverso. Ma l'autore Mark Boulton documenta un flusso di lavoro di progettazione completo Progettare per il Web che demistifica molte sfide e copre tutto ciò che devi sapere.
La particolarità di questo libro è che parla davvero di lavoro. Certo, ci sono un sacco di informazioni estremamente preziose sulle migliori pratiche di progettazione per cose come tipografia, colore e layout, ma ciò che davvero porterai via da questo libro è come questi si inseriscono in un flusso di lavoro di progettazione. Ti insegna come ricercare, le tecnologie che abbiamo per implementare le idee e, in definitiva, come lavorare con gli altri e con i clienti: un foraggio perfetto per le persone tra cui responsabili della progettazione, project manager, liberi professionisti o chiunque sia coinvolto nel processo di consegna del progetto .
Impara il controllo della versione con Git di Torre
- Perfetto per: Padroneggiare Git
- Livello di apprendimento: Tutti i livelli sono benvenuti
- Richiede: Nessuna conoscenza precedente
In questo libro, la squadra dietro il popolare Client Tower per Git introdurre gli studenti al punto cruciale del sistema di controllo delle versioni usando Git. Gli sviluppatori che lavorano in team lo troveranno particolarmente utile, in quanto aiuta a collaborare efficacemente con i membri del team creando diverse funzionalità di un progetto anche quando si è a migliaia di chilometri di distanza. Detto questo, è comunque davvero ottimo per chiunque potrebbe essere timido della riga di comando e vuole creare fiducia lì.
E poiché il libro è del creatore di un'applicazione che interagisce con Git, avrai una buona dose di utilizzo di Tower come GUI oltre a lavorare direttamente sulla riga di comando.
Quindi, che si tratti di commit, branching, merge, pull request, fork del lavoro o gestione di conflitti di unione, otterrai molto da questo libro.
Libri su JavaScript
Imparare JavaScript sembra essere sempre di moda. Infatti, Jason Rodriguez ha scritto del panorama di apprendimento di JavaScript nel 2018 e ha fornito una bella lista di libri gratuiti. Da allora non è saltato fuori molto, ma ecco i miei pensieri sui seguenti libri.
JavaScript eloquente di Marijn Haverbeke
- Perfetto per: Migliorare la scrittura di JavaScript
- Livello di apprendimento: Sviluppatori da intermedi a esperti
- Richiede: Esperienza precedente con JavaScript
JavaScript eloquente è davvero all'altezza del suo nome. Personalmente, considero questo uno dei libri JavaScript meglio scritti che abbia mai incontrato. Lo stile di scrittura di Marjin è coinvolgente, soprattutto con il modo in cui introduce concetti di programmazione e accompagna il lettore. Nelle sue parole, il libro parla semplicemente istruire i computer e fargli fare ciò che vuoi che facciano.
Il libro è un approfondimento su JavaScript distribuito in tre parti e 21 capitoli. Leggerai un sacco di concetti di programmazione di base, come valori, tipi, operatori e funzioni, a concetti avanzati come espressioni regolari, moduli, DOM e programmazione asincrona. Inizia ogni capitolo con una citazione in qualche modo filosofica per preparare il lettore a ciò che lo aspetta e poi si tuffa direttamente nell'argomento.
Inoltre, ci sono tre progetti per aiutarti a mettere in pratica le tue nuove abilità.
Comprendere le promesse JavaScript di Nicholas C. Zakas
- Perfetto per: Coloro che vogliono imparare tutto sulla programmazione asincrona con promesse in JavaScript.
- Livello di apprendimento: Intermedio
- Richiede: Tagli JavaScript di base
Le promesse JavaScript sono state introdotte nel 2015 come parte della specifica ES6 per gestire le funzioni asincrone in JavaScript. Secondo MDN:
Una promessa è un oggetto che rappresenta l'eventuale completamento o fallimento di un'operazione asincrona
In questo libro di 51 pagine, Nicholas spiega il concetto di Promise in tre capitoli: Nozioni di base, Promesse incatenate e Lavorare con promesse multiple. sebbene il link al libro che stiamo fornendo è la versione community gratuita, la versione completa (disponibile su Amazon) ha altri due capitoli sulle funzioni asincrone e sul monitoraggio dei rifiuti non gestiti. Nicholas ha semplificato il concetto di Promises con diverse illustrazioni ed esempi. Imparerai come usarlo then(), catch()e finally() e capire come concatenare più promesse insieme. Nicholas copre anche l'incarico di gestori del rifiuto e dell'insediamento. Puoi dare una lettura al libro per consolidare la tua comprensione dell'argomento.
Nicholas è un autore di libri JavaScript veterano che scrive di JavaScript da oltre 15 anni. Porta la sua ricchezza di esperienza da portare in questo libro (proprio come ha fatto in il suo lavoro qui a CSS-Tricks).
Parlare JavaScript di Axel Rauschmayer
- Perfetto per: Aumento di livello dall'inizio JavaScript
- Livello di apprendimento: Intermedio
- Richiede: Conoscenza della programmazione orientata agli oggetti
Questo libro è presentato in quattro capitoli che coprono più di 30 argomenti. Ecco come si scompone:
- Il primo capitolo è un bel ripasso su sintassi, tipi di variabili, funzioni e gestione delle eccezioni.
- Il secondo capitolo offre una prospettiva storica su JavaScript come preludio per i tipi di funzionalità trattati nel resto del libro.
- Il capitolo 3 è presentato più o meno come un libro di riferimento con esempi brevi e chiari.
- Il capitolo finale delinea suggerimenti, strumenti e librerie per aiutare a scrivere JavaScript migliore e seguire le migliori pratiche.
Segreti di JavaScript Ninja di John Resig e Bear Bibeault
- Perfetto per: Creazione di una libreria JavaScript cross-browser da zero
- Livello di apprendimento: Intermedio
- Richiede: Qualche precedente esperienza di programmazione
In realtà c'è un nuova edizione di questo libro, ma l'edizione 2012 è quella gratuita. Ad ogni modo, è una buona opportunità per imparare da John Resig; sai, il ragazzo che creato jQuery.
Le tecniche qui trattate includono chiusure, funzioni, DOM, orientamento agli oggetti con prototipi e strategie cross-browser. Un bel vantaggio è che ogni capitolo è seguito da un breve riepilogo che è perfetto come riferimento una volta terminato il libro.
Imparare i modelli di progettazione JavaScript di Addy Osmani
- Perfetto per: Imparare a scrivere JavaScript più efficiente
- Livello di apprendimento: Intermedio
- Richiede: Un livello decente di esperienza JavaScript
Il concetto di design pattern si riferisce a una soluzione riutilizzabile a un problema comunemente ricorrente nello sviluppo di applicazioni. In questo libro, Addy Osmani tratta l'implementazione di modelli di progettazione comuni utilizzando ES6 e oltre, nonché modelli di progettazione specifici di React, che possono essere molto utili quando si lavora su app React complesse in cui la manutenibilità è un obiettivo primario.
Alcuni dei modelli trattati includono modelli Singleton, Proxy, Provider, Prototype e Observer. In alcuni casi, Addy include vantaggi e svantaggi dell'utilizzo di alcuni di questi modelli e di come possono influire sulle prestazioni dell'applicazione.
Non conosci JS di Kyle Simpson
- Perfetto per: Padroneggiare JavaScript
- Livello di apprendimento: Principiante
- Richiede: Poca o nessuna esperienza di programmazione precedente
Anche se il titolo potrebbe essere un po' provocatorio, quello che Kyle sta insinuando qui è che scrive questo libro presumendo che tu non abbia alcuna esperienza precedente con JavaScript.
Kyle inizia passando attraverso i rudimenti della programmazione visti attraverso la lente di JavaScript. Procede poi, nei capitoli successivi, ad introdurre concetti più avanzati come l'ambito e la chiusura, il this parola chiave, prototipi di oggetti, asynce prestazioni.
Ci sono molti dettagli e spiegazioni eccellenti qui, e Kyle lo rende super facile da capire evitando il gergo super tecnico. Ci sono anche molti esercizi progettati per rafforzare il tuo apprendimento. Questo libro ti consentirà sicuramente di aggiornarti con JavaScript. C'è la seconda edizione del libro in lavorazione che puoi monitorare in GitHub.
Manuale per principianti di JavaScript di Flavio Copes
- Perfetto per: Un riferimento per principianti
- Livello di apprendimento: Ho appena iniziato
- Richiede: Iscrizione via e-mail, forse qualche esperienza precedente
Flavio ha messo insieme un riferimento JavaScript molto utile per chi è appena agli inizi. È più simile a una guida di riferimento rapido che a un libro di testo, quindi quelli di voi appena agli inizi potrebbero voler considerare questo come qualcosa che tieni sulla scrivania piuttosto che qualcosa con cui ti siedi per lunghi periodi di tempo.
JavaScript per la scienza dei dati di Gans, Hodges e Wilson
- Perfetto per: Entrare nelle visualizzazioni dei dati
- Livello di apprendimento: Da intermedio ad avanzato
- Richiede: Una gestione decente su JavaScript
Gli autori coprono le caratteristiche principali del JavScript moderno, inclusi callback, promesse, eredità, oggetti e classi. Entrano anche in test usando Moca, React e visualizzazione dei dati, tutti ottimi per chiunque cerchi di aumentare di livello il proprio codice e come è scritto. Il libro non approfondisce molti concetti come alcuni degli altri libri, ma brilla davvero quando entra nella scienza dei dati.
Il libro usa Data-Forge; una libreria JavaScript progettata per lavorare con dati tabulari. Ci sono numerosi esercizi per aiutare i lettori a tenersi al passo con l'argomento della discussione. L'ultimo capitolo include anche un progetto capstone che riunisce tutto.
Concludendo
Spero davvero che questa raccolta di libri ti aiuti, sia che tu stia muovendo i primi passi nello sviluppo web front-end, che tu abbia una dozzina di anni alle spalle o che ti trovi da qualche parte nel mezzo. So quanto sia difficile entrare in qualcosa di nuovo per la prima volta e la sensazione di non sapere dove guardare. So anche come ci si sente a raggiungere un plateau e ho bisogno di qualcosa che mi faccia salire di livello. Dovrebbe esserci qualcosa per tutti qui, indipendentemente da dove ti trovi nel tuo viaggio di apprendimento.
E, ehi, se hai altri libri che possono essere scaricati gratuitamente online, condividili nei commenti! Scommetto che possiamo ottenere un elenco ancora più grande in corso.
