Come funziona la programmazione lato client

2

Non vengo affatto dallo sviluppo web, ma sto cercando di costruire un'applicazione web.

Finora, ho esaminato tutte le cose sul lato server (ad esempio, penso che il mio stack sarà Linux + node.js + ExpressJS + MongoDB), e ho imparato molto! A questo punto, mi sento a mio agio nell'impostare un server HTTP, instradare le richieste, utilizzare l'interazione RESTfull con un database e servire HTML dinamico utilizzando un motore di template HTML come ejs o Jade. Ho persino cercato Websockets come mezzo per stabilire una connessione TCP per aggiungere un'interazione rapida con l'utente senza aggiornare la pagina.

Ora sto cercando di fare cose carine; aggiungi grafici, schede, ect alle mie applicazioni web! Ho esaminato cose come Dojo, JQuery, CanvasJS, AngularJS ect e tutte sembrano interessanti. Il problema è che, ora che ci penso, non ho idea di come funzioni la programmazione lato client. Ad esempio, in AngularJS potrei trovare qualcosa del tipo:

   <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script><scriptsrc="components.js"></script>
  </head>

Che cosa sta dicendo? Il mio server sostituisce effettivamente "components.js" con il codice "componennts.js" effettivo prima di trasmettere la risposta? Cosa succede con la fonte https://ajax... ? Il browser (o il server?) Deve effettivamente andare a questo URL e recuperare il codice?

Come ho detto, per quanto mi riguarda, il server risponde con un documento HTML composto da caratteri ASCII. Che cosa poi, in realtà sta funzionando sul lato client, e come ottiene questo codice? (vale a dire su V8 o qualsiasi altra cosa).

    
posta Colin Martell 23.07.2013 - 21:37
fonte

2 risposte

7

Quando un client effettua una richiesta al proprio server Web richiedendo una risorsa, ad esempio, la pagina principale, il server restituisce tale risorsa. Nel caso in cui la risorsa sia un file HTML, è possibile - e comune - che per mostrare il tuo sito siano necessarie anche risorse aggiuntive - immagini, fogli di stile CSS, file JS - in modo che il Browser possa renderizzare correttamente la tua pagina. Queste risorse possono trovarsi sullo stesso server Web che ospita la tua applicazione o possono essere ospitate da qualche altra parte.

Con questa riga di codice:

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

IltuofileHTMLstadicendocherichiedeilfileangular.min.jsecheilfileèlocalizzatoneiserverhttps://ajax.googleapis.com.Dall'altrolato,questarigadicodice:

<scriptsrc="components.js"></script>

Dichiara che il tuo sito richiede components.js e che il file si trova all'interno del tuo server Web (ad esempio, in http://www.mysite.com/components.js ). Quindi, quando un utente accede al tuo sito, il suo browser carica alcuni file dal tuo server Web e altri da archivi esterni. Ogni file verrà scaricato e memorizzato nel PC del Cliente per caricare il tuo sito.

    
risposta data 23.07.2013 - 21:48
fonte
0

ciò che Carlos ha detto riguardo ai file .js si applica anche ai file immagine ( .jpg) e stile (* .css) Una volta che tutti i file sono stati scaricati, il client li usa per visualizzare e / o manipolare la pagina. Se il browser non riconosce un comando (perché il browser è vecchio, ha javascript disattivato, o il codice usa codice specifico del fornitore), l'app si blocca

    
risposta data 10.12.2013 - 13:29
fonte

Leggi altre domande sui tag