Kodierung für Dummies Cheat Sheet - Dummies

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.