Hva er grensespråket?

Frontend er den delen av nettstedet du umiddelbart kan se og kommunisere med for å få systemets backend-kapasiteter, noe som betyr at brukeren kan se og oppleve alt. Gjennom årene har rollen som en webdesigner dramatisk endret seg, men kjernefunksjonene forblir de samme. Frontend tar for seg alle plystringen og klokkene du ser på nettstedet, inkludert fargerike bilder, navigasjonsmenyer, prangende knapper, etc. En frontend kalles også “klientsiden” fordi denne handlingen foregår på kundesiden som er brukeren. i dette tilfellet. Koden håndteres ikke av en nettutvikler. I realiteten dekker det alle aspekter ved å redesigne og bygge nettsteder, som er visuelt attraktive og brukervennlige. Rollen som en front-end-utvikler er at brukeren skal skape et miljø med en kombinasjon av forskjellige verktøy, inkludert JavaScript, HyperText markeringsspråk og CSS.
Nå vil vi komme videre med grensespråket

Ulike typer grensespråk

Følgende er de forskjellige typene frontspråk som er som følger:

1. HTML-språk

Hypertext Markup Language kalte vi vanligvis HTML. HTML brukes til å lage digitale poster på Internett. Et antall lenker til andre nettsteder finnes på hver side. Hver webside du ser på Internett, publiseres i en eller annen HTML-variant. HTML-kode sikrer at bildene og teksten er riktig formatert slik at nettleseren din kan vise dem å se etter. Uten HTML ville en nettleser ikke kunne vise tekst som elementer eller laste inn bilder. HTML gir også en grunnleggende sidestruktur, der cascading stilark legges over for å endre utseendet. Et nettsted er et dokument som vanligvis er skrevet i HTML og oversatt gjennom en nettleser. Ved å oppgi en URL, kan du identifisere en webside. Den statiske eller dynamiske typen nettsider kan være. Vi kan generere statiske websider ved å bruke HTML. Vi vil se attributtene i HTML som dokumenter, tagger, knapper, lister, etc.

Alle HTML-dokumenter må starte med en dokumenttypedeklarasjon:

HTML-dokumentet starter fra og slutter med. Delen vi ønsker å vise på nettstedet er deklarert i HTML-dokumentet er mellom og. I HTML er overskrifter definert ved å bruke

til

tags. Hvor

representerer største overskrift og

representerer minste overskrift.

Dette er på vei med h1


Dette er på vei med h2


Dette er på vei med h6

HTML-koblinger er definert med koden

Eksempel

Dette er en lenke til educba nettsted
I HTML er bilder definert med stikkord.

Attributter for redigering av bilder er som følger

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

Eksempel

Du kan se dette lille eksemplet på hvordan HTML-koden ser ut

Eksempel

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

HTML første side

2. Java-skriftspråk

JavaScript er et programmeringsspråk. Den er lett og brukes ofte som en del av internetsider, der implementeringene gjør det mulig for scripting på klientsiden å kommunisere med og lage dynamiske nettsteder. JavaScript fikk først navnet LiveScript, men det var sannsynligvis på grunn av entusiasmen som Java skapte, at Netscape endret navn til JavaScript. JavaScript dukket opp første gang i 1995 med LiveScript-navnet i Netscape 2.0. HyperText Transportation Protocol, eller HTTP, er designet for å overføre HTML-tekst gjennom et nettverk for visning, akkurat som det kalles. Imidlertid er det fullstendig statisk med HTML og gir ikke muligheten til å implementere logikk. Hvis datamaskinen kjører JavaScript, skilles nettleseren fra. JavaScript-sandkasse brukes som et ekstra sikkerhetstiltak av nettlesere som Chrome og Edge. JavaScript kan ikke skrive eller lese fra en harddisk eller andre datatilkoblede lagringsenheter.

Du kan se dette lille eksemplet på hvordan JavaScript-kode ser ut.

Eksempel



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA kan gjøre fremtiden din lys.

Klikk på meg!

3. C ++ Språk

C ++ er et av de beste programmeringsspråkene foran. C ++ er utviklet av Bjarne Stroustrup. Dette språket er også kjent for utvidelsen av C, dvs. den neste versjonen av C ++ språket. C ++ brukes til mange formål som spillutvikling, applikasjonsutvikling, operativsystem, animasjon, etc. Dette språket er lett å lære. Denne funksjonen i C ++ gjør den populær i markedet. C ++ er det grunnleggende språket for alle språk. C ++ språk har et rikt sett med biblioteker.

Eksempel

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

Eksempel for å trykke 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-språk

CSS-stativer for de overlappende stilarkene. Du kan kontrollere farge, kolonnestørrelse og fargedesign, avsnittavstand, skriftstil, bakgrunnsbilder eller farger, layoutdesign og vise varianter av forskjellige enheter, skjermstørrelser eller andre effekter ved bruk av CSS. CSS er enkel å vite og forstå, men den kontrollerer presentasjonen av HTML-dokumenter. CSS er vanligvis sammenkoblet med HTML eller XHTML markeringsspråk. Du trenger ikke HTML-tagegenskaper for å skrive hver gang du bruker CSS. Bare skriv en CSS-taggeregel og bruk den til alle hendelser i taggen. Gjennom mindre kode er nedlastingstidene raskere. For mer enn én enhetstype tillater stilark innholdsoptimalisering. Ulike nettstedversjoner for håndholdte enheter, for eksempel PDA-er, mobiltelefoner eller for utskrift, kan presenteres med samme HTML-dokument.

Du kan se dette lille eksemplet på hvordan CSS-kode ser ut

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 legge dine CSS-regler i et HTML-dokument ved å bruke elementet. Denne koden er plassert inne i … taggene. Regler definert ved bruk av denne syntaks vil bli brukt på alle elementene som er tilgjengelige i dokumentet.

Syntaksen 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

Konklusjon

I denne artikkelen har vi sett forskjellige typer grensespråk sammen med syntaks og eksempler. Noe som vil hjelpe deg å forstå bedre og vil være mye praktisk å gå gjennom disse emnene.

Anbefalte artikler

Dette har vært en guide til Front End-språk. Her har vi diskutert hva som er Front End-språk? forskjellige typer grensespråk sammen med prøvekode. Du kan også gå gjennom andre foreslåtte artikler for å lære mer -

  1. Front end Developer Interview Questions
  2. Hva er CSS?
  3. Ultimate Cheatsheet for C ++ Programmeringsspråk
  4. Hva er HTML

Kategori:

Nettutviklingsverktøy