Share
Web-Entwicklung kann oft äußerst verblüffend sein. Heute möchte ich Sie an Anfänger mit 26 Konzepten oder Technologien vorstellen, die jeweils einem Buchstaben des Alphabets entsprechen. Klingt komisch? Es ist wahrscheinlich! Lass uns nach dem Sprung loslegen.
Erneut veröffentlichtes TutorialAlle paar Wochen besuchen wir einige der Lieblingsbeiträge unserer Leser aus der gesamten Geschichte der Website. Dieses Tutorial wurde erstmals im März 2011 veröffentlicht.
AJAX steht für Asynchronous JavaScript And XML und ist die wichtigste treibende Kraft hinter all den reibungslosen Webanwendungen, die Sie in den letzten Jahren verwendet haben.
AJAX war als Technologie fast alles durchdringend. GMail? Prüfen. Flickr? Prüfen. Ebay? Prüfen. Sie finden es sogar in WordPress 'Administrationsbereich. Was genau macht es und wie macht es es??
Im Zentrum von allem steht XMLHttpRequest, mit dem Anrufe gesendet und empfangen werden können, nach dem Eine Seite wurde vollständig gerendert, ohne den Rest der Seite zu berühren. Dies bedeutet im Wesentlichen, dass eine Webanwendung nicht für jede Aktion eine vollständige Seitenaktualisierung durchlaufen muss. Dies wiederum sorgt für ein viel glatteres, sehr eindringliches Desktop-ähnliches Benutzererlebnis.
Verwandte Lesung
Ein Browser ist die unauffällige Struktur, in die Sie Ihre großartigen Meisterwerke einrahmen, sei es Websites oder Anwendungen. Sie sind jedoch nicht auf das Abrufen von Websites beschränkt - moderne Webbrowser sind durchaus Multitasking-Bestien. Meine Installation greift zum Beispiel auf IRC, FTPs auf meine Entwicklungsserver zurück und synchronisiert meine Anmeldeinformationen über jedes von mir verwendete Gerät.
Wie Sie vielleicht bereits vermutet haben, sind Browser gleichzeitig Anlass für viel Aufregung und Wut gegenüber dem modernen Webentwickler - sie sind unschätzbare Tools sowie nervige Bestien. Jeder Entwickler, der sicherstellen muss, dass seine Arbeit aussehen muss perfekt im jeden Browser wird den Schmerz erkennen.
Verwandte Lesung
CSS ist ein wichtiger Aspekt des Dreizack-Frontends. CSS (Cascading Style Sheets) ist die Sprache, mit der Sie festlegen, wie eine Seite angezeigt wird - wenn Sie möchten, wird sie dargestellt.
Während der Horrortage der Webentwicklung wendeten Entwickler häufig den Präsentationscode in ihren Quelltext ein. CSS hat dies unter anderem durch die Bereitstellung einer Methode zur Ablösung der Präsentation vom Inhalt erheblich gemindert.
Verwandte Lesung
Das DOM, eine Abkürzung für Document Object Model, ist die akzeptierte Konvention für die Interaktion mit HTML- [oder XML] -Dokumenten. Die DOM-API bietet eine Möglichkeit, ein Dokument programmgesteuert zu durchlaufen und zu bearbeiten.
Das DOM erstellt eine Hierarchie, die der Struktur des analysierten HTML-Dokuments entspricht. Die Kinder werden als Knoten oder DOM-Knoten bezeichnet.
Wenn Sie hören, dass jemand über das DOM spricht, besteht die Chance, dass er über das DOM-Scripting spricht. Mit diesem Begriff wird programmgesteuert der Zugriff auf das DOM und dessen Manipulation über JavaScript beschrieben. Dies ist die Technologie hinter den meisten modernen Websites und Anwendungen, die Sie heute sehen.
Verwandte Lesung
Moderne Webanwendungen sind stark ereignisgesteuert. Aber was ist eine Veranstaltung? Die meisten Dinge, die Sie auf einer Webseite tun, bilden eine Veranstaltung. Der unauffällige Mauszeiger über einem witzigen, aber möglicherweise NSFW-Link, das Klicken auf eine Schaltfläche und das Drücken der Tabulatortaste, um zum nächsten Textfeld zu gelangen, sind alle gültigen Ereignisse.
Ereignisbehandlung bezieht sich auf den Prozess, bei dem wir einen bestimmten Code-Code anhängen, der ausgeführt wird, wenn ein bestimmtes Ereignis ausgelöst wird. Auch dies ist eines der grundlegenden Konzepte der modernen Webentwicklung, die Sie beherrschen müssen.
Verwandte Lesung
Jeder Handwerker braucht sein Werkzeug, um effizient zu arbeiten. Webentwickler weichen nicht von dieser Regel ab. Eines der robustesten Tools ist Firebug.
Firebug ist eine Firefox-Erweiterung, die Ihren Workflow beschleunigt. Sie können jeden Aspekt einer Seite schnell bearbeiten und überwachen. Ich kann nicht alle Funktionen erklären, die es bietet, also stellen Sie sicher, dass Sie die untenstehenden Links anklicken.
Verwandte Lesung
Raster sind die visuellen Rahmen, auf denen Seiten strukturiert sind. Die Netze, die von der einst aufkeimenden Druckindustrie übernommen wurden, sind ein wesentlicher Bestandteil des modernen Webentwicklungsworkflows.
Es gibt eine Reihe von CSS-Frameworks, die genau diesen Bedarf abdecken, da das Erstellen eines gitterbasierten Layouts für eine nicht unbedeutende Anzahl von Seiten und Layouts eine Übung im Masochismus sein kann.
Verwandte Lesung
Wenn Sie das heute lesen, haben Sie wahrscheinlich bereits eine vage Vorstellung davon, was das ist. Wenn Sie in diesen Link hineingelegt wurden, lesen Sie weiter. Willkommen bei Nettuts! Wir schreiben über Webentwicklung, Cookies und Justin Bieber.
HTML steht für HyperText Markup Language, die defacto-Auszeichnungssprache des Webs. Es handelt sich dabei um Webseiten wie Ziegel um Haushalte. HTML besteht aus mehreren Komponenten oder Elementen - Tags, Attributattributen und dem Inhalt der Tags.
Die neueste Version des HTML-Standards HTML5 bringt jetzt eine Reihe neuer Funktionen, die den Workflow rationalisieren und einige Inkompatibilitäten beheben.
Verwandte Lesung
Ahh, Internet Explorer. Der Name ruft sowohl Ehrfurcht als auch Ärger hervor. Einst ein Held, der beeindruckende neue Funktionen auf den Markt brachte und die Branche von Hand vorwärts brachte, ließ er auch den Ball fallen, indem er den Browser stagnierte. Bis heute ist dies auch die Hauptursache für Alopezie bei Frontends-Entwicklern. Die neueste Version des Internet Explorers 9 ist nach einem Jahrzehnt des Angriffs wieder auf dem richtigen Weg in Richtung Innovation.
Wie auch immer Sie zu Internet Explorer stehen, es ist ein wesentlicher und untrennbarer Bestandteil des Webentwicklungsprozesses.
Verwandte Lesung
JavaScript ist das letzte Mitglied des wesentlichen Webentwicklungstrios. JavaScript, das NICHT Java ist, ist die Skriptsprache des Webs. Seine Verwendung in Milliarden von Webseiten und, was noch wichtiger ist, von Websites, stützt diesen Anspruch. Sie definieren das Verhalten durch JavaScript - Ereignisse verwalten, das DOM bearbeiten und mit dem Server sprechen.
Dank der unglaublichen Akzeptanz von Bibliotheken, wie beispielsweise jQuery, ist die Kenntnis und Kenntnis von JavaScript jedes Jahr und jedes Jahr gewachsen. Ich denke, es ist angebracht zu sagen, dass JavaScript für jeden modernen Webentwickler ein absolutes Muss ist.
Verwandte Lesung
SEO bezieht sich nur tangential auf die Webentwicklung, aber selbst dann ist es für einen Webentwickler wichtig, Grundkenntnisse darüber zu haben, was SEO ist und was es tut.
Bei der Keyword-Optimierung werden die richtigen Keywords für Ihre Website ausgewählt und anschließend optimiert, damit Ihre Zielgruppe Ihre Website finden kann. Während Sie sich mit allen Grundsätzen des SEO beschäftigen, sollten Sie Folgendes beachten: Inhalt ist König. Wenn Sie schlechte Inhalte mit hervorragendem SEO haben, werden Sie von den Benutzern gefunden, die jedoch bald wieder abreisen. Wenn Sie gute Inhalte haben, werden die Benutzer Sie finden und bleiben.
Verwandte Lesung
Less ist eine Stylesheet-Sprache mit ein paar Assen im Ärmel. Ihre Website sagt das LESS erweitert CSS um dynamisches Verhalten wie Variablen, Mixins, Operationen und Funktionen und ich neige dazu, zuzustimmen.
WENIGER ist CSS bei anabolen Steroiden. Ja, es klang besser in meinem Kopf, aber Sie wissen, was es bedeutet. Es bringt die Konzepte einer dynamischen Sprache in CSS ein und macht so die Verwaltung riesiger Stylesheets wesentlich einfacher.
Verwandte Lesung
Das Model-View-Controller-Muster, besser bekannt als MVC, ist eines der am häufigsten in der Web-Entwicklungswelt verwendeten. Hierbei handelt es sich um ein Architekturmuster, das jeden Teil einer Webanwendung in logische Abschnitte unterteilt, um die Wartbarkeit zu verbessern. Modelle behandeln Daten, Ansichten behandeln die Präsentation, während der Controller den Informationsfluss zwischen den beiden Elementen koordiniert.
Wenn Sie ein modernes Webentwicklungs-Framework verwendet haben, haben Sie MVC verwendet. Ruby on Rails, Code Igniter und Zend Framework verwenden dieses Muster.
Verwandte Lesung
Node.JS läutete eine neue Ära der Webentwicklung ein. Es ermöglicht das Ausführen von JavaScript auf einer unglaublich schnellen VM [V8]. Die Konsequenzen eines solchen Paradigmenwechsels sind vielleicht nicht sofort ersichtlich, aber eine Stunde oder so wird es als Tag klar machen.
Unglaubliche Geschwindigkeit sowie die Möglichkeit, tausende von gleichzeitigen E / A-Ereignissen zu verwalten, sind die Hauptaspekte neben der nahezu universellen JavaScript-Entwicklerverwaltung.
Verwandte Lesung
Die objektorientierte Programmierung wurde von der Programmiergemeinschaft weitgehend für die Flexibilität übernommen, die sie dem Tisch bringt. Mit OOP können Sie einige Codezeilen schreiben, DRYer machen und somit die Wartung wesentlich einfacher machen.
Aber was genau ist ein Objekt? Es ist ziemlich schwierig, es in einem einzigen, semantisch in sich abgeschlossenen Satz zu erklären!
Verwandte Lesung
PHP ist eindeutig die am weitesten verbreitete serverseitige Sprache - sie unterstützt Millionen, möglicherweise Milliarden von Webseiten und Anwendungen.
Selbst angesichts einer Reihe von neueren, wohl besseren Möglichkeiten, Webanwendungen zu schreiben, hat PHP nicht nur überlebt, sondern ist auch floriert. WordPress, Joomla, Drupal und MediaWiki verwenden PHP hinter den Kulissen. Einer der Hauptgründe ist die einfache Bereitstellung und die relativ einfache Suche nach Hosts, die PHP unterstützen.
Verwandte Lesung
Eine Abfrage kann in unserem Kontext auf einige Dinge verweisen. Eine Abfragesprache wird verwendet, um mit externen Systemen Informationen abzurufen. SQL ist ein gutes Beispiel, das zum Abrufen von Informationen aus relationalen Datenbanken verwendet wird.
Eine Abfragezeichenfolge hingegen sind Informationsblöcke, die als Teil der URL an die Webanwendung übergeben werden. Diese Daten können alles von der Seite sein, auf die der Benutzer versucht, auf die Berechtigungs-ID einer Transaktion zuzugreifen. Abfragezeichenfolgen werden als Schlüsselwertpaare formatiert.
Verwandte Lesung
Reguläre Ausdrücke bieten eine flexible Möglichkeit, Textfolgen bestimmten Mustern zuzuordnen. Es ist in einer spezifischen Sprache geschrieben, die von einem Parser interpretiert wird. Alle modernen Sprachen werden mit Unterstützung für reguläre Ausdrücke unterstützt.
Verwandte Lesung
Quellcodeverwaltung ist ein Begriff, der in der gesamten Entwicklungsgemeinschaft verbreitet ist, unabhängig von dem Aspekt, auf den sie sich konzentriert - Programmierer, die alles von Bare Metal bis Cloud Computing bearbeiten, verwenden Quellcodeverwaltung.
Aber was ist es? Einfach ausgedrückt: Mit der Quellcodeverwaltung kann ein Team von Entwicklern an derselben Teilmenge von Dateien arbeiten, wobei die Änderungen von jedem Mitglied nachverfolgbar und identifizierbar sind. Jede Version der Codebasis kann verglichen, zusammengeführt oder sogar wiederhergestellt werden.
Verwandte Lesung
Wieder eines der gemeinsamen Elemente bei fast allen Entwicklern. TDD steht für Test Driven Development und bezeichnet den Prozess, bei dem Code und automatisierte Tests zum Testen dieses Codes in der Nähe gleichzeitig geschrieben werden. Dies erspart dem langwierigen Testen von Software viel und ermutigt Entwickler, häufiger zu testen.
Verwandte Lesung
Komponententests sind eine Untermenge von TFF, bei denen kleine Einheiten des Quellcodes getestet werden, um sicherzustellen, dass sie produktionsbereit sind. Während sich eine Einheit in OOP häufig auf eine Methode bezieht, bezieht sie sich im Allgemeinen auf den kleinsten Teil einer Anwendung, der unabhängig getestet werden kann.
Verwandte Lesung
Vim ist ein äußerst polarisierender Texteditor, den der bekanntermaßen hippe Nettuts-Editor Jeffrey Way verwendet. Vim ist kostenlos, Open Source und bietet ein Höchstmaß an Funktionen. Auf der anderen Seite ist die Lernkurve fast unerträglich steil und ohne die richtigen Ressourcen werden Sie für lange Zeit verloren gehen. Klicken Sie auf die Links unten, um zu sehen, ob sich der Wechsel lohnt.
Verwandte Lesung
Anmerkung des Herausgebers: Das Nettuts + Team kann weder bestätigen noch dementieren, dass der Nettuts + Editor "hip" ist.
WordPress begann als minimales Blogging-System, ist aber in seinem jetzigen Zustand beeindruckend erweiterbar. Es ist bis zu dem Punkt erweiterbar, dass es von CMS über E-Commerce-Systeme bis hin zu allem, was dazwischen ist, als Alles verwendet wird.
Es gibt auch eine fast kultige Gruppe von Followern, die sich aus Entwicklern und Designern zusammensetzt, die auf die Plattform schwören und sie zu einer zuverlässigen Plattform machen, auf der sich Ihre kommende Website aufbauen lässt.
Verwandte Lesung
XSS steht für Cross-Site-Scripting. Dies ist einer der möglichen Sicherheitsmechanismen, mit denen Sie beim Erstellen einer Webanwendung konfrontiert werden könnten.
XSS bezieht sich auf das Laden der verwundbaren Website oder Anwendung mit bösartigen Skripts, um erhöhte Berechtigungen oder vertrauliche Informationen zu erhalten, oft beides.
Verwandte Lesung
Die Yahoo User Interface-Bibliothek ist eine JavaScript-Bibliothek, die die Erstellung interaktiver Webanwendungen vereinfacht. Wie die meisten modernen Bibliotheken bietet es Unterstützung für DOM-Manipulation und AJAX.
Obwohl es nicht so bekannt ist wie jQuery, hat YUI immer noch eine nicht triviale Benutzerbasis. und ist aktiv entwickelt.
Verwandte Lesung
Z-Index ist eine CSS-Eigenschaft, die definiert, wie ein Element auf einer Seite gestapelt wird. Es definiert, wie nahe ein Element am oberen Rand des Ansichtsfensters ist. Eine höhere Nummer bedeutet, dass sie über Elementen mit einer niedrigeren Nummer angezeigt wird.
Während diese Eigenschaft relativ spezialisiert sein kann, kommt dies fast sofort zum Tragen, wenn Sie Widgets oder kompliziertere Webdesigns erstellen.
Verwandte Lesung
Und wir sind fertig. Ich hoffe, Sie haben so viel gelesen, wie ich es zusammengestellt habe. Vielen Dank fürs Lesen!
Accentsconagua