Mis on esiotsa keel?

Esiplaan on veebisaidi osa, mida saate kohe näha ja millega suhelda, et hankida süsteemi taustaprogrammi läbilaskevõime, mis tähendab, et kasutaja saab kõike näha ja kogeda. Aastate jooksul on veebidisainerite roll dramaatiliselt muutunud, kuid selle põhifunktsioonid jäävad samaks. Frontend tegeleb kõigi veebis nähtavate vilistamiste ja kellukestega, sealhulgas värvikate fotode, navigeerimismenüüde, välklampide jms abil. Frontendi nimetatakse ka kliendi pooleks, kuna see toiming toimub kliendi poolel, mis on kasutaja sel juhul. Veebiarendaja ei käsitle seda koodi. Tegelikult hõlmab see visuaalselt atraktiivsete ja kasutajasõbralike veebisaitide ümberkujundamise ja ehitamise kõiki aspekte. Esiosa arendaja roll on see, et kasutaja loob keskkonna, kasutades mitmesuguseid tööriistu, sealhulgas näiteks JavaScripti, HyperText'i märgistuskeelt ja CSS-i.
Nüüd liigume edasi eesliidese keelega

Eriotstarbelise keele erinevad tüübid

Järgmised on kasutajaliidese eri tüübid, mis on järgmised:

1. HTML-keel

Hüperteksti märgistuskeelt kutsusime tavaliselt HTML-i. HTML-i kasutatakse veebis digitaalsete kirjete loomiseks. Igal lehel on mitu linki teistele veebisaitidele. Iga Internetis vaadatav veebileht avaldatakse ühes või teises HTML-variandis. HTML-kood tagab piltide ja teksti korrektse vormindamise, nii et teie Interneti-brauser saaks neid otsida. Ilma HTML-ita ei saaks brauser teksti kuvada üksustena ega pilte laadida. HTML pakub ka põhilist leheküljestruktuuri, kus kaskaadlaadi lehed asetatakse üksteise peale, et muuta nende välimust. Veebisait on dokument, mis on tavaliselt kirjutatud HTML-is ja tõlgitud veebibrauseri kaudu. URL-i sisestades saate veebilehe tuvastada. Staatiline või dünaamiline veebileht võib olla. Staatilisi veebilehti saame genereerida HTML-i abil. Näeme HTML-is selliseid atribuute nagu dokumendid, sildid, nupud, loendid jne.

Kõik HTML-dokumendid peavad algama dokumenditüübi deklaratsiooniga:

HTML-dokument algab ja lõpeb numbriga. See osa, mida soovime veebisaidil kuvada, on HTML-dokumendis deklareeritud, jääb vahemikku ja. HTML-is määratletakse pealkirjad kasutades

kuni

sildid. Kus

tähistab suurimat rubriiki ja

tähistab väikseimat rubriiki.

See liigub h1-ga


See suundub h2-ga


See suundub h6-ga

HTML-lingid määratletakse sildiga

Näide

See on link eduba veebisaidile
HTML-is defineeritakse pildid nupuga silt.

Piltide redigeerimise atribuudid on järgmised

  • Lähtefail (src)
  • alternatiivne tekst (alt)
  • laius
  • kõrgus

Näide

Näete seda väikest näidet, kuidas HTML-kood välja näeb

Näide

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

HTML-i esimene leht

2. Java skripti keel

JavaScript on programmeerimiskeel. See on kerge ja seda kasutatakse kõige sagedamini veebilehtede osana, mille rakendused võimaldavad kliendi poolt skriptimisel suhelda ja luua dünaamilisi veebisaite. JavaScripti nimetati algul LiveScriptiks, kuid arvatavasti Java loodud entusiasmi tõttu muutis Netscape oma nime JavaScripti. JavaScript ilmus esmakordselt 1995. aastal LiveScripti nimega Netscape 2.0-s. Hüperteksti transpordiprotokoll ehk HTTP on mõeldud HTML-teksti edastamiseks võrgu kaudu vaatamiseks täpselt nii, nagu seda nimetatakse. Kuid see on HTML-iga täiesti staatiline ja ei võimalda loogikat rakendada. Kui arvuti käitab JavaScripti, siis brauser eraldatakse. Brauserid, nagu Chrome ja Edge, kasutavad JavaScripti liivakasti täiendava ohutusmeetmena. JavaScript ei suuda kõvakettalt ega muudest arvutiga ühendatud salvestusseadmetest kirjutada ega lugeda.

Näete seda väikest näidet, kuidas JavaScripti kood välja näeb.

Näide



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA võib muuta teie tuleviku helgeks.

Klõpsake nuppu Mina!

3. C ++ keel

C ++ on üks parimatest esiotsa programmeerimiskeeltest. C ++ on välja töötanud Bjarne Stroustrup. Seda keelt tuntakse ka C laiendusena, st C ++ keele järgmise versiooni jaoks. C ++ kasutatakse mitmel otstarbel, näiteks mängude arendamisel, rakenduste arendamisel, opsüsteemi, animatsioonil jne. Seda keelt on lihtne õppida. See C ++ funktsioon muudab selle turul populaarseks. C ++ on kõigi keelte põhikeel. C ++ keeles on rikkalik raamatukogude komplekt.

Näide

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

Näide tähemustri printimiseks rombikujuliselt

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

CSS tähistab kaskaadlaadsete stiililehti. CSS-i abil saate juhtida värvi, veeru suurust ja värvilahendusi, lõikude vahekaugust, fondi stiili, taustpilte või -värve, erinevate seadmete paigutuse kujundusi ja kuvavariatsioone, ekraanisuurusi või muid efekte. CSS-i on lihtne teada ja mõista, kuid see kontrollib HTML-dokumentide esitust. CSS on tavaliselt seotud HTML või XHTML märgistuskeeltega. CSS-i kasutamisel ei pea te HTML-i sildi omadusi iga kord kirjutamiseks. Kirjutage lihtsalt CSS-i sildi reegel ja kasutage seda kõigi sildi sündmuste jaoks. Vähema koodi kaudu on allalaadimisajad kiiremad. Rohkem kui ühte tüüpi seadme puhul võimaldavad stiililehed sisu optimeerimist. Sama HTML-dokumendiga saab esitada ka mitmesuguseid pihuarvutite jaoks mõeldud veebisaitide versioone, näiteks pihuarvutid, mobiiltelefonid või printimiseks mõeldud veebisaidid.

Näete seda väikest näidet, kuidas CSS-kood välja näeb

Näide



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

EDUCBA



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

EDUCBA



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

EDUCBA

Tere, oled sa seal?

Elemendi abil saate oma CSS-i reeglid HTML-dokumentidesse panna. See silt paigutatakse… siltide sisse. Selle süntaksi abil määratletud reegleid rakendatakse kõigile dokumendis saadaolevatele elementidele.

Süntaks on järgmine




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

Tere tulemast EDUCBA-sse

Järeldus

Selles artiklis oleme näinud erinevat tüüpi kasutajaliidese keeli koos nende süntaksi ja näidetega. Mis aitab teil paremini aru saada ja on palju mugavam neid teemasid läbida.

Soovitatavad artiklid

See on olnud juhend esiotsa keelte juurde. Siin oleme arutanud, mis on esiotsa keeled? eri tüüpi kasutajaliidese keeled koos näidiskoodiga. Lisateavet leiate ka meie muudest soovitatud artiklitest -

  1. Esiosa arendajate intervjuu küsimused
  2. Mis on CSS?
  3. C ++ programmeerimiskeele ülim petturileht
  4. Mis on HTML

Kategooria:

Veebiarenduse tööriistad