GeeksforGeeks

Front End e Back End: Frontend e Backend sono i due termini più popolari usati nello sviluppo web. Questi termini sono molto cruciali per lo sviluppo web, ma sono abbastanza diversi l’uno dall’altro. Ogni parte deve comunicare e operare efficacemente con l’altra come una singola unità per migliorare la funzionalità del sito web.

Sviluppo front-end: La parte di un sito web con cui l’utente interagisce direttamente è chiamata front end. Viene anche chiamato “lato client” dell’applicazione. Include tutto ciò che gli utenti sperimentano direttamente: colori e stili del testo, immagini, grafici e tabelle, pulsanti, colori e menu di navigazione. HTML, CSS e JavaScript sono i linguaggi usati per lo sviluppo del Front End. La struttura, il design, il comportamento e il contenuto di tutto ciò che si vede sugli schermi del browser quando i siti web, le applicazioni web o le applicazioni mobili vengono aperte, viene implementato dagli sviluppatori del front end. La reattività e le prestazioni sono due obiettivi principali del Front End. Lo sviluppatore deve assicurarsi che il sito sia responsive, cioè che appaia correttamente sui dispositivi di tutte le dimensioni, nessuna parte del sito deve comportarsi in modo anomalo indipendentemente dalle dimensioni dello schermo.

Lingue front end: La parte frontale è costruita usando alcuni linguaggi che sono discussi qui sotto:

• HTML: HTML sta per Hypertext Markup Language. È usato per progettare la parte front-end delle pagine web usando un linguaggio di markup. HTML è la combinazione di ipertesto e linguaggio di markup. L’ipertesto definisce il collegamento tra le pagine web. Il linguaggio di markup è usato per definire la documentazione testuale all’interno del tag che definisce la struttura delle pagine web.
• CSS: Cascading Style Sheets, affettuosamente chiamato CSS, è un linguaggio semplice che ha lo scopo di semplificare il processo di rendere le pagine web presentabili. I CSS permettono di applicare stili alle pagine web. Ancora più importante, i CSS permettono di fare questo indipendentemente dall’HTML che compone ogni pagina web.
• JavaScript: JavaScript è un famoso linguaggio di scripting utilizzato per creare magia sui siti per rendere il sito interattivo per l’utente. E’ usato per migliorare la funzionalità di un sito web per eseguire giochi interessanti e software basati sul web.

Ci sono molti altri linguaggi attraverso i quali si può fare sviluppo front-end a seconda del framework per esempio Flutter usa Dart, React usa JavaScript e Django usa Python, e molto altro.

Front End Frameworks and Libraries:

• AngularJS: AngularJs è un framework front-end JavaScript open-source che è principalmente utilizzato per sviluppare applicazioni web a pagina singola (SPA). È un framework in continua crescita ed espansione che fornisce modi migliori per sviluppare applicazioni web. Cambia l’HTML statico in HTML dinamico. È un progetto open-source che può essere gratuito. Estende gli attributi HTML con le direttive, e i dati sono legati all’HTML.
• React.js: React è una libreria JavaScript dichiarativa, efficiente e flessibile per costruire interfacce utente. ReactJS è una libreria front-end open-source, basata su componenti, responsabile solo del livello di visualizzazione dell’applicazione. È mantenuta da Facebook.
  Bootstrap: Bootstrap è una raccolta di strumenti gratuiti e open-source per la creazione di siti web e applicazioni web responsive. È il framework HTML, CSS e JavaScript più popolare per lo sviluppo di siti web responsive e mobile-first.
• jQuery: jQuery è una libreria JavaScript open-source che semplifica le interazioni tra un documento HTML/CSS, o più precisamente il Document Object Model (DOM), e JavaScript. Elaborando i termini, jQuery semplifica l’attraversamento e la manipolazione dei documenti HTML, la gestione degli eventi del browser, le animazioni DOM, le interazioni Ajax e lo sviluppo JavaScript cross-browser.
• SASS: è il linguaggio di estensione CSS più affidabile, maturo e robusto. Viene utilizzato per estendere la funzionalità di un CSS esistente di un sito, incluso tutto ciò che riguarda le variabili, l’ereditarietà e la nidificazione con facilità.
• Flutter: Flutter è un SDK di sviluppo UI open-source gestito da Google. È alimentato dal linguaggio di programmazione Dart. Costruisce applicazioni performanti e di bell’aspetto nativamente compilate per mobile (Ios, Android), web e desktop da una singola base di codice. Il punto chiave di vendita di Flutter è lo sviluppo piatto è reso più facile, espressivo, e flessibile UI e prestazioni native. Nel marzo 2021 flutter annuncia Flutter 2 che aggiorna flutter per costruire applicazioni di rilascio per il web, e il desktop è in stato beta.
• Alcune altre librerie e quadri sono Semantic-UI, Foundation, Materialize, Backbone.js, Ember.js, ecc.

Sviluppo backend: Backend è il lato server del sito web. Memorizza e organizza i dati, e si assicura anche che tutto ciò che è sul lato client del sito web funzioni bene. È la parte del sito web che non si può vedere e con cui si può interagire. È la parte del software che non entra in contatto diretto con gli utenti. Le parti e le caratteristiche sviluppate dai designer di backend sono indirettamente accessibili agli utenti attraverso un’applicazione front-end. Attività come scrivere API, creare librerie e lavorare con componenti di sistema senza interfacce utente o anche sistemi di programmazione scientifica, sono anche inclusi nel backend.

Lingue di back end: La parte di back end è costruita utilizzando alcuni linguaggi che sono discussi di seguito:

• PHP: PHP è un linguaggio di scripting lato server progettato specificamente per lo sviluppo web. Dal momento che il codice PHP viene eseguito sul lato server, è chiamato un linguaggio di scripting lato server.
• C++: è un linguaggio di programmazione generale e ampiamente utilizzato al giorno d’oggi per la programmazione competitiva. È anche usato come linguaggio di backend.
• Java: Java è uno dei linguaggi di programmazione e delle piattaforme più popolari e diffuse. È altamente scalabile. I componenti Java sono facilmente disponibili.
• Python: Python è un linguaggio di programmazione che ti permette di lavorare velocemente e integrare sistemi in modo più efficiente.
• JavaScript: JavaScript può essere usato sia come linguaggio di programmazione (front end e back end).
• Node.js: Node.js è un ambiente runtime open-source e multipiattaforma per l’esecuzione di codice JavaScript fuori da un browser. È necessario ricordare che NodeJS non è un framework, e non è un linguaggio di programmazione. La maggior parte delle persone sono confuse e capiscono che è un framework o un linguaggio di programmazione. Usiamo spesso Node.js per costruire servizi back-end come API come Web App o Mobile App. È usato in produzione da grandi aziende come Paypal, Uber, Netflix, Wallmart, e così via.

Back End Frameworks:

• L’elenco dei framework back-end sono: Express, Django, Rails, Laravel, Spring, ecc.
• Gli altri linguaggi di programmazione/scrittura back-end sono C#, Ruby, REST, GO, ecc.

Differenza tra Frontend e Backend: Lo sviluppo del frontend e del backend sono abbastanza diversi l’uno dall’altro, ma sono comunque due aspetti della stessa situazione. Il frontend è ciò che gli utenti vedono e con cui interagiscono e il backend è come tutto funziona.

• Il frontend è la parte del sito web che gli utenti possono vedere e con cui possono interagire, come l’interfaccia grafica utente (GUI) e la linea di comando, compreso il design, i menu di navigazione, i testi, le immagini, i video, ecc. Il backend, al contrario, è la parte del sito web che gli utenti non possono vedere e con cui non possono interagire.
• Gli aspetti visivi del sito web che possono essere visti e vissuti dagli utenti sono il frontend. D’altra parte, tutto ciò che accade in background può essere attribuito al backend.
• I linguaggi utilizzati per il front end sono HTML, CSS, JavaScript mentre quelli utilizzati per il back end includono Java, Ruby, Python, .Net.