Share
Webontwikkeling kan vaak een volkomen verwarrende aangelegenheid zijn. Vandaag, gericht op beginners, wil ik je graag kennis laten maken met zesentwintig concepten of technologieën, die elk in kaart worden gebracht op een letter van het alfabet. Klinkt wonky? Dat is het waarschijnlijk! Laten we aan de slag na de sprong.
Opnieuw gepubliceerde zelfstudieOm de paar weken bekijken we enkele van onze favoriete lezers uit de geschiedenis van de site. Deze tutorial werd voor het eerst gepubliceerd in maart 2011.
AJAX staat voor Asynchronous JavaScript en XML en is de belangrijkste drijvende kracht achter al deze supergladde webtoepassingen die u de afgelopen jaren hebt gebruikt.
AJAX, als een technologie, is vrijwel alles doordringend. GMail? Controleren. Flickr? Controleren. eBay? Controleren. U kunt het zelfs vinden in het administratiepaneel van WordPress. Dus wat doet het precies en hoe doet het dat?
Centraal staat de XMLHttpRequest waarmee oproepen kunnen worden verzonden en ontvangen, na een pagina is volledig weergegeven zonder de rest van de pagina aan te raken. Dit betekent in feite dat een webtoepassing niet voor elke actie de verversing van de volledige pagina hoeft te doorlopen. Dit biedt op zijn beurt een veel vloeiendere, veel meeslepende desktop-achtige gebruikerservaring.
Gerelateerd lezen
Een browser is de ingetogen structuur waarop u uw prachtige meesterwerken omlijst, of het nu websites of applicaties zijn. Ze zijn echter niet beperkt tot het ophalen van websites - moderne webbrowsers zijn behoorlijk multitaskingbeesten. Mijn installatie maakt bijvoorbeeld gebruik van IRC, FTP's in mijn ontwikkelingsservers en synchroniseert mijn gegevens op elk apparaat dat ik gebruik.
Zoals je misschien al vermoedde, zijn browsers tegelijkertijd de oorzaak van veel opschudding en woede voor de moderne webontwikkelaar - het zijn onmisbare tools en vervelende beesten. Elke ontwikkelaar die ervoor moet zorgen dat zijn werk eruit moet zien perfect in elk browser zal de pijn kennen.
Gerelateerd lezen
CSS is een van de aspecten van de front-end ontwikkelingstrident. CSS, dat staat voor Cascading Style Sheets, is de taal waarmee u bepaalt hoe een pagina wordt weergegeven - de presentatie, als u dat wilt.
Tijdens de verschrikkingsdagen van webontwikkeling, wikkelden ontwikkelaars de presentatiecode vaak in hun bron. CSS, naast andere technologieën, heeft dit enorm verlicht door een methode te bieden om de presentatie van de inhoud af te splitsen.
Gerelateerd lezen
De DOM, een afkorting van Document Object Model, is de geaccepteerde conventie voor interactie met HTML [of XML] -documenten. De DOM API biedt een manier om een document programmatisch te doorlopen en te manipuleren.
Het DOM maakt een hiërarchie die overeenkomt met de structuur van het geparseerde HTML-document. De kinderen worden knooppunten of DOM-knooppunten genoemd.
Als je iemand hoort praten over de DOM, is de kans groot dat ze het hebben over DOM-scripting. Dit is de term die wordt gebruikt om programmatisch de toegang tot en manipulatie van de DOM via JavaScript te beschrijven. Dit is de technologie achter de meeste moderne websites en applicaties die u vandaag ziet.
Gerelateerd lezen
Moderne webapplicaties zijn diep door gebeurtenissen gestuurde zaken. Maar wat is een evenement? De meeste dingen die u op een webpagina doet, vormen een evenement. De schroomachtige zweef over een grappige maar mogelijk NSFW-link, door op een knop te klikken en op het tabblad te drukken om naar het volgende tekstveld te gaan, zijn alle geldige gebeurtenissen.
Gebeurtenisafhandeling verwijst naar het proces waarbij we een specifiek stuk code koppelen dat moet worden uitgevoerd wanneer een bepaalde gebeurtenis wordt afgevuurd. Nogmaals, dit is een van die fundamentele concepten achter moderne webontwikkeling die je moet beheersen.
Gerelateerd lezen
Elke vakman heeft zijn gereedschap nodig om efficiënt te werken. Webontwikkelaars wijken niet van deze regel af. Een van de meest robuuste tools in de buurt is Firebug.
Firebug is een Firefox-extensie die uw workflow zal stimuleren. Hiermee kunt u elk aspect van een pagina tijdens het werk bewerken en controleren. Ik kan niet alle functies beschrijven die het biedt, dus zorg ervoor dat je op de onderstaande links klikt.
Gerelateerd lezen
Rasters zijn de visuele kaders waarop pagina's zijn gestructureerd. Geport over de ooit ontluikende grafische industrie zijn grids een essentieel onderdeel van de moderne webontwikkelingsworkflow.
Er zijn een aantal CSS-kaders die aan precies deze behoefte voldoen, omdat het bouwen van een op rasters gebaseerde lay-out, voor een niet-triviaal aantal pagina's en lay-outs, een oefening in masochisme kan zijn..
Gerelateerd lezen
Als je dit vandaag leest, heb je waarschijnlijk al een vaag idee wat dit is. Als je echter in deze link bent gesnapt, lees dan verder. Trouwens, welkom bij Nettuts! We schrijven over webontwikkeling, cookies en Justin Bieber.
HTML staat voor HyperText Markup Language, de defacto-opmaaktaal van internet; voor webpagina's zoals bakstenen voor huizen. HTML bestaat uit verschillende componenten of elementen: tags, tagattributen en de inhoud die is ingesloten in de tags.
De nieuwste versie van de HTML-standaard, HTML5, biedt nu een aantal nieuwe functies, waardoor de workflow wordt gestroomlijnd en een paar onverenigbaarheden worden opgelost.
Gerelateerd lezen
Ahh, Internet Explorer. De naam roept zowel ontzag als woede op. Ooit een held die indrukwekkende nieuwe functies op de markt bracht en de industrie alleen maar verder naar voren bracht, maar ook de bal liet vallen door de browser te laten stagneren. Tot op heden is het ook de belangrijkste oorzaak van alopecia bij ontwikkelaars van frontends. Na een decennium van mishandeling is de nieuwste versie van Internet Explorer, 9, wederom op de juiste weg naar innovatie.
Wat je houding ten opzichte van Internet Explorer ook is, het is een intrinsiek en onlosmakelijk onderdeel van het webontwikkelingsproces.
Gerelateerd lezen
JavaScript is het laatste lid van het essentiële trio voor webontwikkeling. JavaScript, dat NIET Java is, is de scripttaal van het web. Het gebruik ervan op miljarden webpagina's en, nog belangrijker, websites die beweren te claimen. U definieert gedrag via JavaScript - het beheren van gebeurtenissen, het manipuleren van de DOM en het praten met de server.
Dankzij de ongelooflijke acceptatie van bibliotheken, zoals jQuery, groeit het bewustzijn en de kennis van JavaScript elk jaar, jaar na jaar. Ik denk dat het gepast is om te zeggen dat JavaScript een absolute must is voor elke moderne webontwikkelaar.
Gerelateerd lezen
SEO heeft alleen betrekking op webontwikkeling, maar zelfs dan is het belangrijk dat een webontwikkelaar basiskennis heeft van wat SEO is en wat het doet.
Optimalisatie van zoekwoorden verwijst naar het proces waarbij de juiste zoekwoorden voor uw website worden gekozen en deze vervolgens worden geoptimaliseerd, zodat uw publiek uw site kan vinden. Terwijl je aan het knabbelen bent met alle principes van SEO, onthoud dit: inhoud is koning. Als je slechte inhoud hebt met uitstekende SEO, zullen gebruikers je vinden maar snel daarna vertrekken. Als u een goede inhoud heeft, zullen gebruikers u vinden en blijven.
Gerelateerd lezen
Minder is een stylesheet-taal met een paar azen uit de mouwen. Hun website staat dat LESS breidt CSS uit met dynamisch gedrag zoals variabelen, mixins, bewerkingen en functies en ik ben geneigd om het daarmee eens te zijn.
MINDER is CSS voor anabole steroïden. Ja, het klonk beter in mijn hoofd, maar je weet wat het betekent. Het brengt de concepten van een dynamische taal naar CSS waardoor gigantische stylesheets een stuk eenvoudiger te beheren zijn.
Gerelateerd lezen
Het Model View Controller-patroon, beter bekend als MVC, is een van de meest gebruikte in de wereld van webontwikkeling. Het is een architecturaal patroon dat elk onderdeel van een webtoepassing scheidt in logische chunks voor betere onderhoudbaarheid - modellen verwerken gegevens, weergaven verwerken presentatie terwijl de controller de informatiestroom coördineert.
Als je een modern framework voor webontwikkeling hebt gebruikt, heb je MVC gebruikt. Ruby on Rails, Code Igniter en Zend Framework maken allemaal gebruik van dit patroon.
Gerelateerd lezen
Node.JS luidde een nieuw tijdperk van webontwikkeling in. Hiermee kan JavaScript op een ongelooflijk snelle VM [V8] worden uitgevoerd. De gevolgen van zo'n paradigmaverschuiving zijn misschien niet meteen duidelijk, maar een uur of zo daarmee zal het als dag duidelijk maken.
Ongelooflijke snelheid en de mogelijkheid om duizenden gelijktijdige IO-evenementen te beheren zijn de belangrijkste gesprekspunten, samen met het bijna universele JavaScript-ontwikkelaarsbestand..
Gerelateerd lezen
Objectgeoriënteerd programmeren is op grote schaal door de programmeergemeenschap overgenomen vanwege de flexibiliteit die het op tafel legt. Met OOP kunt u enkele regels code schrijven, het meer DRYer maken en dus veel gemakkelijker te onderhouden.
Maar wat is precies een object? Het is vrij moeilijk om het uit te leggen in een enkele, semantisch op zichzelf staande zin dus zorg ervoor dat je op de onderstaande links klikt!
Gerelateerd lezen
PHP is onmiskenbaar de meest populaire taal aan de serverkant: het levert miljoenen, mogelijk miljarden webpagina's en applicaties op.
Zelfs in het gezicht van een aantal nieuwere, aantoonbaar betere opties om webtoepassingen te schrijven, heeft PHP niet alleen overleefd maar ook bloeide. WordPress, Joomla, Drupal en MediaWiki gebruiken allemaal PHP achter de schermen. Een van de belangrijkste redenen is het gemak van implementatie en het relatieve gemak waarmee je hosts kunt vinden die PHP ondersteunen.
Gerelateerd lezen
Een vraag, in onze context, kan naar een aantal dingen verwijzen. Een querytaal wordt gebruikt om te communiceren met externe systemen om informatie te verkrijgen. SQL is een goed voorbeeld dat wordt gebruikt om informatie uit relationele databases te verkrijgen.
Een querystring is daarentegen een stuk informatie dat als onderdeel van de URL aan de webtoepassing wordt doorgegeven. Deze gegevens kunnen van alles zijn van de pagina die de gebruiker probeert te openen tot de machtigings-ID van een transactie. Vraagreeksen zijn opgemaakt als sleutelwaardeparen.
Gerelateerd lezen
Reguliere expressies bieden een flexibele manier om tekenreeksen aan specifieke patronen aan te passen. Het is geschreven in een specifieke taal die wordt geïnterpreteerd door een parser. Alle moderne talen worden geleverd met ondersteuning voor reguliere expressies.
Gerelateerd lezen
Bronbeheer is een term die overal in de ontwikkelingsgemeenschap voorkomt, ongeacht het aspect waarop ze zijn gericht - programmeurs die aan alles werken, van bare metal tot cloud computing, gebruiken bronbeheer.
Maar wat is het? Simpel gezegd laat bronbesturing een team van ontwikkelaars werken aan dezelfde subset van bestanden waarvan de wijzigingen door elk lid kunnen worden bijgehouden en geïdentificeerd. Elke versie van de codebasis kan worden vergeleken, samengevoegd of zelfs hersteld.
Gerelateerd lezen
Nogmaals, een van de gemeenschappelijke elementen bij bijna alle ontwikkelaars. TDD staat voor Test Driven Development en verwijst naar het proces waarbij code en geautomatiseerde tests om die code te testen bijna gelijktijdig worden geschreven. Dit neemt een groot deel van de vervelendheid van softwaretests weg en moedigt ontwikkelaars aan om vaker te testen.
Gerelateerd lezen
Unit-testen is een subset van TFF, waarbij kleine eenheden van de broncode worden getest om er zeker van te zijn dat ze klaar zijn voor productie. Hoewel een eenheid vaak verwijst naar een methode in OOP, verwijst deze meestal naar het kleinste deel van een toepassing dat onafhankelijk kan worden getest.
Gerelateerd lezen
Vim is een dieppolariserende teksteditor die de beroemde hippe Nettuts-editor, Jeffrey Way, gebruikt. Vim is gratis, open source en in hoge mate ingepakt. Aan de andere kant is de leercurve bijna ondraaglijk steil en zonder de juiste middelen zul je voor een lange tijd verloren gaan. Klik op de onderstaande links om te zien of het de omschakeling waard is.
Gerelateerd lezen
Opmerking van de uitgever: Het Nettuts + team kan niet bevestigen of ontkennen dat de Nettuts + -editor ... "hip" is.
WordPress begon als een minimaal blogsysteem, maar is in zijn huidige staat indrukwekkend uitbreidbaar. Het is uitbreidbaar tot op het punt dat het wordt gebruikt als alles, van een CMS tot een e-commerce-systeem tot alles daartussenin.
Het heeft ook een bijna cultische groep van volgers, bestaande uit zowel ontwikkelaars als ontwerpers die zweren bij het platform, waardoor het een betrouwbaar platform is waarop je je aankomende website kunt baseren..
Gerelateerd lezen
XSS staat voor Cross-site scripting. Het is een van de mogelijke beveiligingsgrepen waarmee u te maken kunt krijgen bij het maken van een webtoepassing.
XSS verwijst naar het laden van de kwetsbare website of applicatie met kwaadwillende scripts om verhoogde privileges of gevoelige informatie te verkrijgen, vaak beide.
Gerelateerd lezen
Yahoo User Interface-bibliotheek is een JavaScript-bibliotheek die het maken van interactieve webapps vereenvoudigt. Zoals de meeste moderne bibliotheken biedt het ondersteuning voor DOM-manipulatie en AJAX uit de verpakking.
Hoewel niet zo bekend als jQuery, heeft YUI nog steeds een niet-triviale gebruikersgroep. en wordt actief ontwikkeld.
Gerelateerd lezen
Z-Index is een CSS-eigenschap die bepaalt hoe een element op een pagina wordt gestapeld. Het definieert hoe dichtbij een element zich bovenin de viewport bevindt. Een hoger cijfer betekent dat het bovenop elementen met een lager getal verschijnt.
Hoewel deze eigenschap relatief gespecialiseerd kan zijn, komt dit vrijwel meteen in het spel wanneer u widgets of ingewikkeldere webontwerpen aan het bouwen bent.
Gerelateerd lezen
En we zijn klaar. Ik hoop dat je dit net zo goed hebt gelezen als ik dit bij elkaar had gelegd. Heel erg bedankt voor het lezen!
Accentsconagua