Qual è la lingua del front-end?

Il frontend è la sezione del sito Web che è possibile visualizzare e comunicare immediatamente per ottenere capacità di backend del sistema, il che significa che l'utente può vedere e sperimentare tutto. Nel corso degli anni, il ruolo di un web designer è cambiato radicalmente, ma le sue funzioni principali rimangono le stesse. Il frontend si occupa di tutti i fischi e le campane che vedi sul sito Web, comprese le foto colorate, i menu di navigazione, i pulsanti appariscenti, ecc. Un frontend viene anche chiamato "lato client" perché questa azione si svolge sul lato cliente che è l'utente in questo caso. Il codice non è gestito da uno sviluppatore web. In realtà, copre tutti gli aspetti della riprogettazione e della creazione di siti Web, che sono visivamente attraenti e facili da usare. Il ruolo di uno sviluppatore front-end è che l'utente crei un ambiente con una combinazione di vari strumenti, tra cui JavaScript, linguaggio di markup HyperText e CSS.
Ora andremo avanti con la lingua del front-end

Diversi tipi di linguaggio Front End

Di seguito sono riportati i diversi tipi di linguaggio front-end che sono i seguenti:

1. linguaggio HTML

Hypertext Markup Language che normalmente chiamavamo HTML. HTML viene utilizzato per la creazione di record digitali sul World Wide Web. Un numero di collegamenti ad altri siti Web sono forniti su ogni pagina. Ogni pagina Web visualizzata su Internet è pubblicata in una o un'altra variante HTML. Il codice HTML garantisce che le immagini e il testo siano formattati correttamente in modo che il browser Internet possa visualizzarli per la ricerca, senza HTML, un browser non sarebbe in grado di visualizzare il testo come elementi o caricare immagini. HTML fornisce anche una struttura di pagina di base, in cui i fogli di stile a cascata vengono sovrapposti per modificarne l'aspetto. Un sito Web è un documento generalmente scritto in HTML e tradotto tramite un browser Web. Inserendo un URL, è possibile identificare una pagina Web. Il tipo di pagina Web statica o dinamica può essere. Possiamo generare pagine Web statiche utilizzando HTML. Vedremo gli attributi in HTML come documenti, tag, pulsanti, elenchi, ecc.

Tutti i documenti HTML devono iniziare con una dichiarazione del tipo di documento:

Il documento HTML inizia e termina con. La parte che vogliamo visualizzare sul sito Web è dichiarata nel documento HTML tra e. In HTML, le intestazioni sono definite usando

per

tag. Dove

rappresenta la voce più grande e

rappresenta la voce più piccola.

Questo si sta dirigendo con h1


Questo si sta dirigendo con h2


Questa è la direzione con h6

I collegamenti HTML sono definiti con il tag

Esempio

Questo è un link al sito web educba
In HTML, le immagini sono definite con etichetta.

Gli attributi per la modifica delle immagini sono i seguenti

  • Il file sorgente (src)
  • testo alternativo (alt)
  • larghezza
  • altezza

Esempio

Puoi vedere questo piccolo esempio di come appare il codice HTML

Esempio

Hello Friends

Educba Blog


Hello Friends

Educba Blog


Hello Friends

Educba Blog

Prima pagina HTML

2. Linguaggio Java Script

JavaScript è un linguaggio di programmazione. È leggero e più frequentemente utilizzato come parte delle pagine Internet, le cui implementazioni consentono agli script lato client di comunicare e creare siti Web dinamici. JavaScript è stato inizialmente chiamato LiveScript, ma probabilmente a causa dell'entusiasmo creato da Java, Netscape ha cambiato il suo nome in JavaScript. JavaScript è apparso per la prima volta nel 1995 con il nome LiveScript in Netscape 2.0. HyperText Transportation Protocol, o HTTP, è progettato per trasmettere testo HTML attraverso una rete per la visualizzazione, esattamente come viene chiamato. Tuttavia, è completamente statico con HTML e non offre la possibilità di implementare la logica. Se il computer esegue JavaScript, il browser è separato. Il sandbox JavaScript viene utilizzato come ulteriore misura di sicurezza da browser come Chrome e Edge. JavaScript non è in grado di scrivere o leggere da un disco rigido o altri dispositivi di archiviazione collegati al computer.

Puoi vedere questo piccolo esempio di come appare il codice JavaScript.

Esempio



Hello EDUCBA



Hello EDUCBA



Hello EDUCBA

EDUCBA può rendere luminoso il tuo futuro.

Cliccami!

3. Linguaggio C ++

C ++ è uno dei migliori linguaggi di programmazione front-end. C ++ è sviluppato da Bjarne Stroustrup. Questo linguaggio è anche noto per l'estensione di C, ovvero la prossima versione del linguaggio C ++. C ++ usato per molti scopi come lo sviluppo di giochi, lo sviluppo di applicazioni, il sistema operativo, l'animazione, ecc. Questa lingua è facile da imparare. Questa funzionalità di C ++ lo rende popolare nel mercato. C ++ è la lingua di base per tutte le lingue. Il linguaggio C ++ ha un ricco set di librerie.

Esempio

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

Esempio per stampare un motivo a stella a forma di diamante

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

Supporti CSS per i fogli di stile a cascata. Puoi controllare il colore, le dimensioni della colonna e i disegni dei colori, la spaziatura dei paragrafi, lo stile del carattere, le immagini o i colori di sfondo, i disegni del layout e visualizzare le variazioni di diversi dispositivi, dimensioni dello schermo o altri effetti con l'uso dei CSS. Il CSS è semplice da conoscere e comprendere, ma controlla la presentazione di documenti HTML. I CSS sono generalmente associati a linguaggi di markup HTML o XHTML. Non è necessario scrivere le caratteristiche dei tag HTML ogni volta che si utilizza CSS. Basta scrivere una regola tag CSS e usarla per tutti gli eventi del tag. Con meno codice, i tempi di download sono più rapidi. Per più di un tipo di dispositivo, i fogli di stile consentono l'ottimizzazione del contenuto. Varie versioni di siti Web per dispositivi portatili, come PDA, telefoni cellulari o per la stampa, possono essere presentate con lo stesso documento HTML.

Puoi vedere questo piccolo esempio di come appare il codice CSS

Esempio



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

EDUCBA



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

EDUCBA



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

EDUCBA

Ciao, ci sei?

Puoi inserire le tue regole CSS in un documento HTML usando l'elemento. Questo tag è inserito all'interno dei tag … Le regole definite usando questa sintassi verranno applicate a tutti gli elementi disponibili nel documento.

La sintassi è la seguente




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

Benvenuti in EDUCBA

Conclusione

In questo articolo, abbiamo visto diversi tipi di lingue front-end insieme alla loro sintassi ed esempi. Il che ti aiuterà a capire meglio e sarà molto conveniente affrontare questi argomenti.

Articoli consigliati

Questa è stata una guida alle lingue del front-end. Qui discutiamo che cosa sono le lingue del front-end? diversi tipi di lingue front-end insieme al codice di esempio. Puoi anche consultare i nostri altri articoli suggeriti per saperne di più -

  1. Domande sul colloquio con gli sviluppatori front-end
  2. Che cos'è il CSS?
  3. Cheatsheet definitivo per il linguaggio di programmazione C ++
  4. Che cos'è l'HTML

Categoria:

Strumenti di sviluppo Web