Ce este limbajul Front End?

Frontend-ul este secțiunea site-ului web cu care puteți vedea și comunica imediat, pentru a obține capacități de backend de sistem, ceea ce înseamnă că utilizatorul poate vedea și experimenta totul. De-a lungul anilor, rolul unui designer web s-a schimbat dramatic, dar funcțiile sale principale rămân aceleași. Frontend tratează toate fluierările și clopotele pe care le vedeți pe site-ul web, inclusiv fotografiile colorate, meniurile de navigare, butoanele flashy, etc. Un frontend este, de asemenea, denumit „client-side”, deoarece această acțiune are loc pe partea clientului, care este utilizatorul. în acest caz. Codul nu este gestionat de un dezvoltator web. În realitate, acoperă toate aspectele legate de reproiectarea și construirea site-urilor web, care sunt atractive vizual și ușor de utilizat. Rolul unui dezvoltator front-end este ca utilizatorul să creeze un mediu cu o combinație de diferite instrumente, inclusiv JavaScript, limbajul de marcare HyperText și CSS.
Acum vom merge mai departe cu limbajul front-end

Diferite tipuri de limbaj front-end

Următoarele sunt diferitele tipuri de limbaj frontal care sunt următoarele:

1. limbaj HTML

Hypertext Markup Language pe care l-am numit în mod normal HTML. HTML este utilizat pentru crearea de înregistrări digitale pe World Wide Web. O serie de legături către alte site-uri web sunt furnizate pe fiecare pagină. Fiecare pagină web pe care o vizualizați pe Internet este publicată într-una sau alta variantă HTML. Codul HTML vă asigură că imaginile și textul sunt formatate corespunzător, astfel încât browserul dvs. de internet să le poată afișa pentru a căuta, Fără HTML, un browser nu ar putea să afișeze text ca articole sau să încarce imagini. HTML oferă și o structură de pagină de bază, în care foile de stil în cascadă sunt suprapuse pentru a-și modifica aspectul. Un site web este un document care este în general scris în HTML și tradus printr-un browser web. Prin introducerea unei adrese URL, puteți identifica o pagină web. Este posibil ca un tip de pagină web să fie static sau dinamic. Putem genera pagini web statice folosind HTML. Vom vedea atributele în HTML precum documente, etichete, butoane, liste etc.

Toate documentele HTML trebuie să înceapă cu o declarație de tip document:

Documentul HTML începe de la și se termină cu. Partea pe care dorim să o afișăm pe site-ul web este declarată în documentul HTML este între și. În HTML, rubricile sunt definite folosind

la

Etichete. Unde

reprezintă cea mai mare rubrică și

reprezintă titlul cel mai mic.

Aceasta se îndreaptă cu h1


Aceasta se îndreaptă cu h2


Aceasta se îndreaptă cu h6

Legăturile HTML sunt definite cu eticheta

Exemplu

Acesta este un link către site-ul educba
În HTML, imaginile sunt definite cu etichetă.

Atributele pentru editarea imaginilor sunt următoarele

  • Fișierul sursă (src)
  • text alternativ (alt)
  • lăţime
  • înălţime

Exemplu

Puteți vedea acest mic exemplu despre cum arată codul HTML

Exemplu

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

Prima pagină HTML

2. Limbajul scriptului Java

JavaScript este un limbaj de programare. Este ușor și cel mai frecvent utilizat ca parte a paginilor de internet, ale căror implementări permit scripturile din partea clientului să comunice și să creeze site-uri web dinamice. JavaScript a fost numit pentru prima dată LiveScript, dar probabil datorită entuziasmului creat de Java, Netscape își schimbă numele în JavaScript. JavaScript a apărut pentru prima dată în 1995 cu numele LiveScript în Netscape 2.0. Protocolul de transport HyperText, sau HTTP, este proiectat pentru a transmite text HTML printr-o rețea pentru vizualizare, exact așa cum este numit. Cu toate acestea, este complet static cu HTML și nu oferă posibilitatea de a implementa logica. Dacă computerul rulează JavaScript, browserul este separat. JavaScript sandbox este utilizat ca măsură de siguranță adăugată de browsere precum Chrome și Edge. JavaScript nu poate scrie sau citi de pe un hard disk sau de pe alte dispozitive de stocare conectate la computer.

Puteți vedea acest mic exemplu despre cum arată codul JavaScript.

Exemplu



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA îți poate face viitorul luminos.

Faceți clic pe mine!

3. Limba C ++

C ++ este unul dintre cele mai bune limbaje de programare front-end. C ++ este dezvoltat de Bjarne Stroustrup. Această limbă este cunoscută și pentru extensia C, adică pentru următoarea versiune a limbajului C ++. C ++ utilizat în mai multe scopuri precum dezvoltarea jocurilor, dezvoltarea aplicațiilor, sistemul de operare, animația etc. Acest limbaj este ușor de învățat. Această caracteristică a C ++ o face populară pe piață. C ++ este limba de bază pentru toate limbile. Limba C ++ are un set bogat de biblioteci.

Exemplu

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

Exemplu pentru a imprima un model de stea într-o formă de diamant

#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. Limbajul CSS

CSS Standuri pentru foile de stil în cascadă. Puteți controla culoarea, dimensiunea coloanelor și designul culorilor, distanțarea paragrafelor, stilul fontului, imaginile de fundal sau culorile, modele de dispunere și variații de afișare ale diferitelor dispozitive, dimensiuni ale ecranului sau alte efecte cu ajutorul CSS. CSS este simplu de cunoscut și de înțeles, dar controlează prezentarea documentelor HTML. CSS este de obicei asociat cu limbaje de marcare HTML sau XHTML. Nu aveți nevoie de caracteristicile etichetelor HTML pentru a scrie de fiecare dată dacă utilizați CSS. Pur și simplu scrieți o regulă de etichetă CSS și utilizați-o pentru toate evenimentele etichetei. Cu mai puțin cod, timpii de descărcare sunt mai rapide. Pentru mai multe tipuri de dispozitiv, foile de stil permit optimizarea conținutului. Cu același document HTML pot fi prezentate diferite versiuni de site pentru dispozitive portabile, cum ar fi PDA, telefoane mobile sau pentru tipărire.

Puteți vedea acest mic exemplu despre cum arată codul CSS

Exemplu



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

EDUCBA



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

EDUCBA



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

EDUCBA

Salut sunteți acolo?

Puteți introduce regulile CSS într-un document HTML utilizând elementul. Această etichetă este plasată în interiorul … etichetelor. Regulile definite folosind această sintaxă vor fi aplicate tuturor elementelor disponibile în document.

Sintaxa este următoarea




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

Bine ați venit la EDUCBA

Concluzie

În acest articol, am văzut diferite tipuri de Limbi Front End împreună cu sintaxa și exemplele lor. Ceea ce vă va ajuta să înțelegeți mai bine și va fi mult mai convenabil să parcurgeți aceste subiecte.

Articole recomandate

Acesta a fost un ghid pentru limbile Front End. Aici am discutat despre ce sunt limbile Front End? diferite tipuri de limbi frontale împreună cu codul de eșantion. Puteți parcurge și alte articole sugerate pentru a afla mai multe -

  1. Întrebări de interviu pentru dezvoltatori
  2. Ce este CSS?
  3. Foaie de testare finală pentru limbajul de programare C ++
  4. Ce este HTML

Categorie:

Instrumente de dezvoltare web