Što je Front End jezik?

Prednji dio je dio web stranice koji možete odmah vidjeti i komunicirati s njima da biste dobili rezervne kapacitete sustava što znači da korisnik može vidjeti i doživjeti sve. Tijekom godina, uloga web dizajnera dramatično se promijenila, ali njegove temeljne funkcije ostaju iste. Frontend se bavi svim zviždanjem i zvonima koja vidite na web mjestu, uključujući raznobojne fotografije, navigacijske menije, blještave tipke itd. Frontend se naziva i „strana klijenta“ jer se ova radnja odvija na strani klijenta, odnosno korisnika. u ovom slučaju. Web developer ne koristi kôd. U stvarnosti, on pokriva sve aspekte redizajniranja i izrade web stranica koje su vizualno atraktivne i korisniku prilagođene. Uloga naprednog programera je da korisnik stvori okruženje s kombinacijom različitih alata, uključujući JavaScript, HyperText označni jezik i CSS.
Sada ćemo krenuti naprijed sa prednjim jezikom

Različite vrste jezika Front End

Slijede različite vrste prednjeg jezika koji su sljedeći:

1. HTML jezik

Jezik oznake hiperteksta koji obično nazivamo HTML. HTML se koristi za stvaranje digitalnih zapisa na World Wide Webu. Na svakoj se stranici nalaze brojne poveznice na druge web stranice. Svaka web stranica koju pregledavate na Internetu je objavljena u jednoj ili drugoj HTML inačici. HTML kôd osigurava pravilno oblikovanje slika i teksta kako bi ih vaš internetski preglednik mogao prikazati bez pretraživanja. Bez HTML-a, preglednik ne bi mogao prikazati tekst kao stavke ili učitati slike. HTML također pruža osnovnu strukturu stranica, gdje se kaskadni listovi stilova preklapaju da bi promijenili svoj izgled. Web stranica je dokument koji se uglavnom piše u HTML-u i prevodi putem web preglednika. Unosom URL-a možete prepoznati web stranicu. Možda je statična ili dinamična vrsta web stranice. Možemo generirati statičke web stranice pomoću HTML-a. Vidjet ćemo atribute u HTML-u kao što su dokumenti, oznake, gumbi, popisi, itd.

Svi HTML dokumenti moraju započeti s deklaracijom vrste dokumenta:

,

HTML dokument počinje i završava sa. Dio koji želimo prikazati na web mjestu naveden je u HTML dokumentu između i. U HTML-u su naslovi definirani pomoću

do

oznake. Gdje

predstavlja najveći naslov i

predstavlja najmanji naslov.

Ovo je naslov s h1


Ovo je naslov s h2


Ovo je naslov sa h6

HTML veze definirane su s oznakom

Primjer

Ovo je veza na web stranicu educba
U HTML-u su slike definirane s označiti.

Atributi za uređivanje slika su sljedeći

  • Izvorna datoteka (src)
  • alternativni tekst (alt)
  • širina
  • visina

Primjer

Možete vidjeti ovaj mali primjer kako izgleda Html kod

Primjer

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

HTML prva stranica

2. Jezik skripte Java

JavaScript je programski jezik. Lagan je i najčešće se koristi kao dio internetskih stranica, čije implementacije omogućuju skriptu na strani klijenta za komunikaciju i stvaranje dinamičnih web stranica. JavaScript je prvo nazvan LiveScript, ali vjerojatno je zahvaljujući entuzijazmu koji je Java stvorila, Netscape promijenio ime u JavaScript. JavaScript se prvi put pojavio 1995. godine s imenom LiveScript u Netscape 2.0. HyperText transportni protokol ili HTTP dizajniran je za prijenos HTML teksta kroz mrežu za gledanje, točno onako kako se naziva. Međutim, potpuno je statičan s HTML-om i ne pruža mogućnost implementacije logike. Ako računalo pokreće JavaScript, preglednik se odvaja. JavaScript sandbox koristi se kao dodatna mjera sigurnosti u preglednicima kao što su Chrome i Edge. JavaScript ne može pisati ili čitati s tvrdog diska ili drugih uređaja povezanih s računalom.

Možete vidjeti ovaj mali primjer kako izgleda JavaScript kod.

Primjer



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA može učiniti vašu budućnost svijetlom.

Klikni me!

3. Jezik C ++

C ++ jedan je od najboljih programskih jezika na prednjem kraju. C ++ razvija Bjarne Stroustrup. Ovaj je jezik poznat i po proširenju C, tj. Sljedećoj verziji jezika C ++. C ++ koristi se u mnoge svrhe poput razvoja igara, razvoja aplikacija, operativnog sustava, animacije itd. Ovaj se jezik lako uči. Ova značajka C ++ čini ga popularnim na tržištu. C ++ je osnovni jezik za sve jezike. Jezik C ++ ima bogat skup knjižnica.

Primjer

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

Primjer za ispis uzorka zvijezde u obliku dijamanta

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

CSS stalci za kaskadne tablice stilova. Pomoću CSS-a možete upravljati bojom, veličinom stupca i dizajnom boja, razmakom odlomka, stilom fonta, pozadinskim slikama ili bojama, dizajnom izgleda i prikazom različitih uređaja, veličinama zaslona ili drugim efektima. CSS je jednostavan za znati i razumjeti, ali on kontrolira prezentaciju HTML dokumenata. CSS je obično uparen s HTML ili XHTML jezicima za označavanje. Ne trebate svako svojstvo HTML oznaka pisati svaki put ako koristite CSS. Jednostavno napišite pravilo CSS oznake i upotrijebite ga za sve događaje oznake. Kroz manje koda, vrijeme preuzimanja je brže. Za više vrsta uređaja listovi stilova omogućuju optimizaciju sadržaja. Različite verzije web stranica za ručne uređaje, kao što su PDA, mobiteli ili za ispis, mogu se predstaviti istim HTML dokumentom.

Možete vidjeti ovaj mali primjer kako izgleda CSS kôd

Primjer



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

EDUCBA



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

EDUCBA



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

EDUCBA

Bok jesi li tu?

Možete staviti svoja CSS pravila u HTML dokument pomoću elementa. Ova se oznaka nalazi unutar… oznaka. Pravila definirana ovom sintaksom primijenit će se na sve elemente dostupne u dokumentu.

Sintaksa je sljedeća




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

Dobrodošli u EDUCBA

Zaključak

U ovom smo članku vidjeli različite vrste prednjih jezika, zajedno sa njihovom sintaksom i primjerima. Što će vam pomoći da bolje razumijete i da će vam biti mnogo zgodnije da prođete kroz ove teme.

Preporučeni članci

Ovo je vodič za jezike Front End. Ovdje smo razgovarali o tome što su Front End jezici? različite vrste jezika na prednjem kraju, zajedno s uzorkom koda. Možete i proći naše druge predložene članke da biste saznali više -

  1. Prednja pitanja za razgovore za razvojne programere
  2. Što je CSS?
  3. Ultimate cheatsheet za programski jezik C ++
  4. Što je HTML

Kategorija:

Alati za web razvoj