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
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
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
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
.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
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 -
- Întrebări de interviu pentru dezvoltatori
- Ce este CSS?
- Foaie de testare finală pentru limbajul de programare C ++
- Ce este HTML