Juste après « Quel est le meilleur endroit pour apprendre ? » La question la plus fréquemment posée par les personnes qui se lancent dans le code est peut-être « Quels livres de développement Web devrais-je apprendre ? » Eh bien, considérez ceci comme une réponse à cette question, car j'ai dressé une liste de livres qui sont non seulement parfaits pour se lancer dans le développement front-end, mais également disponibles gratuitement.
Livres sur CSS
C'est l'essentiel de l'endroit où nous allons passer du temps parce que, eh bien, c'est un site la plupart à propos du CSS !
La magie du CSS par Adam Schwartz
- Parfait pour: Prochaines étapes de votre parcours CSS
- Niveau d'apprentissage : Intermédiaire
- Nécessite: Une certaine compréhension de base du CSS
Adam Schwartz couvre six concepts CSS dans ce livre, notamment le modèle de boîte, la mise en page, les tableaux, la couleur, la typographie et les transitions. Ce sont des choses qui déconcertent même certains CSSers chevronnés, certains de ces concepts peuvent prêter à confusion. Adam s'est donné beaucoup de mal pour démystifier chacun d'entre eux.
En plus du fait que le livre soit une excellente introduction aux concepts CSS complexes, j'aime le fait que chacune des propriétés CSS mentionnées dans le livre soit cliquable afin que vous puissiez toujours cliquer dessus pour voir comment chacune est appliquée. Il existe de nombreux exemples illustratifs et recommandations pour des lectures plus approfondies, si vous souhaitez en savoir plus sur chaque chapitre.
J'ai trouvé le chapitre sur les couleurs très intéressant non seulement parce qu'il aborde les meilleures pratiques pour utiliser les couleurs de manière accessible, mais aussi parce qu'il propose des applications très pratiques, comme lorsqu'Adam se met à utiliser CSS pour soutenir l'image de marque d'une organisation.
Conception Web résiliente par Jeremy Keith
- Parfait pour: Développer des stratégies pour écrire du code
- Niveau d'apprentissage : Intermédiaire
- Nécessite: Une certaine compréhension de base du CSS
Dès l'introduction :
Vous ne trouverez ici aucun code pour vous aider à créer de meilleurs sites Web. Mais vous trouverez des idées et des approches. Les idées sont plus résilientes que le code. J'ai essayé de combiner les idées les plus résilientes de l'histoire de la conception Web dans une approche permettant de créer les sites Web du futur.
Ce que Jeremy fait si bien, c'est décrire les compétences générales, comme la planification, la présentation et les approches d'écriture de code. Ainsi, plutôt que d'ajouter des extraits de code tout au long du livre, vous trouverez des détails sur les stratégies de code, telles que l'amélioration progressive, le choix des outils à utiliser et les défis liés à l'écriture d'un code orienté vers l'avenir.
Et pour ceux d'entre vous qui n'ont pas eu le plaisir d'écouter Jeremy raconter du contenu (comme il le fait dans le Série Historique Web), un fichier audio est disponible en téléchargement.
Débuter le développement Web CSS : du novice au professionnel par Simon Collison
- Parfait pour: Les fondamentaux du CSS
- Niveau d'apprentissage : Novices
- Nécessite: Rien que du temps et de la motivation
Il a peut-être été écrit en 2006, mais la couverture de Simon sur les normes et l'accessibilité du Web est intemporelle et pertinente aujourd'hui. Il fournit une compréhension de l'interopérabilité ainsi que des approches de création d'applications Web, y compris les premières phases de planification qui sont souvent négligées.
Le livre comprend deux grandes parties divisées en 16 chapitres. La première partie couvre des sujets CSS, comme l'utilisation de texte, de liens, de listes, d'arrière-plans, d'images, de tableaux et de formulaires. Cela ne lésine pas non plus sur les détails.
La deuxième partie est consacrée à la mise en page, mettant en lumière la convivialité et la manipulation de la mise en page, ainsi qu'une étude de cas pratique. Les chapitres sont disposés de telle manière qu'un chapitre enchaîne naturellement avec le suivant. Chaque chapitre contient également une section de conclusion qui met en évidence tous les concepts importants abordés dans le chapitre.
En effet, le livre offre aux développeurs débutants une solide base en CSS et les aide progressivement avec des concepts plus avancés. Cela facilitera votre parcours CSS.
Livres sur HTML et CSS
CSS et HTML sont souvent enseignés ensemble, ce qui peut être particulièrement utile lorsque vous écrivez vos premières lignes de code et que vous souhaitez savoir comment les deux langages interagissent.
Apprendre à coder HTML & CSS par Shay Howe
- Parfait pour: Commencer votre voyage front-end
- Niveau d'apprentissage : Les débutants
- Nécessite: Aucune expérience préalable
Shay qualifie ce livre de guide simple et complet dédié à aider les débutants à apprendre le HTML et le CSS.
Pour ce faire, il se concentre sur les éléments communs de la conception et du développement front-end. Certaines des leçons couvertes sont le modèle de boîte, le positionnement, la typographie, l'arrière-plan et les dégradés, les listes, les supports, les formulaires et les tableaux. Dans le premier chapitre * Construire votre première page Web, Shay a analysé le contenu d'un site Web typique, y compris les éléments, les attributs et la configuration de la structure du document HTML, la validation du code, les sélecteurs et les réinitialisations CSS. Je trouve le livre très instructif, d'autant plus qu'il va au-delà de la surface pour aborder de nombreux concepts clés avec des exemples de code, que vous pouvez suivre.
Une chose profonde à propos de ce grand livre est que Shay a construit un projet complet à partir de zéro tout au long des 12 leçons et à la fin de chaque leçon, il a fourni un résumé et des liens vers l'état actuel de ce site Web (afin que vous puissiez comparer avec le vôtre si vous suivez) et le code source à chaque étape des leçons.
Si vous êtes un apprenant qui apprend par la pratique, vous trouverez ce matériel très utile et lorsque vous aurez terminé, vous aurez développé un site Web fonctionnel multi-pages.
Une suite avancée du cours est également disponible gratuitement via le même lien.
HTML & CSS : apprenez les fondamentaux en 7 jours par Michael Knapp
- Parfait pour: Commencer votre voyage front-end
- Niveau d'apprentissage : Les débutants
- Nécessite: Aucune expérience préalable
Pouvez-vous éventuellement apprendre tout ce qu'il y a à savoir sur le HTML et le CSS en sept jours ? Probablement pas, mais c'est pourquoi ce livre de Michael Knapp de 2017 se concentre directement sur les fondamentaux. Michael plonge dans une brève leçon d'histoire avant de se lancer dans la structure, la logique et la présentation HTML et CSS. Vous allez être au courant au point où vous devriez vous sentir assez confiant pour créer une page Web de base, ainsi que quelques extras en cours de route, à mesure que le livre aborde le référencement et l'analyse.
Le livre est composé de programmes simples que vous pouvez exécuter sur votre ordinateur si vous souhaitez suivre.
La version ebook est disponible gratuitement sur Apple Books, mais il existe également une version Kindle si vous y avez déjà un abonnement.
Les plus grandes astuces CSS Vol. 1 par Chris Coyier
- Parfait pour: S'émerveiller de ce que CSS peut faire
- Niveau d'apprentissage : Intermédiaire
- Nécessite: Une certaine expérience CSS
Saviez-vous que CSS-Tricks propose également un livre sur CSS ? Il serait idiot de laisser cela hors de cette liste, car vous obtenez une collection de supercheries CSS classiques expliquées par nul autre que Chris Coyier. En fait, Chris a trié sur le volet tous les exemples abordés dans le livre au cours de ses très nombreuses (nombreuses !) années à diriger ce site, parmi la multitude d'astuces qui ont traversé son bureau.
Chaque astuce résout un problème particulier. Par exemple, le premier Astuce « Épingler le défilement vers le bas »montre comment le overflow-anchor La propriété CSS peut être utilisée pour créer la même interface de type chat qu'un outil comme Slack, où l'écran est ancré en bas de manière à donner l'impression que la page défile pour vous à mesure que de nouveaux éléments sont ajoutés.
Livres sur le processus
Le code concerne tout autant how nous écrivons du code et collaborons sur des projets avec d'autres car il s'agit du code réel que nous écrivons. Les livres suivants sont d'excellents points de départ pour tout, de la planification et de la gestion de projet à la communication et à la collaboration avec les autres.
Collaborer : rassembler les gens autour de projets numériques par Ellen De Vries
- Parfait pour: Être un meilleur collaborateur
- Niveau d'apprentissage : N/D
- Nécessite: Un esprit ouvert à bien travailler avec les autres !
Ellen aborde dans ce livre quelque chose auquel nous devons tous faire face : la collaboration avec les autres. Et ce n'est pas une mince affaire : le livre est divisé en quatre parties qui approfondissent les choses que nous pouvons utiliser pour bien travailler avec les autres :
- Savoir préparer le terrain et créer les bonnes conditions de collaboration.
- Entretenir la culture de groupe dès les premiers stades de la collaboration.
- Maintenir un processus de collaboration sain.
- Récoltez les fruits d’une collaboration.
En tant que stratège de contenu, Ellen possède le type d’expérience nécessaire pour aider quiconque à participer à un projet collaboratif ou à tirer le meilleur parti d’une collaboration.
Le processus de conception Web moderne par webflow
- Parfait pour: Designers seniors, chefs de projets
- Niveau d'apprentissage : N/D
- Nécessite: Une certaine compréhension de base du CSS
Cet ebook gratuit présente un processus de conception en sept étapes destiné à aider à définir le flux de travail des marques de conception Web actuelles.
Qui comprend:
- Fixer des objectifs
- Définition de la portée
- Plans de site et wireframes
- Travailler avec du contenu
- Manipulation des éléments visuels
- Essais
- Livraison
Quiconque démarre un nouveau projet de conception ou est au milieu d'un projet de conception trouvera des informations inestimables tout au long du livre. Et ce qui est le plus remarquable, c'est la façon dont tout cela est écrit d'une manière qui donne presque l'impression que vous êtes tenu en main tout au long d'un projet, de sa conception à son achèvement.
Concevoir pour le Web par Mark Boulton
- Parfait pour: Apprendre à travailler avec les clients
- Niveau d'apprentissage : Les débutants
- Nécessite: Un réel intérêt pour le design
Il semble que de nombreuses organisations abordent la conception différemment. Mais l'auteur Mark Boulton documente un flux de conception approfondi dans Concevoir pour le Web qui démystifie de nombreux défis et couvre tout ce que vous devez savoir.
Ce qui est unique dans ce livre, c'est qu'il parle vraiment de travail. Bien sûr, il existe de nombreuses informations extrêmement précieuses sur les meilleures pratiques de conception pour des éléments tels que la typographie, la couleur et la mise en page, mais ce que vous allez vraiment retenir de ce livre est how ceux-ci s'intègrent dans un flux de travail de conception. Il vous apprend à rechercher, les technologies dont nous disposons pour mettre en œuvre des idées et, en fin de compte, comment travailler avec d'autres ainsi qu'avec des clients - un fourrage parfait pour les personnes telles que les responsables de la conception, les chefs de projet, les indépendants ou toute personne impliquée dans le processus de livraison du projet. .
Apprenez le contrôle de version avec Git par tour
- Parfait pour: Maîtriser Git
- Niveau d'apprentissage : Tous les niveaux sont les bienvenus
- Nécessite: Aucune connaissance préalable
Dans ce livre, l'équipe derrière le populaire Client tour pour Git présenter aux apprenants l'essentiel du système de contrôle de version à l'aide de Git. Les développeurs qui travaillent en équipe trouveront cela particulièrement utile, car cela les aide à collaborer efficacement avec les membres de l'équipe pour créer différentes fonctionnalités d'un projet, même lorsque vous êtes à des milliers de kilomètres les uns des autres. Cela dit, c'est toujours très bien pour tous ceux qui pourraient être timides avec la ligne de commande et qui souhaitent y renforcer leur confiance.
Et comme le livre est rédigé par le créateur d'une application qui interagit avec Git, vous allez avoir une bonne dose d'utilisation de Tower comme interface graphique en plus de travailler directement sur la ligne de commande.
Ainsi, qu'il s'agisse de validation, de branchement, de fusion, de demandes d'extraction, de bifurcation de travail ou de gestion de conflits de fusion, vous tirerez beaucoup de choses de ce livre.
Livres sur JavaScript
Apprendre JavaScript semble toujours être à la mode. En fait, Jason Rodriguez a écrit sur le paysage de l'apprentissage JavaScript en 2018 et a fourni une belle liste de livres gratuits. Depuis, il n’y a pas eu grand chose de nouveau, mais voici mes réflexions sur les livres suivants.
JavaScript éloquent par Marijn Haverbeke
- Parfait pour: S'améliorer dans l'écriture de JavaScript
- Niveau d'apprentissage : Développeurs intermédiaires à chevronnés
- Nécessite: Expérience préalable avec JavaScript
JavaScript éloquent porte vraiment bien son nom. Personnellement, je considère que c'est l'un des livres JavaScript les mieux écrits que j'ai jamais rencontrés. Le style d'écriture de Marjin est engageant, en particulier dans la façon dont il introduit les concepts de programmation et entraîne le lecteur. Selon lui, le livre parle simplement donner des instructions aux ordinateurs et leur faire faire ce que vous voulez qu'ils fassent.
Le livre est une plongée approfondie dans JavaScript répartie en trois parties et 21 chapitres. Vous allez lire beaucoup de concepts de programmation de base, tels que les valeurs, les types, les opérateurs et les fonctions, ainsi que des concepts avancés tels que les expressions régulières, les modules, le DOM et la programmation asynchrone. Il commence chaque chapitre par une citation quelque peu philosophique pour préparer le lecteur à ce qui l'attend, puis plonge directement dans le sujet.
De plus, il existe trois projets pour vous aider à mettre en pratique vos nouvelles compétences.
Comprendre les promesses JavaScript par Nicholas C. Zakas
- Parfait pour: Ceux qui veulent tout savoir sur la programmation asynchrone avec des promesses en JavaScript.
- Niveau d'apprentissage : Intermédiaire
- Nécessite: Côtelettes JavaScript de base
Les promesses JavaScript ont été introduites en 2015 dans le cadre de la spécification ES6 pour gérer les fonctions asynchrones en JavaScript. Selon MDN:
Une promesse est un objet représentant l'achèvement ou l'échec éventuel d'une opération asynchrone
Dans ce livre de 51 pages, Nicholas explique le concept des promesses en trois chapitres : les bases, l'enchaînement des promesses et l'utilisation de plusieurs promesses. Bien que le lien vers le livre que nous fournissons est la version communautaire gratuite, la version complète (disponible sur Amazon) contient deux autres chapitres sur les fonctions asynchrones et le suivi des rejets non gérés. Nicholas a simplifié le concept de promesses avec plusieurs illustrations et exemples. Vous apprendrez à utiliser then(), catch()et finally() et comprendre comment enchaîner plusieurs promesses. Nicholas couvre également l'affectation des gestionnaires de rejet et de règlement. Vous voudrez peut-être lire le livre pour consolider votre compréhension du sujet.
Nicholas est un auteur chevronné de livres JavaScript qui écrit sur JavaScript depuis plus de 15 ans. Il apporte sa riche expérience dans ce livre (tout comme il l'a fait dans son travail ici chez CSS-Tricks).
Parler JavaScript par Axel Rauschmayer
- Parfait pour: Mise à niveau depuis le début de JavaScript
- Niveau d'apprentissage : Intermédiaire
- Nécessite: Connaissance de la programmation orientée objet
Ce livre est présenté en quatre chapitres couvrant plus de 30 sujets. Voici comment cela se décompose :
- Le premier chapitre est un bon rappel sur la syntaxe, les types de variables, les fonctions et la gestion des exceptions.
- Le deuxième chapitre offre une perspective historique sur JavaScript comme prélude aux types de fonctionnalités abordées dans le reste du livre.
- Le chapitre 3 est présenté comme plus ou moins un ouvrage de référence avec des exemples courts et clairs.
- Le dernier chapitre présente des conseils, des outils et des bibliothèques pour vous aider à écrire un meilleur JavaScript et à suivre les meilleures pratiques.
Les secrets du Javascript Ninja de John Resig et Bear Bibeault
- Parfait pour: Création d'une bibliothèque JavaScript multi-navigateurs à partir de zéro
- Niveau d'apprentissage : Intermédiaire
- Nécessite: Une certaine expérience en programmation
Il y a en fait un édition plus récente de ce livre, mais l'édition 2012 est celle qui est gratuite. Quoi qu'il en soit, c'est une bonne occasion d'apprendre de John Resig ; tu sais, le gars qui créée jQuery.
Les techniques abordées ici incluent les fermetures, les fonctions, le DOM, l'orientation objet avec des prototypes et les stratégies multi-navigateurs. Un avantage intéressant est que chaque chapitre est suivi d'un bref récapitulatif qui est parfait comme référence une fois que vous avez terminé le livre.
Apprendre les modèles de conception JavaScript par Addy Osmani
- Parfait pour: Apprendre à écrire du JavaScript plus efficace
- Niveau d'apprentissage : Intermédiaire
- Nécessite: Un niveau décent d'expérience JavaScript
Le concept de modèle de conception fait référence à une solution réutilisable à un problème couramment récurrent dans le développement d’applications. Dans ce livre, Addy Osmani couvre la mise en œuvre de modèles de conception courants utilisant ES6 et au-delà, ainsi que des modèles de conception spécifiques à React, qui peuvent s'avérer très utiles lorsque vous travaillez sur des applications React complexes où la maintenabilité est un objectif principal.
Certains des modèles couverts incluent les modèles Singleton, Proxy, Provider, Prototype et Observer. Dans certains cas, Addy inclut les avantages et les inconvénients de l'utilisation de certains de ces modèles et la manière dont ils peuvent affecter les performances de votre application.
Vous ne connaissez pas JS par Kyle Simpson
- Parfait pour: Maîtriser JavaScript
- Niveau d'apprentissage : Débutant
- Nécessite: Peu ou pas d'expérience préalable en programmation
Bien que le titre puisse être un peu provocateur, ce que Kyle sous-entend ici, c'est qu'il écrit ce livre en supposant que vous n'avez aucune expérience préalable de JavaScript.
Kyle commence par passer en revue les rudiments de la programmation vue à travers le prisme de JavaScript. Il procède ensuite, dans les chapitres suivants, à l'introduction de concepts plus avancés comme la portée et la clôture, la this mot-clé, prototypes d'objets, async, et performances.
Il y a beaucoup d'excellents détails et explications ici, et Kyle le rend très facile à comprendre en évitant le jargon super technique. De nombreux exercices sont également proposés pour renforcer votre apprentissage. Ce livre vous permettra certainement de vous familiariser avec JavaScript. Il y a une deuxième édition du livre en préparation que vous pouvez suivre dans GitHub.
Le manuel du débutant JavaScript par Flavio Copes
- Parfait pour: Une référence pour les débutants
- Niveau d'apprentissage : Juste de commencer
- Nécessite: Inscription par e-mail, peut-être une expérience préalable
Flavio a rassemblé une référence JavaScript très utile pour ceux qui débutent. Il s'agit plus d'un guide de référence rapide que d'un manuel, donc ceux d'entre vous qui débutent voudront peut-être le considérer comme quelque chose que vous gardez sur votre bureau plutôt que comme quelque chose avec lequel vous restez assis pendant de longues périodes.
JavaScript pour la science des données par Gans, Hodges et Wilson
- Parfait pour: Se lancer dans les visualisations de données
- Niveau d'apprentissage : Intermédiaire à avancé
- Nécessite: Une bonne maîtrise de JavaScript
Les auteurs couvrent les fonctionnalités essentielles du JavaScript moderne, notamment les rappels, les promesses, l'héritage, les objets et les classes. Ils se lancent également dans les tests en utilisant Mocha, React et la visualisation des données, qui sont tous parfaits pour tous ceux qui cherchent à améliorer leur code et la façon dont il est écrit. Le livre n'approfondit pas autant de concepts que certains autres livres, mais il brille vraiment lorsqu'il aborde la science des données.
Le livre utilise Data-Forge ; une bibliothèque JavaScript conçue pour travailler avec des données tabulaires. Il existe de nombreux exercices pour aider les lecteurs à se tenir au courant du sujet de discussion. Le dernier chapitre comprend également un projet de synthèse qui rassemble le tout.
Emballage en place
J'espère bien que cette collection de livres vous aidera, que vous fassiez vos premiers pas dans le développement Web front-end, que vous ayez une douzaine d'années à votre actif ou que vous vous trouviez quelque part entre les deux. Je sais combien il est difficile de se lancer dans quelque chose de nouveau pour la première fois et le sentiment de ne pas savoir où chercher. Je sais aussi ce que ça fait d'atteindre un plateau et d'avoir besoin de quelque chose pour me mettre à niveau. Il devrait y avoir quelque chose pour tout le monde ici, quel que soit l'endroit où vous en êtes dans votre parcours d'apprentissage.
Et si vous avez d’autres livres disponibles gratuitement en ligne, partagez-les dans les commentaires ! Je parie que nous pouvons dresser une liste encore plus longue.
