Was ist die Front-End-Sprache?

Das Frontend ist der Bereich der Website, den Sie sofort sehen und mit dem Sie kommunizieren können, um System-Backend-Kapazitäten zu erhalten, mit denen der Benutzer alles sehen und erleben kann. Im Laufe der Jahre hat sich die Rolle eines Webdesigners dramatisch verändert, aber seine Kernfunktionen bleiben unverändert. Das Frontend behandelt alle Pfeifen und Glocken, die Sie auf der Website sehen, einschließlich der farbenfrohen Fotos, Navigationsmenüs, auffälligen Schaltflächen usw. Ein Frontend wird auch als "clientseitig" bezeichnet, da diese Aktion auf der Kundenseite stattfindet, die der Benutzer ist in diesem Fall. Der Code wird nicht von einem Webentwickler verarbeitet. In Wirklichkeit werden alle Aspekte der Neugestaltung und Erstellung von Websites abgedeckt, die visuell attraktiv und benutzerfreundlich sind. Die Rolle eines Front-End-Entwicklers besteht darin, dass der Benutzer eine Umgebung mit einer Kombination verschiedener Tools erstellt, darunter JavaScript, HyperText Markup Language und CSS.
Jetzt werden wir mit der Front-End-Sprache weitermachen

Verschiedene Arten der Front-End-Sprache

Im Folgenden sind die verschiedenen Arten der Front-End-Sprache aufgeführt:

1. HTML-Sprache

Hypertext Markup Language, die wir normalerweise als HTML bezeichnen. HTML wird zum Erstellen digitaler Aufzeichnungen im World Wide Web verwendet. Auf jeder Seite finden Sie eine Reihe von Links zu anderen Websites. Jede Webseite, die Sie im Internet anzeigen, wird in der einen oder anderen HTML-Variante veröffentlicht. HTML-Code stellt sicher, dass die Bilder und der Text richtig formatiert sind, damit Ihr Internetbrowser sie anzeigen kann, um danach zu suchen. Ohne HTML wäre ein Browser nicht in der Lage, Text als Elemente anzuzeigen oder Bilder zu laden. HTML bietet auch eine grundlegende Seitenstruktur, in der Cascading Style Sheets eingeblendet werden, um ihr Erscheinungsbild zu ändern. Eine Website ist ein Dokument, das im Allgemeinen in HTML geschrieben und über einen Webbrowser übersetzt wird. Durch Eingabe einer URL können Sie eine Webseite identifizieren. Die statische oder dynamische Art der Webseite kann sein. Wir können statische Webseiten mithilfe von HTML generieren. Wir werden die Attribute in HTML sehen, wie Dokumente, Tags, Schaltflächen, Listen usw.

Alle HTML-Dokumente müssen mit einer Dokumenttypdeklaration beginnen:

Das HTML-Dokument beginnt und endet mit. Der Teil, den wir auf der Website anzeigen wollen, ist im HTML-Dokument zwischen und deklariert. In HTML werden Überschriften mit definiert

zu

Stichworte. Wo

steht für die größte Überschrift und

steht für die kleinste Überschrift.

Dies geht mit h1 voran


Dies geht mit h2 voran


Dies geht mit h6 voran

HTML-Links werden mit dem Tag definiert

Beispiel

Dies ist ein Link zur educba-Website
In HTML werden Bilder mit definiert Etikett.

Die Attribute zum Bearbeiten von Bildern lauten wie folgt

  • Die Quelldatei (src)
  • Alternativtext (alt)
  • Breite
  • Höhe

Beispiel

Sie können dieses kleine Beispiel sehen, wie HTML-Code aussieht

Beispiel

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

HTML Erste Seite

2. Java Script Sprache

JavaScript ist eine Programmiersprache. Es ist leichtgewichtig und wird am häufigsten als Teil von Internetseiten verwendet, deren Implementierungen clientseitiges Scripting ermöglichen, mit dynamischen Websites zu kommunizieren und diese zu erstellen. JavaScript wurde zuerst als LiveScript bezeichnet, aber wahrscheinlich wurde der Name von Netscape aufgrund der Begeisterung von Java in JavaScript geändert. JavaScript wurde erstmals 1995 mit dem Namen LiveScript in Netscape 2.0 angezeigt. Das HyperText Transportation Protocol (HTTP) dient zum Übertragen von HTML-Text durch ein Netzwerk zum Anzeigen, genau wie es genannt wird. Es ist jedoch mit HTML vollständig statisch und bietet nicht die Möglichkeit, Logik zu implementieren. Wenn auf dem Computer JavaScript ausgeführt wird, ist der Browser getrennt. JavaScript-Sandbox wird von Browsern wie Chrome und Edge als zusätzliche Sicherheitsmaßnahme verwendet. JavaScript kann nicht von einer Festplatte oder anderen mit einem Computer verbundenen Speichergeräten schreiben oder lesen.

Sie können dieses kleine Beispiel sehen, wie JavaScript-Code aussieht.

Beispiel



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA kann Ihre Zukunft hell machen.

Klick mich!

3. C ++ - Sprache

C ++ ist eine der besten Front-End-Programmiersprachen. C ++ wird von Bjarne Stroustrup entwickelt. Diese Sprache ist auch bekannt für die Erweiterung von C, dh die nächste Version von C ++. C ++ wird für viele Zwecke wie Spieleentwicklung, Anwendungsentwicklung, Betriebssystem, Animation usw. verwendet. Diese Sprache ist leicht zu erlernen. Diese Funktion von C ++ macht es auf dem Markt beliebt. C ++ ist die Basissprache für alle Sprachen. Die C ++ - Sprache verfügt über eine Vielzahl von Bibliotheken.

Beispiel

Program to display “Hello World”
#include
Using namespace std;
Int main()
(
Cout<<”Hello, World!”;
Return 0;
)

Beispiel zum Drucken eines Sternmusters in Rautenform

#include
using namespace std;
int main()
(
int n, s, i, j;
cout << "Enter number of rows: ";
cin >> n;
for(i = 0; i <= n; i++)
(
for(s = n; s > i; s--)
cout << " ";
for(j=0; j cout << "* ";
cout << "\n";
)
for(i = 1; i < n; i++)
(
for(s = 0; s < i; s++)
cout << " ";
for(j = n; j > i; j--)
cout << "* ";
// ending line after each row
cout << "\n";
)
return 0;
) #include
using namespace std;
int main()
(
int n, s, i, j;
cout << "Enter number of rows: ";
cin >> n;
for(i = 0; i <= n; i++)
(
for(s = n; s > i; s--)
cout << " ";
for(j=0; j cout << "* ";
cout << "\n";
)
for(i = 1; i < n; i++)
(
for(s = 0; s < i; s++)
cout << " ";
for(j = n; j > i; j--)
cout << "* ";
// ending line after each row
cout << "\n";
)
return 0;
)

4. CSS-Sprache

CSS steht für Cascading Style Sheets. Mithilfe von CSS können Sie die Farbe, Spaltengröße und Farbgestaltung, den Absatzabstand, den Schriftstil, Hintergrundbilder oder -farben, Layoutdesigns und Anzeigevariationen verschiedener Geräte, Bildschirmgrößen oder andere Effekte steuern. CSS ist einfach zu kennen und zu verstehen, steuert jedoch die Darstellung von HTML-Dokumenten. CSS wird normalerweise mit HTML- oder XHTML-Auszeichnungssprachen gepaart. Sie benötigen keine HTML-Tag-Eigenschaften, um jedes Mal zu schreiben, wenn Sie CSS verwenden. Schreiben Sie einfach eine CSS-Tag-Regel und verwenden Sie sie für alle Ereignisse des Tags. Durch weniger Code werden die Downloadzeiten verkürzt. Bei mehr als einem Gerätetyp ermöglichen Stylesheets die Inhaltsoptimierung. Verschiedene Website-Versionen für Handheld-Geräte wie PDAs, Mobiltelefone oder zum Drucken können mit demselben HTML-Dokument dargestellt werden.

Sie können dieses kleine Beispiel sehen, wie CSS-Code aussieht

Beispiel



.center (
text-align: center;
color: red;
)

EDUCBA



.center (
text-align: center;
color: red;
)

EDUCBA



.center (
text-align: center;
color: red;
)

EDUCBA

Hallo bist du da?

Mit dem Element können Sie Ihre CSS-Regeln in ein HTML-Dokument einfügen. Dieses Tag wird in die Tags… eingefügt. Regeln, die mit dieser Syntax definiert wurden, werden auf alle im Dokument verfügbaren Elemente angewendet.

Die Syntax lautet wie folgt




body (
background-color: white;
)
h1 (
color: green;
margin-left: 30px;
)

Educba




body (
background-color: white;
)
h1 (
color: green;
margin-left: 30px;
)

Educba




body (
background-color: white;
)
h1 (
color: green;
margin-left: 30px;
)

Educba

Willkommen bei EDUCBA

Fazit

In diesem Artikel haben wir verschiedene Arten von Front-End-Sprachen zusammen mit ihrer Syntax und Beispielen gesehen. Dies wird Ihnen helfen, diese Themen besser zu verstehen und ist sehr praktisch.

Empfohlene Artikel

Dies war ein Leitfaden für Front-End-Sprachen. Hier haben wir besprochen, was Front-End-Sprachen ist? verschiedene Arten von Front-End-Sprachen zusammen mit Beispielcode. Sie können auch unsere anderen Artikelvorschläge durchgehen, um mehr zu erfahren -

  1. Fragen in Vorstellungsgesprächen für Front-End-Entwickler
  2. Was ist CSS?
  3. Ultimatives Cheatsheet für die Programmiersprache C ++
  4. Was ist HTML?

Kategorie:

Web-Entwicklungstools