Zephyrnet-logo

Geweldige (en gratis!) Webontwikkelingsboeken die u online kunt krijgen

Datum:

 

Direct na "Waar is de beste plek om te leren?" misschien is de meest gestelde vraag die ik hoor van mensen die in code gaan, "Welke webontwikkelingsboeken moet ik leren?" Beschouw dit als een antwoord op die vraag, want ik heb een lijst met boeken samengesteld die niet alleen geweldig zijn om in front-end ontwikkeling te komen, maar ook gratis beschikbaar zijn.

 

Boeken over CSS

Dit is het grootste deel van waar we gaan rondhangen, want, nou, dit is een site meestal over CSS!

De magie van CSS door Adam Schwartz

  • Perfect voor: Volgende stappen in uw CSS-reis
  • Leerniveau: Gemiddeld
  • vereist: Enige basiskennis van CSS

Adam Schwartz behandelt zes CSS-concepten in dit boek, waaronder het doosmodel, de lay-out, tabellen, kleur, typografie en overgangen. Dit zijn dingen die zelfs sommige doorgewinterde CSSers tegenhouden, sommige van deze concepten kunnen verwarrend zijn. Adam heeft veel moeite gedaan om elk van hen te demystificeren.

Behalve dat het boek een uitstekende inleiding is op complexe CSS-concepten, vind ik het geweldig hoe op elk van de CSS-eigenschappen die in het boek worden genoemd, kan worden geklikt, zodat je er altijd op kunt klikken om te zien hoe ze worden toegepast. Er zijn veel illustratieve voorbeelden en aanbevelingen om verder te lezen, mocht je meer willen weten over elk hoofdstuk.

Ik vond het hoofdstuk over kleuren erg interessant, niet alleen omdat het ingaat op de best practices om kleur toegankelijk te gebruiken, maar ook omdat er superpraktische toepassingen zijn, zoals wanneer Adam CSS gaat gebruiken om de branding van een organisatie te ondersteunen.

Veerkrachtig webdesign door Jeremy Keith

  • Perfect voor: Strategieën ontwikkelen voor het schrijven van code
  • Leerniveau: Gemiddeld
  • vereist: Enige basiskennis van CSS

Rechtstreeks uit de inleiding:

U zult hier geen code vinden om u te helpen betere websites te bouwen. Maar je zult ideeën en benaderingen vinden. Ideeën zijn veerkrachtiger dan code. Ik heb geprobeerd de meest veerkrachtige ideeën uit de geschiedenis van webdesign te combineren tot een aanpak voor het bouwen van de websites van de toekomst.

Wat Jeremy zo goed doet, is het beschrijven van soft skills, zoals plannen, schetsen en benaderingen voor het schrijven van code. Dus in plaats van codefragmenten in het boek te laten vallen, vindt u details over codestrategieën, zoals progressieve verbetering, beslissen welke tooling u moet gebruiken en de uitdagingen van het schrijven van toekomstvriendelijke code.

En voor degenen onder jullie die niet het genoegen hebben gehad om naar Jeremy te luisteren die inhoud vertelt (zoals hij doet in de Serie over webgeschiedenis), is er een audiobestand beschikbaar om te downloaden.

Beginnen met CSS-webontwikkeling: van beginner tot professional door Simon Collison

  • Perfect voor: De grondbeginselen van CSS
  • Leerniveau: Absolute beginners
  • vereist: Niets dan tijd en motivatie

Het mag dan in 2006 geschreven zijn, Simons berichtgeving over webstandaarden en toegankelijkheid is vandaag de dag tijdloos en relevant. Hij geeft inzicht in interoperabiliteit en benaderingen voor het bouwen van webapplicaties, inclusief de vroege planningsfasen die vaak over het hoofd worden gezien.

Het boek bestaat uit twee grote delen die verder zijn onderverdeeld in 16 hoofdstukken. Deel 1 behandelt CSS-onderwerpen, zoals werken met tekst, links, lijsten, achtergronden, afbeeldingen, tabellen en formulieren. Het beknibbelt ook niet echt op de details.

Deel 2 gaat helemaal over lay-out, licht werpen op bruikbaarheid en lay-outmanipulatie, plus een handige casestudy. De hoofdstukken zijn zo gerangschikt dat het ene hoofdstuk vanzelf overgaat in het andere. Elk hoofdstuk bevat ook een afsluitend gedeelte waarin alle belangrijke concepten die in het hoofdstuk worden behandeld, worden belicht.

Het boek biedt beginnende ontwikkelaars inderdaad een solide achtergrond in CSS en helpt hen geleidelijk met meer geavanceerde concepten. Het zal uw CSS-reis gemakkelijker maken.

Boeken over HTML en CSS

CSS en HTML worden vaak samen aangeleerd, wat vooral handig kan zijn wanneer u uw eerste coderegels schrijft en wilt weten hoe de twee talen met elkaar omgaan.

Leer HTML en CSS coderen door Shay Howe

  • Perfect voor: Uw front-end reis beginnen
  • Leerniveau: beginners
  • vereist: Helemaal geen ervaring

Shay verwijst naar dit boek als een eenvoudige en uitgebreide gids om beginners te helpen HTML en CSS te leren. Dit doet hij door te focussen op gemeenschappelijke elementen van front-end design en development. Enkele van de behandelde lessen zijn Boxmodel, Positionering, Typografie, Achtergrond en verlopen, Lijsten, Media, Formulieren en Tabellen. In het eerste hoofdstuk *Je eerste webpagina bouwen, analyseerde Shay de inhoud van een typische website, inclusief elementen, attributen en het opzetten van de HTML-documentstructuur, codevalidatie, selectors en CSS-resets. Ik vind het boek erg leerzaam, vooral omdat het verder ging dan de oppervlakte om veel sleutelconcepten te behandelen met codevoorbeelden, die je kunt volgen.

Een belangrijk aspect van dit geweldige boek is dat Shay gedurende de 12 lessen een compleet project vanaf het begin heeft opgebouwd en aan het einde van elke les gaf hij een samenvatting en links naar de huidige staat van die website (zodat je kunt vergelijken met die van jou als je volgt mee) en de broncode in elke fase van de lessen.

Als je een leerling bent die leert door te doen, zul je dit materiaal erg nuttig vinden en tegen de tijd dat je klaar bent, heb je een functionele website met meerdere pagina's ontwikkeld.

Een geavanceerd vervolg van de cursus is ook gratis beschikbaar via dezelfde link.

HTML & CSS: leer de grondbeginselen in 7 dagen door Michael Knapp

  • Perfect voor: Uw front-end reis beginnen
  • Leerniveau: beginners
  • vereist: Helemaal geen ervaring

Kun jij in zeven dagen alles leren over HTML en CSS? Waarschijnlijk niet, maar daarom is dit boek uit 2017 van Michael Knapp rechtstreeks gericht op de grondbeginselen. Michael duikt in een korte geschiedenisles voordat hij begint in HTML- en CSS-structuur, logica en presentatie. Je zult zo snel zijn dat je er redelijk zeker van moet zijn om een ​​eenvoudige webpagina samen te stellen, plus een paar extra's terwijl het boek ingaat op SEO en analyse.

Het boek bestaat uit eenvoudige programma's die je op je computer kunt draaien als je wilt volgen.

De e-boekversie is gratis beschikbaar op Apple Books, maar er is ook een Kindle-versie als je daar al een abonnement hebt.

De grootste CSS-trucs Vol. 1 door Chris Coyier

  • Perfect voor: Verwondering over wat CSS kan doen
  • Leerniveau: Gemiddeld
  • Vereist: Enige ervaring met CSS

Wist je dat CSS-Tricks ook een boek over CSS heeft? Het zou dwaas zijn om dat van deze lijst weg te laten, want wat je krijgt is een verzameling klassieke CSS-trucs die wordt uitgelegd door niemand minder dan Chris Coyier. In feite heeft Chris alle voorbeelden uit het boek uitgekozen uit zijn vele, vele (vele!) jaren dat hij deze site hier runt uit de overvloed aan trucs die zijn bureau zijn doorgedrongen.

Elke truc lost een bepaald pijnpunt op. Bijvoorbeeld de eerste "Pin Scroll naar beneden" truclaat zien hoe de overflow-anchor CSS-eigenschap kan worden gebruikt om dezelfde chat-achtige interface te maken van een tool als Slack, waarbij het scherm aan de onderkant is verankerd op een manier die aanvoelt alsof de pagina voor je aan het scrollen is terwijl nieuwe items worden toegevoegd.

Boeken over proces

Code gaat net zo veel over hoe we schrijven code en werken samen aan projecten met anderen, omdat het gaat om de eigenlijke code die we schrijven. De volgende boeken zijn geweldige startpunten voor alles, van planning en projectbeheer tot communiceren en samenwerken met anderen.

Samenwerken: mensen samenbrengen rond digitale projecten door Ellen De Vries

  • Perfect voor: Een betere medewerker zijn
  • Leerniveau: NB
  • vereist: Een open geest om goed samen te werken met anderen!

Ellen gaat in dit boek in op iets waar we allemaal mee te maken hebben: samenwerken met anderen. En het is geen kleinigheid - het boek is verdeeld in vier delen die superdiep gaan in dingen die we goed kunnen doen met anderen:

  • Weet hoe je de weg voorbereidt en de juiste voorwaarden creëert voor samenwerking.
  • Koester de groepscultuur in de vroege stadia van samenwerking.
  • Zorg voor een gezond samenwerkingsproces.
  • Pluk de vruchten van een samenwerking.

Als contentstrateeg heeft Ellen de juiste ervaring om iedereen te helpen deel uit te maken van een samenwerkingsproject of het meeste uit een samenwerking te halen.

Het moderne webontwerpproces door webflow

  • Perfect voor: Senior ontwerpers, projectmanagers
  • Leerniveau: NB
  • vereist: Enige basiskennis van CSS

Dit gratis e-boek bevat een ontwerpproces in zeven stappen dat bedoeld is om de workflow voor het hedendaagse webdesign te helpen definiëren.

Dat omvat:

  • Doelen stellen
  • Bereik definiëren
  • Sitemaps en wireframes
  • Werken met inhoud
  • Omgaan met visuele elementen
  • Testen
  • Verzending

Iedereen die aan een nieuw ontwerpproject begint of midden in een ontwerpproject zit, vindt de onschatbare inzichten door het hele boek heen. En wat het meest opmerkelijk is, is hoe dit is geschreven op een manier die bijna aanvoelt alsof je tijdens een heel project van concept tot voltooiing in de hand wordt gehouden.

Ontwerpen voor het web door Mark Boulton

  • Perfect voor: Leren werken met klanten
  • Leerniveau: beginners
  • Vereist: Een oprechte interesse in design

Het lijkt erop dat veel organisaties design anders aanpakken. Maar auteur Mark Boulton documenteert een grondige ontwerpworkflow in Ontwerpen voor het web die vele uitdagingen de-mystificeert en alles omvat wat u moet weten.

Het unieke aan dit boek is dat het echt over werk gaat. Natuurlijk is er een heleboel enorm waardevolle informatie over best practices voor ontwerpen voor zaken als typografie, kleur en lay-out, maar wat je echt uit dit boek gaat halen, is hoe deze passen in een ontwerpworkflow. Het leert je hoe je onderzoek moet doen, welke technologieën we hebben om ideeën te implementeren en uiteindelijk hoe je met zowel anderen als klanten kunt werken - perfect voer voor mensen, waaronder ontwerpleiders, projectmanagers, freelancers of iedereen die betrokken is bij het projectopleveringsproces .

Leer versiebeheer met Git door toren

  • Perfect voor: Git beheersen
  • Leerniveau: Alle niveaus welkom
  • Vereist: Helemaal geen voorkennis

In dit boek, het team achter de populaire Tower-client voor Git laat leerlingen kennismaken met de kern van het versiebeheersysteem met behulp van Git. Vooral ontwikkelaars die in teams werken, zullen dit erg handig vinden, omdat het helpt bij het effectief samenwerken met teamleden die verschillende functies van een project bouwen, zelfs als je duizenden kilometers van elkaar verwijderd bent. Dat gezegd hebbende, het is nog steeds echt geweldig voor iedereen die misschien verlegen is voor de opdrachtregel en daar vertrouwen wil opbouwen.

En aangezien het boek van de maker is van een applicatie die samenwerkt met Git, krijg je naast het direct werken op de opdrachtregel een flinke dosis Tower als GUI.

Dus of het nu gaat om committen, vertakkingen, mergen, pull-verzoeken, forking-werk of het afhandelen van merge-conflicten, je zult heel veel uit dit boek halen.

Boeken over JavaScript

JavaScript leren lijkt altijd in zwang te zijn. In werkelijkheid, Jason Rodriguez schreef in 2018 over het JavaScript-leerlandschap en zorgde voor een mooie lijst met gratis boeken. Sindsdien is er niet veel meer bijgekomen, maar hier zijn mijn gedachten over de volgende boeken.

Welsprekend JavaScript door Marijn Haverbeke

  • Perfect voor: Beter worden in het schrijven van JavaScript
  • Leerniveau: Intermediaire tot ervaren ontwikkelaars
  • vereist: Eerdere JavaScript-ervaring

Welsprekend JavaScript doet zijn naam echt eer aan. Persoonlijk beschouw ik dit als een van de best geschreven JavaScript-boeken die ik ooit ben tegengekomen. Marjins schrijfstijl is boeiend, vooral door de manier waarop hij programmeerconcepten introduceert en de lezer meeneemt. In zijn woorden, het boek gaat gewoon over: computers instrueren en ze laten doen wat jij wilt dat ze doen.

Het boek is een diepe duik in JavaScript, verdeeld over drie delen en 21 hoofdstukken. Je gaat een heleboel lezen over basisprogrammeerconcepten, zoals waarden, typen, operators en functies, tot geavanceerde concepten zoals reguliere expressies, modules, de DOM en asynchrone programmering. Hij begint elk hoofdstuk met een ietwat filosofische quote om de lezer voor te bereiden op wat komen gaat en duikt dan meteen in het onderwerp.

Bovendien zijn er drie projecten om u te helpen uw nieuwe vaardigheden te oefenen.

JavaScript-beloften begrijpen door Nicholas C. Zakasi

  • Perfect voor: Degenen die alles willen leren over asynchroon programmeren met beloften in JavaScript.
  • Leerniveau: Gemiddeld
  • vereist: Basis JavaScript-koteletten

JavaScript-beloftes werden in 2015 geïntroduceerd als onderdeel van de ES6-specificatie om asynchrone functies in JavaScript af te handelen. Volgens MDN:

Een belofte is een object dat de uiteindelijke voltooiing of mislukking van een asynchrone bewerking vertegenwoordigt

In dit 51 pagina's tellende boek legt Nicholas het concept van Beloften uit in drie hoofdstukken: Basisprincipes, Beloftes koppelen en Werken met meerdere beloften. Hoewel de link naar het boek dat we aanbieden is de gratis communityversie, de volledige versie (beschikbaar op Amazon) heeft nog twee hoofdstukken over Async Functions en Unhandled Rejection Tracking. Nicholas vereenvoudigde het concept van Promises met verschillende illustraties en voorbeelden. Je leert hoe je then(), catch() en finally() en begrijp hoe u meerdere beloften aan elkaar kunt koppelen. Nicholas behandelt ook de toewijzing van afwijzings- en afwikkelingsbehandelaars. Misschien wilt u het boek een keer lezen om uw begrip van het onderwerp te verstevigen.

Nicholas is een ervaren auteur van JavaScript-boeken die al meer dan 15 jaar over JavaScript schrijft. Hij brengt zijn schat aan ervaring in dit boek (net zoals hij heeft gedaan) zijn werk hier bij CSS-Tricks).

JavaScript spreken door Alex Rauschmayer

  • Perfect voor: Nivellering vanaf het begin van JavaScript
  • Leerniveau: Gemiddeld
  • Vereist: Kennis van objectgeoriënteerd programmeren

Dit boek wordt gepresenteerd in vier hoofdstukken die meer dan 30 onderwerpen behandelen. Hier is hoe het uiteenvalt:

  1. Het eerste hoofdstuk is een leuke opfriscursus over syntaxis, typen variabelen, functies en het afhandelen van uitzonderingen.
  2. Het tweede hoofdstuk biedt een historisch perspectief op JavaScript als een opmaat voor de soorten functies die in de rest van het boek worden behandeld.
  3. Hoofdstuk 3 wordt gepresenteerd als min of meer een naslagwerk met korte, duidelijke voorbeelden.
  4. Het laatste hoofdstuk schetst tips, hulpmiddelen en bibliotheken om beter JavaScript te schrijven en best practices te volgen.

Geheimen van de JavaScript-ninja door John Resig en Bear Bibeault

  • Perfect voor: Een JavaScript-bibliotheek voor meerdere browsers vanaf het begin maken
  • Leerniveau: Gemiddeld
  • Vereist: Enige eerdere programmeerervaring

Er is eigenlijk een nieuwere editie van dit boek, Maar de editie van 2012 is degene die gratis is. Hoe dan ook, het is een goede gelegenheid om van John Resig te leren; je weet wel, de man die aangemaakt jQuery.

De technieken die hier worden behandeld, zijn onder meer sluitingen, functies, de DOM, objectoriëntatie met prototypes en strategieën voor meerdere browsers. Een leuk extraatje is dat elk hoofdstuk wordt gevolgd door een korte samenvatting die perfect is als referentie zodra je het boek uit hebt.

JavaScript-ontwerppatronen leren door Addy Osmani

  • Perfect voor: Efficiënter JavaScript leren schrijven
  • Leerniveau: Gemiddeld
  • Vereist: Een behoorlijk niveau van JavaScript-ervaring

Het concept van ontwerppatroon verwijst naar een herbruikbare oplossing voor een vaak terugkerend probleem bij de ontwikkeling van applicaties. In dit boek behandelt Addy Osmani de implementatie van veelvoorkomende ontwerppatronen met ES6 en hoger, evenals React-specifieke ontwerppatronen, die superhandig kunnen zijn bij het werken aan complexe React-apps waar onderhoudbaarheid een primair doel is.

Enkele van de patronen die worden behandeld, zijn Singleton-, Proxy-, Provider-, Prototype- en Observer-patronen. In sommige gevallen bevat Addy voor- en nadelen van het gebruik van sommige van deze patronen en hoe deze de prestaties van uw toepassing kunnen beïnvloeden.

Je kent JS niet door Kyle Simpson

  • Perfect voor: JavaScript beheersen
  • Leerniveau: Beginner
  • Vereist: Weinig of geen eerdere programmeerervaring

Hoewel de titel misschien een beetje provocerend is, impliceert Kyle hier dat hij dit boek schrijft in de veronderstelling dat je geen enkele eerdere JavaScript-ervaring hebt.

Kyle begint met het doornemen van de beginselen van programmeren zoals gezien door de lens van JavaScript. Vervolgens introduceert hij in volgende hoofdstukken meer geavanceerde concepten zoals reikwijdte en afsluiting, de this trefwoord, objectprototypes, async, en prestaties.

Er staan ​​hier veel uitstekende details en uitleg, en Kyle maakt het supergemakkelijk te begrijpen door supertechnisch jargon te vermijden. Er zijn ook veel oefeningen die zijn ontworpen om uw leerproces te versterken. Dit boek zal je zeker op weg helpen met JavaScript. Er is een tweede editie van het boek in de maak die u kunt volgen in GitHub.

Het JavaScript-beginnershandboek door Flavio Copes

  • Perfect voor: Een referentie voor beginners
  • Leerniveau: Net begonnen
  • vereist: Aanmelden via e-mail, misschien wat eerdere ervaring

Flavio heeft een zeer nuttige JavaScript-referentie samengesteld voor degenen die net beginnen. Het is meer een beknopte naslaggids dan een leerboek, dus degenen onder u die net beginnen, willen dit misschien beschouwen als iets dat u op uw bureau bewaart in plaats van iets waar u voor lange tijd mee zit.

JavaScript voor gegevenswetenschap door Gans, Hodges & Wilson

  • Perfect voor: Aan de slag met datavisualisaties
  • Leerniveau: Gemiddeld tot gevorderd
  • vereist: Een fatsoenlijke greep op JavaScript

De auteurs behandelen de kernfuncties van modern JavScript, waaronder callbacks, beloften, overerving, objecten en klassen. Ze gaan ook testen met behulp van Mocha, React en datavisualisatie, allemaal geweldig voor iedereen die zijn code wil verbeteren en hoe deze is geschreven. Het boek gaat niet zo diep in op veel concepten als sommige andere boeken, maar het schittert echt als het in datawetenschap komt.

Het boek maakt gebruik van Data-Forge; een JavaScript-bibliotheek die is ontworpen voor het werken met tabelgegevens. Er zijn tal van oefeningen om de lezers op de hoogte te houden van het onderwerp van de discussie. Het laatste hoofdstuk bevat ook een sluitstukproject dat alles samenbrengt.

Afsluiten

Ik hoop echt dat deze verzameling boeken je helpt, of je nu je eerste stappen zet in front-end webontwikkeling, een tiental jaar achter de rug hebt, of je valt er ergens tussenin. Ik weet hoe moeilijk het is om voor het eerst in iets nieuws te komen en het gevoel niet te weten waar ik moet zoeken. Ik weet ook hoe het voelt om een ​​plateau te bereiken en iets nodig te hebben om me te verbeteren. Er moet hier voor elk wat wils zijn, ongeacht waar je je bevindt in je leertraject.

En hey, als je nog andere boeken hebt die je gratis online kunt kopen, deel ze dan alsjeblieft in de reacties! Ik wed dat we een nog grotere lijst kunnen krijgen.

web design

spot_img

Laatste intelligentie

spot_img