Zuhause Persönliche Finanzen Kodierung für Dummies Cheat Sheet - Dummies

Kodierung für Dummies Cheat Sheet - Dummies

Inhaltsverzeichnis:

Video: Introduction to UTF-8 and Unicode 2025

Video: Introduction to UTF-8 and Unicode 2025
Anonim

Von Nikhil Abraham

Codierung ist zu gleichen Teilen Vokabular, Logik und Syntax. Die Codierung mag zunächst einschüchternd wirken, aber mit Übung ist es leicht, sich mit ihrer Terminologie, ihren Konzepten und ihrer Struktur vertraut zu machen. Das Verständnis von Kodierung ist nicht anders als das Erlernen einer neuen Sprache: Verwenden Sie es oft genug und Sie werden feststellen, dass Sie in der Lage sind, zu sprechen, zu denken und im Code zu schreiben. Trotzdem ist es natürlich für Anfänger, Fragen zu haben. Ihnen stehen viele Codierungsressourcen zur Verfügung, sowohl online als auch offline. Fragen Sie herum und Sie werden feststellen, dass Sie nicht alleine sind - viele andere Menschen lernen. Schließlich ist Codieren eine unendliche Ausbildung. Meistere eine Facette oder eine andere, und eine neue öffnet sich vor dir.

Kodierungsvokabular

Die Kodierung verfügt über ein umfangreiches Vokabular, das Laien als undurchdringliches Techno-Geplapper erscheinen kann. Ganz gleich, ob Sie einen Artikel zum Thema Codierung online lesen oder mit einem Entwickler bei der Arbeit sprechen, Sie werden vielleicht Wörter hören, die Sie zuvor noch nicht gehört haben oder die im Kontext der Codierung eine andere Bedeutung haben. Hier sind einige gängige Vokabeln zu kennen:

  • Allgemeine Webentwicklungsbedingungen:

    • Server: Ein Computer, der den Website-Code hostet und den Website-Code "bedient", wenn er von einem "Client" -Computer angefordert wird. Server befinden sich normalerweise in großen Warehouses mit Tausenden von anderen Servern und sind in Größe und Leistung mit Ihrem Heimcomputer vergleichbar.

    • Client: Ein Gerät, über das auf eine Website zugegriffen wird, einschließlich Desktop- oder Laptop-Computer, Tablets oder Mobiltelefone.

    • Designer: Ein künstlerischer Profi, der entscheidet, wie eine Website aussieht und sich anfühlt, sowie die Art und Weise, wie Nutzer mit der Website interagieren - wie z. B. Klicken, Wischen, Scrollen und so weiter.

    • Drahtmodell: Eine von Designern erstellte Illustration, die die Layouts, Bilder und Farbschemas einer Website im Detail zeigt.

    • Entwickler: Ein Techniker, der Code schreibt, um Wireframes in nutzbare Websites umzuwandeln. Basierend auf dem Typ des geschriebenen Codes werden Entwickler als Front-End, Back-End oder Full-Stack bezeichnet.

    • Frontend: Alles, was Sie sehen und in einem Browser anklicken können. Front-End-Entwickler schreiben Code in Front-End-Sprachen wie HTML, CSS und JavaScript, um das Erscheinungsbild der Website zu erstellen.

    • Back-end: Alles, was hinter den Kulissen passiert, damit das Front-End wie vorgesehen funktioniert. Back-End-Entwickler schreiben Code in Backend-Sprachen wie Ruby oder Python, um Funktionen wie das Anmelden von Benutzern, das Speichern von Benutzereinstellungen und das Abrufen von Daten wie Kommentare auf einem Foto zu erstellen.

  • Begriffe im Zusammenhang mit Front-End-Sprachen:

    • * HTML ( Hypertext-Auszeichnungssprache ): Eine Sprache zum Platzieren von Text, Bildern und anderen Inhalten auf eine Internetseite.

    • HTML-Tag: HTML-Anweisungen, die normalerweise paarweise erscheinen. Browser wenden Spezialeffekte auf Text zwischen einem öffnenden und einem schließenden HTML-Tag an. Das

      -Tag rendert beispielsweise in einem Browser als große fettgedruckte Überschrift und kann wie folgt verwendet werden:

      Dewey schlägt Truman

      .

    • HTML-Attribut: Attribute oder Parameter für HTML-Tags, die das Verhalten des Tags ändern. Attribute werden immer im öffnenden HTML-Tag platziert. Beispiel: href ist das Attribut im folgenden Anker-Tag (zum Erstellen von Hyperlinks):

      Suchmaschine
      
    • CSS ( Cascading Style Sheets): Code, der HTML auf Webseiten ändert und das die Erscheinungsbild des Inhalts durch Ändern der Textgröße, der Bildgröße und anderer Attribute.

    • JavaScript: Code, der Webseiten Interaktivität und Animation hinzufügt. JavaScript erkennt auch Browserereignisse wie Mausklicks, validiert Benutzereingaben wie Texteingaben und ruft Daten von externen Websites ab.

    • Variable: Ein Speicherort, der einen Namen erhält und der numerische Daten oder Text (als Zeichenfolgen bezeichnet) für die spätere Verwendung enthält.

    • If-Anweisung (bedingt): Eine Code-Anweisung, die eine Bedingung testet, die normalerweise Variablen wie x <18 enthält und Code ausführt, den Sie schreiben, wenn die Bedingung wahr ist.

    • Funktion: Ein Name, der einer Gruppe von Programmieranweisungen für eine einfache Bezugnahme und Verwendung gegeben wird.

  • Begriffe im Zusammenhang mit Backend-Sprachen:

    • Ruby: Eine Open-Source-Programmiersprache, die am besten für die Verwendung in der Webprogrammierung bekannt ist.

    • Rails: Ein Framework, das das Erstellen von Webseiten mit Ruby vereinfacht.

    • Python: Eine Open-Source-Programmiersprache, die im Web, in wissenschaftlichen Anwendungen und zur Datenanalyse verwendet wird.

Codierungsreferenzen und -ressourcen

HTML, CSS und JavaScript sind die gebräuchlichsten Front-End-Codierungssprachen. Die folgende Tabelle listet einige Online-Ressourcen, Referenzen und Tutorials auf, die Ihnen helfen, alle drei Sprachen weiter zu üben.

  • W3Schools: Nachschlagewerke für HTML, CSS und JavaScript

  • HTML-Cheat-Sheet: Am häufigsten verwendete HTML-Befehle

  • CSS-Cheat-Sheet: Am häufigsten verwendete CSS-Befehle

  • HTML-Tutorials: Tutorials und Artikel für das Web gepflegt von Google

  • CSS-Tutorials: Tutorials und Artikel für Web-Programmierung, mit Schwerpunkt auf CSS

  • JavaScript-Tutorials: Tutorials und Referenzhandbücher für JavaScript

Codefehler?

Code funktioniert nicht? Hier sind einige häufige Fehler, die auch den erfahrensten Coder stolpern können. Wenn Ihr Code nicht ausgeführt wird, versuchen Sie, diese Prüfliste herunterzulaufen, um festzustellen, ob einer der folgenden Fehler vorliegt:

  • Kein schließendes HTML-Tag nach jedem öffnenden HTML-Tag.

  • Fehlende Klammern in HTML.

  • Fehlende geschweifte Klammern, Doppelpunkte oder Strichpunkte in CSS wie folgt:

    h1 {color: blue;}
    
  • Fehlende geschweifte Klammern in JavaScript, insbesondere für if-Anweisungen.

  • Es wird vergessen, ein Paar schließender Anführungszeichen für jedes offene Anführungszeichen zu haben.

  • Mehr als ein Öffnungs- und Schließtag, Tag oder Tag haben.

  • HTML-Code in die CSS-Datei oder den Abschnitt einfügen und CSS-Code in den HTML-Abschnitt einfügen. Wenn der Code mit Stil und Aussehen zu tun hat, ist es wahrscheinlich CSS.

  • Keine Verknüpfung zu Ihrer CSS-Datei mit dem Tag, und daher werden Ihre CSS-Effekte nicht im Browser gerendert.

  • Ein Teil eines Befehls wird falsch geschrieben, wie in

    , was falsch ist, weil das Attribut src not scr geschrieben ist.

  • Einschließen von Attributen außerhalb des öffnenden HTML-Tags. Beispiel:

    src = "Logo. jpg "ist falsch, da sich das Attribut außerhalb des öffnenden Image-Tags befindet.

Kodierung für Dummies Cheat Sheet - Dummies

Die Wahl des Herausgebers

Web Marketing: Warum Suchmaschinen existieren - Dummies

Web Marketing: Warum Suchmaschinen existieren - Dummies

Wenn Sie verstehen, warum Suchmaschinen existieren, können sie für Sie in Ihrem Web-Marketing-Geschäft arbeiten. Also, hier ist eine kurze Lektion, warum Suchmaschinen existieren und wie Sie sie nutzen können, um Geld zu verdienen. Suchmaschinen liefern Relevanz. Relevanz bedeutet, dass Besucher auf Suchergebnisse klicken und zufrieden sind mit ...

Was sind Tür- und Informationsseiten? - dummies

Was sind Tür- und Informationsseiten? - dummies

Eine Doorway-Seite wird nur als Zugang von einer Suchmaschine zu Ihrer Website erstellt. Doorway-Seiten werden manchmal als Gateway-Seiten und Geisterseiten bezeichnet. Die Idee besteht darin, hoch optimierte Seiten zu erstellen, die von Suchmaschinen aufgenommen und indiziert werden und die mit etwas Glück gut ranken und somit den Traffic auf eine ...

Was ist eine Weiterleitung bei der Suchmaschinenoptimierung? - Dummies

Was ist eine Weiterleitung bei der Suchmaschinenoptimierung? - Dummies

Eine Weiterleitung ist das automatische Laden einer Seite ohne Benutzereingriff. Sie klicken auf einen Link, um eine Webseite in Ihren Browser zu laden, und innerhalb von Sekunden verschwindet die geladene Seite, und eine neue wird angezeigt. Designer erstellen häufig Seiten für Suchmaschinen - optimierte, schlüsselwortreiche Seiten -, die Besucher auf die ...

Die Wahl des Herausgebers

Behandeln Probleme mit dem Kundenservice über Social Media - Dummies

Behandeln Probleme mit dem Kundenservice über Social Media - Dummies

, Wenn Kunden wissen, dass sie direkt mit ein Geschäft in den sozialen Medien, können sie aus einer beliebigen Anzahl von Gründen mit ihnen in Verbindung treten. Aber sobald sie merken, dass ein Problem mit dem Kundenservice oder einer Produktfrage über einen einzigen Tweet oder Beitrag angesprochen werden kann, ist es wahrscheinlicher, dass sie mit dem Unternehmen Geschäfte machen.

Acht Möglichkeiten, Social Media Feedback zu erhalten - Dummies

Acht Möglichkeiten, Social Media Feedback zu erhalten - Dummies

Die heutige Technologie verändert die Art und Weise, wie wir Geschäfte machen blitzschnell. Auch der Social-Media-Handel bewegt sich blitzschnell, aber durch die Beobachtung von Erwähnungen und Fragen an die Community können Sie einen Eindruck davon bekommen, wie Ihr Markt über bevorstehende Veränderungen denkt. Auch andere Posts können Ihnen helfen, kritisches Feedback aus der Öffentlichkeit zusammenzustellen ...

Manage Social Media Commerce mit HootSuite - dummies

Manage Social Media Commerce mit HootSuite - dummies

HootSuite ist ein Social Media Management System zur Umsetzung von Outreach und Überwachung in sozialen Netzwerken über ein einziges webbasiertes Dashboard. Für Unternehmen wird HootSuite am häufigsten von Social-Media-Teams mit mehreren Agenten verwendet, aber auch viele Einzelanwender mögen es. Wenn Sie auf der Suche nach einer robusten Plattform sind, die alles an einem Ort hält, ...

Die Wahl des Herausgebers

Die 5 Kornsterne der Mittelmeer - Dummies

Die 5 Kornsterne der Mittelmeer - Dummies

Die Mittelmeerdiät ist in der Praxis des Habens begründet ein Vollkorn zu jeder Mahlzeit. Und nein, das bedeutet nicht, eine ganze Platte Vollkornspaghetti mit Fleischsauce zum Abendessen zu essen. Stattdessen machen die Menschen im Mittelmeerraum ihr Getreide zur Beilage oder schaffen durch die Zugabe von magerem Eiweiß mehr Gleichgewicht ...

Strebe nach Gesundheit mit 7 bis 10 Portionen Obst und Gemüse - Schnuller

Strebe nach Gesundheit mit 7 bis 10 Portionen Obst und Gemüse - Schnuller

Der Verzehr von sieben bis zehn Portionen Obst und Gemüse pro Tag, wie sie für die mediterrane Ernährung empfohlen werden, mag sehr viel erscheinen, aber es muss keine so große Herausforderung sein. Wenn Sie nicht die Früchte und das Gemüse lieben, die spezifisch mit der Mittelmeerdiät verbunden sind, ist das okay! Essen Sie jede Art von Obst oder Gemüse, die Sie ...

Die gesundheitlichen Vorteile von mediterranen Kräutern und Gewürzen - Dummies

Die gesundheitlichen Vorteile von mediterranen Kräutern und Gewürzen - Dummies

Sie haben vielleicht gedacht, dass der Oregano und Basilikum in Ihrer Spaghetti-Sauce lieferte nur einen deutlichen italienischen oder mediterranen Geschmack, aber diese kleinen Kräuter sind Pflanzen, was bedeutet, dass sie alle Arten von gesundheitlichen Vorteilen haben, die einen großen Einfluss auf Ihre allgemeine Gesundheit haben können. Einfache Gewürze wie Ingwer und Oregano enthalten Phytochemikalien, ...