Hvad er sprog i frontend?

Frontend er det afsnit på webstedet, som du straks kan se og kommunikere med for at få systemets backend-kapacitet, hvilket betyder, at brugeren kan se og opleve alt. I årenes løb har rollen som en webdesigner dramatisk ændret sig, men dens kernefunktioner forbliver de samme. Frontend beskæftiger sig med alle de fløjter og klokker, du ser på webstedet, inklusive de farverige fotos, navigationsmenuer, prangende knapper osv. En frontend kaldes også "klientsiden", fordi denne handling finder sted på kundesiden, som er brugeren I dette tilfælde. Koden håndteres ikke af en webudvikler. I virkeligheden dækker det alle aspekter af omdesign og bygning af websteder, som er visuelt attraktive og brugervenlige. Rollen som en front-end-udvikler er for brugeren at skabe et miljø med en kombination af forskellige værktøjer, herunder såsom JavaScript, HyperText-markeringssprog og CSS.
Nu går vi videre med sprog i frontend

Forskellige typer sprog i frontend

Følgende er de forskellige typer front-sprog, som er som følger:

1. HTML-sprog

Hypertext Markup Language vi normalt kaldte HTML. HTML bruges til at oprette digitale poster på Internettet. Et antal links til andre websteder findes på hver side. Hver webside, du ser på Internettet, offentliggøres i en eller anden HTML-variant. HTML-kode sikrer, at billeder og tekst er korrekt formateret, så din internetbrowser kan vise dem at se efter. Uden HTML ville en browser ikke være i stand til at vise tekst som elementer eller indlæse billeder. HTML giver også en grundlæggende sidestruktur, hvor cascaderende stilark overlejres for at ændre deres udseende. Et websted er et dokument, der generelt er skrevet i HTML og oversat via en webbrowser. Ved at indtaste en URL kan du identificere en webside. Den statiske eller dynamiske type webside kan være. Vi kan generere statiske websider ved hjælp af HTML. Vi vil se attributterne i HTML såsom dokumenter, tags, knapper, lister osv.

Alle HTML-dokumenter skal starte med en dokumenttypedeklaration:

HTML-dokumentet starter fra og slutter med. Den del, som vi vil vise på webstedet, er deklareret i HTML-dokumentet er mellem og. I HTML defineres overskrifter ved hjælp af

til

tags. Hvor

repræsenterer største overskrift og

repræsenterer den mindste overskrift.

Dette er på vej mod h1


Dette er på vej mod h2


Dette er på vej mod h6

HTML-links er defineret med tagget

Eksempel

Dette er et link til educba-webstedet
I HTML defineres billeder med tag.

Attributter til redigering af billeder er som følger

  • Kildefilen (src)
  • alternativ tekst (alt)
  • bredde
  • højde

Eksempel

Du kan se dette lille eksempel på, hvordan Html-kode ser ud

Eksempel

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

HTML første side

2. Java-script sprog

JavaScript er et programmeringssprog. Det er let og bruges hyppigst som en del af internetsider, hvis implementeringer gør det muligt for scripting fra klientsiden at kommunikere med og oprette dynamiske websteder. JavaScript blev først navngivet LiveScript, men det var sandsynligvis på grund af den entusiasme, Java oprettede, at Netscape ændrer sit navn til JavaScript. JavaScript blev første gang vist i 1995 med LiveScript-navnet i Netscape 2.0. HyperText Transportation Protocol, eller HTTP, er designet til at overføre HTML-tekst gennem et netværk til visning, nøjagtigt som det kaldes. Det er dog fuldstændig statisk med HTML og giver ikke mulighed for at implementere logik. Hvis computeren kører JavaScript, skilles browseren fra. JavaScript-sandkasse bruges som en ekstra sikkerhedsforanstaltning af browsere som Chrome og Edge. JavaScript er ikke i stand til at skrive eller læse fra en harddisk eller andre computertilsluttede lagerenheder.

Du kan se dette lille eksempel på, hvordan JavaScript-kode ser ud.

Eksempel



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA kan gøre din fremtid lys.

Klik på mig!

3. C ++ Sprog

C ++ er et af de bedste frontend programmeringssprog. C ++ er udviklet af Bjarne Stroustrup. Dette sprog er også kendt for udvidelsen af ​​C, dvs. den næste version af C ++ sprog. C ++ bruges til mange formål som spiludvikling, applikationsudvikling, operativsystem, animation osv. Dette sprog er let at lære. Denne funktion ved C ++ gør den populær på markedet. C ++ er det grundlæggende sprog for alle sprog. C ++ sprog har et rigt sæt biblioteker.

Eksempel

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

Eksempel til udskrivning af stjernemønster i en diamantform

#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-sprog

CSS står for de cascaderende stilark. Du kan kontrollere farve, søjlestørrelse og farvedesign, afsnitafstand, skrifttype, baggrundsbilleder eller farver, layoutdesign og visningsvariationer af forskellige enheder, skærmstørrelser eller andre effekter ved hjælp af CSS. CSS er let at kende og forstå, men det kontrollerer præsentationen af ​​HTML-dokumenter. CSS er normalt parret med HTML- eller XHTML-markeringssprog. Du behøver ikke HTML-tagegenskaber for at skrive hver gang, hvis du bruger CSS. Skriv blot en CSS-tagregel og brug den til alle hændelser i tagget. Gennem mindre kode er downloadtider hurtigere. For mere end en enhedstype tillader stilark indholdsoptimering. Forskellige webstedsversioner til håndholdte enheder, såsom PDA'er, mobiltelefoner eller til udskrivning, kan præsenteres med det samme HTML-dokument.

Du kan se dette lille eksempel på, hvordan CSS-kode ser ud

Eksempel



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

EDUCBA



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

EDUCBA



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

EDUCBA

Hallo, er du der?

Du kan placere dine CSS-regler i et HTML-dokument ved hjælp af elementet. Dette mærke er placeret i … -mærkerne. Regler defineret ved hjælp af denne syntaks anvendes til alle de elementer, der er tilgængelige i dokumentet.

Syntaks er som følger




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

Velkommen til EDUCBA

Konklusion

I denne artikel har vi set forskellige typer af frontendsprog sammen med deres syntaks og eksempler. Hvilket vil hjælpe dig med at forstå bedre og vil være meget praktisk at gennemgå disse emner.

Anbefalede artikler

Dette har været en guide til Front End-sprog. Her har vi drøftet, hvad der er Front End-sprog? forskellige typer front-end sprog sammen med prøvekode. Du kan også gennemgå vores andre foreslåede artikler for at lære mere -

  1. Spørgsmål om Front Interview-udviklere
  2. Hvad er CSS?
  3. Ultimate Cheatsheet til C ++ programmeringssprog
  4. Hvad er HTML

Kategori:

Webudviklingsværktøjer