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
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
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
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
.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
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 -
- Spørgsmål om Front Interview-udviklere
- Hvad er CSS?
- Ultimate Cheatsheet til C ++ programmeringssprog
- Hvad er HTML