Cosa devi imparare per sviluppare moderne applicazioni web.

27.05.2019 Programmi

A questo proposito, la domanda è: cos'altro devi sapere?

Hai comunque bisogno di un back-end.

Se ho capito bene, Angular, Vue e altri framework sono solo frontend.

Tutto bene.

Ovunque tu vada, ovunque si parla di sviluppo web come sviluppo del front-end, ed è sicuramente connesso a Node.js (per scrivere qualcosa in angular, non c'è modo senza di esso). Come il frontend è collegato con Node.js - Non capisco, perché Node.js è essenzialmente un modo per eseguire JS al di fuori del browser.

Molto probabilmente, leggi articoli sul frontend, perché non c'è nulla sul backend in essi. Come sai, il frontend è scritto in JS e molti sono affascinati dal fatto che puoi alzare NodeJS sul backend e usando una lingua creare siti web.

Se voglio eseguire un'applicazione in un browser, perché ho bisogno di un nodo? Tutto ciò mi mette in uno stato di torpore, vedo solo contraddizioni.

Non confondi. Ci sono tecnologie che vengono utilizzate nel processo opera applicazioni e ci sono tecnologie che vengono utilizzate nel processo sviluppo applicazioni. Tutti questi Gulp, Grunt, Babel, Webpack e altri sono strumenti di sviluppo. Accelerano, semplificano, migliorano la qualità del lavoro. A quel tempo, jQuery, Angular, React sono le librerie e i framework con cui funzionerà l'applicazione.

Se i siti precedenti sono stati creati utilizzando un paio di tecnologie, le applicazioni moderne possono utilizzare dozzine o addirittura centinaia di queste ultime. In quali possono essere diversi linguaggi di programmazione, librerie, framework, servizi, ecc. Tutto questo è spesso chiamato lo "zoo" della tecnologia.

Qui posso solo presumere che il server, invece di html, debba comunicare con l'applicazione tramite json o qualcos'altro.

Sì, JSON è il più comune. È necessario un framework di back-end su cui distribuire un'API REST. Per quanto ne so, i framework più moderni dei moderni linguaggi di programmazione utilizzati per lo sviluppo web possono farlo. Non posso dirlo con certezza, lavoro all'interno della stessa lingua.

Dopotutto, il server è la base di qualsiasi applicazione di rete e, prima di tutto, è necessario sviluppare la parte server.

Decisamente. Le moderne applicazioni a pagina singola (SPA) sono costituite da due parti separate: front-end e back-end. Possono essere creati completamente separatamente da diversi sviluppatori, l'importante è concordare il formato di trasferimento dei dati e tutte le sfumature.

Tutta la bellezza della SPA sta nella separazione di queste parti. Ognuno di essi può essere sostituito da un altro senza particolari conseguenze. Un back-end può servire siti Web, applicazioni mobili, fornire accesso ai dati per applicazioni di partner di terze parti, il tutto tramite un'unica API.

Cos'altro deve essere studiato? O la conoscenza di cui sopra è sufficiente?

Non credo sia abbastanza. Potrai determinare con precisione i compiti che il tuo progetto dovrebbe risolvere e selezionare le tecnologie per loro. Devi fermarti a una cosa, non sarai in grado di studiare tutto moderno, non ci sarà abbastanza tempo.

È possibile non utilizzare Node.js e, di conseguenza, npm, se JS (TS) è richiesto solo nel browser? Tuttavia, è anche necessario il test.

Sì, è abbastanza. Sul lato client, ad esempio, JS + Angular. E sul lato back-end, ad esempio, PHP+Laravel. Ora ci sono molti linguaggi e ancora più framework per loro. Scegli ciò che è più facile per te.

Questo articolo è rivolto principalmente agli utenti di Internet; il suo obiettivo è mettere in evidenza alcune moderne tecnologie Internet dal punto di vista del loro consumatore. Tuttavia, come mostra la pratica, la conoscenza di tali problemi è necessaria anche per alcuni sviluppatori alle prime armi.

10-15 anni fa, la maggior parte dei siti Web erano una raccolta di pagine HTML statiche. Oggi, tali siti si trovano ancora - spesso è così che vengono progettati piccoli siti Web personali, così come siti di piccole aziende che non pretendono di essere nient'altro che ospitare una quantità relativamente piccola di informazioni che cambiano raramente. Si noti, tuttavia, che nel processo di trasformazione di Internet da un insieme di risorse informative in uno strumento aziendale, le tecnologie di creazione dei siti sono cambiate in modo significativo: la maggior parte dei siti Web delle grandi aziende sono un insieme di applicazioni che dispongono di interattività, strumenti di personalizzazione, strumenti di interazione con i clienti (fino a prendere ordini e pagamenti) e partner, e spesso - e mezzi di integrazione con le applicazioni aziendali "interne" dell'azienda. Gli strumenti per la creazione di tali siti Web saranno descritti più dettagliatamente nell'articolo "Prodotti per la creazione di soluzioni Internet aziendali" in questo numero della rivista. In questo articolo, evidenzieremo solo brevemente le tecnologie che stanno alla base delle moderne applicazioni Web. Un utente che si occupa di applicazioni Web (e, più recentemente, servizi Web) comunica con loro tramite client Internet (molto spesso browser, ma non solo: esistono altri tipi di applicazioni client, come i client di chat). Pertanto, è opportuno parlare separatamente di cosa può essere utilizzato nelle applicazioni client e cosa sui server Web.

Tecnologie utilizzate nei client Web

Una tendenza nello sviluppo di applicazioni Web è stata quella di inserire parte della logica dell'applicazione (come la convalida dell'input) nel client Web stesso, come un browser Web. In particolare, i moderni browser Web sono in grado di interpretare il codice nei linguaggi di scripting, eseguire applet Java e controlli ActiveX e utilizzare altri componenti aggiuntivi come Macromedia Flash Player. Consideriamo tutte queste funzionalità dei browser in modo più dettagliato.

Linguaggi di scripting

La maggior parte dei browser Web moderni è in grado di interpretare il codice in linguaggi di scripting come VBScript e JavaScript. Il codice in queste lingue è incorporato in una pagina Web e interpretato dal browser. Un tipico esempio di utilizzo dei linguaggi di scripting è la verifica della correttezza dei dati inseriti dall'utente nei campi corrispondenti di un form HTML, direttamente durante il processo di input o dopo di esso, senza contattare il server Web. Esempi simili dell'uso dei linguaggi di scripting possono essere trovati durante la compilazione di alcuni questionari e la ricezione di messaggi che i campi obbligatori non sono stati compilati (in tutta onestà, notiamo che non tutti i questionari sono implementati in questo modo).

Tuttavia, ci sono altri esempi dell'uso di linguaggi di scripting che implementano sia idee puramente progettuali, ad esempio pulsanti che cambiano aspetto quando si passa il cursore sopra di essi, "linee di selezione" e altre funzionalità, ad esempio strumenti per l'accesso ai motori di ricerca incorporati nelle pagine Web, la visualizzazione di finestre di dialogo, il controllo di altri oggetti incorporati in una pagina Web (ad esempio, applet Java o controlli ActiveX, che verranno discussi di seguito).

Nota che il codice creato con linguaggi di scripting non può essere eseguito da solo, ma viene eseguito nello spazio degli indirizzi del browser. Inoltre, i linguaggi di scripting contengono un insieme limitato di strumenti (ad esempio, non hanno accesso al file system).

Applet Java

Praticamente tutti i browser moderni sono in grado di visualizzare ed eseguire applet Java, speciali applicazioni Java che l'utente riceve come parte di una pagina Web. Queste applicazioni sono spesso incluse nelle pagine Web per aggiungere funzionalità difficili o impossibili da implementare utilizzando linguaggi di scripting. Le applet possono essere eseguite su tutte le piattaforme per le quali è disponibile Java Virtual Machine.

Le applet vengono solitamente create in base a regole che specificano per quanto tempo devono vivere e come interagiscono con il loro ambiente. Molto spesso, questi metodi sono molto limitati (ad esempio, operazioni come la lettura e la scrittura di file sono vietate per impostazione predefinita per le applet; se tali operazioni sono necessarie, le autorizzazioni per eseguirle per applet e file specifici sono descritti sul computer client; rete l'accesso dall'applet è possibile solo al computer da cui è stato scaricato; non è possibile avviare altre applicazioni sul computer dell'utente da applet). Tuttavia, l'applet è in grado di leggere i valori dei parametri (es. colori, font, file grafici utilizzati nell'esecuzione dell'applet) dalla pagina Web che li contiene e modificarne il comportamento in base a tali parametri. Inoltre, i parametri dell'applet possono essere modificati dinamicamente dal codice nei linguaggi di scripting contenuti nella stessa pagina.

Si noti che poiché le applet implementano l'esecuzione di codice sul computer del client, sono contenuti potenzialmente pericolosi in una certa misura. Ecco perché tutti i browser moderni dispongono di mezzi accessibili all'utente per limitare la capacità di eseguire applet.

Controlli ActiveX

Alcuni dei browser moderni (in particolare Microsoft Internet Explorer) possono fungere da contenitori per i controlli ActiveX, server COM speciali che vengono eseguiti nello spazio degli indirizzi del browser e vengono ricevuti anche come parte di una pagina Web.

Utilizzando i controlli ActiveX, oltre che tramite le applet Java, è possibile implementare qualsiasi funzionalità, comprese quelle sfavorevoli per il computer dell'utente, mentre, a differenza delle applet Java, generalmente non ci sono restrizioni di accesso quando si eseguono controlli ActiveX a file e altre risorse di il sistema operativo e la rete e il codice in essi contenuto viene eseguito per conto dell'utente che li ha scaricati. Come le applet Java, i controlli ActiveX possono leggere le loro proprietà dalla pagina che li contiene; inoltre le proprietà di un controllo ActiveX possono essere modificate dinamicamente da codice nei linguaggi di scripting contenuti nella stessa pagina; nello stesso codice è possibile gestire gli eventi che si verificano in tali controlli.

Successivamente, dovremmo ricordare la verità banale, che, come mostra la pratica, non è ovvia per tutti i nostri lettori. Quando si lavora con controlli ActiveX e applet Java è assolutamente inutile affidarsi a software antivirus (non importa se client o server): i segni che sono caratteristici dei virus (come la capacità di inserirsi all'interno di file e documenti eseguibili) , tali applicazioni, di regola, non contengono. È possibile impedire il download o l'esecuzione del codice corrispondente solo a livello di impostazioni del browser o a livello di firewall aziendali o personali.

Applicazioni Macromedia Flash

Le applicazioni Macromedia Flash sono oggi le estensioni più popolari dei browser Web e sono utilizzate da molti web designer per aggiungere interattività e originalità ai propri siti.

Il modello di sicurezza delle applicazioni Flash si basa sul fatto che Macromedia Flash Player, come Java Virtual Machine, esegue le applicazioni in uno spazio di indirizzi limitato, mentre le applicazioni in esecuzione non hanno accesso al file system (ad eccezione di una directory specifica utilizzata da Macromedia Flash Player per scopi di servizio). ) e altre risorse del computer dell'utente; fa eccezione per microfoni e videocamere, tuttavia l'utente deve dare il permesso per la trasmissione dei dati ricevuti da tali dispositivi. L'accesso alle risorse di rete è limitato al dominio da cui è stata ottenuta l'applicazione. Si noti che le applicazioni Flash possono essere controllate anche utilizzando il codice JavaScript presente nella stessa pagina. Lo stesso Macromedia Flash Player per Microsoft Internet Explorer è un controllo ActiveX e utilizza la potenza dei controlli ActiveX per accedere alle proprietà dell'applicazione Flash dai linguaggi di scripting.

Va notato che oltre ai mezzi più diffusi di cui sopra per espandere le funzionalità dei browser, esistono una serie di altri strumenti, solitamente implementati sotto forma di cosiddetti plug-in. Poiché anche i plug-in sono codice eseguibile, i browser moderni hanno i mezzi per limitare le possibilità associate al caricamento e all'esecuzione degli stessi.

In conclusione, notiamo che gli strumenti elencati per estendere le funzionalità delle pagine HTML possono essere utilizzati anche in pagine dinamiche generate da applicazioni Web lato server. Così, di recente, si sono diffusi strumenti per la creazione di applicazioni Web che girano sotto il controllo di server Web e generano pagine HTML dinamiche con codice incorporato in linguaggi di scripting destinati all'interpretazione del browser.

Tecnologie per la creazione di parti server di applicazioni Web

Come abbiamo già visto, le possibilità associate all'esecuzione di codice nei client Web possono essere notevolmente limitate sia dal punto di vista tecnologico che attraverso l'amministrazione e le impostazioni dell'utente. In generale, ciò corrisponde a requisiti di sicurezza abbastanza ragionevoli. Ecco perché, insieme allo sviluppo di strumenti per estendere la funzionalità dei browser, sono state sviluppate anche tecnologie associate all'esecuzione del codice dell'applicazione non nei browser, ma sugli stessi server Web. Di seguito esamineremo molto brevemente i più comuni.

CGI

La Common Gateway Interface (CGI) è un'interfaccia standard che consente l'esecuzione di applicazioni lato server chiamate tramite un URL. Le informazioni di input per tali applicazioni sono il contenuto dell'intestazione HTTP o il corpo della richiesta, a seconda del protocollo utilizzato. Le applicazioni CGI generano codice HTML che viene restituito al browser. Si noti che un tempo era ampiamente utilizzato anche il termine "script CGI", la cui origine è spiegata dal fatto che tali applicazioni erano scritte in linguaggi di scripting come Perl, che però non vengono eseguiti nel browser, ma sul server. Le applicazioni CGI possono essere create utilizzando quasi tutti gli strumenti di sviluppo che generano applicazioni console per il sistema operativo su cui è in esecuzione il server Web.

Il problema principale con tutte le applicazioni CGI è che con ogni richiesta del client, il server carica l'applicazione in uno spazio di indirizzi separato, quindi ne avvia l'esecuzione e lo scaricamento. Questa funzionalità limita le prestazioni delle applicazioni e la capacità di elaborare un numero elevato di richieste client contemporaneamente.

ISAPI e Apache DSO

Il problema delle prestazioni limitate delle applicazioni Web eseguite in uno spazio di indirizzi separato può essere risolto creando l'applicazione come libreria che viene caricata nello spazio di indirizzi del server Web e, se necessario, rimane lì per elaborare le richieste successive da altri client ; Naturalmente, in questo caso, il Web server deve supportare il caricamento di tali librerie. Applicazioni simili per Microsoft Internet Information Servise sono chiamate ISAPI (Internet Server Application Program Interface) e per il popolare server Web Apache, tali librerie sono chiamate Apache DSO (Dynamic Shared Objects). Si noti, tuttavia, che durante la creazione di applicazioni CGI e ISAPI, è stato abbastanza difficile separare le attività di progettazione Web dalle attività relative all'implementazione della funzionalità e della logica delle applicazioni: tali applicazioni generano intere pagine Web, quindi tutti i dati associati con il design di queste pagine, dovrebbe essere generalmente contenuto all'interno del file eseguibile.

ASP, JSP, PHP

Il passo successivo nello sviluppo delle tecnologie per la creazione di applicazioni Internet è l'emergere di strumenti che consentono di separare le attività di progettazione Web dalle attività associate all'implementazione della funzionalità dell'applicazione. La prima di queste tecnologie è stata Active Server Pages (ASP), costruita sulla base del filtro ISAPI. L'idea di base di ASP è quella di creare pagine Web con frammenti di codice incorporati in linguaggi di scripting. Tuttavia, a differenza dei mezzi di utilizzo dei linguaggi di scripting discussi sopra per estendere le funzionalità dei browser, questi frammenti di codice vengono interpretati non dal browser, ma dal server (più precisamente dalla libreria ISAPI progettata per questo) e il risultato dell'esecuzione di questi frammenti di codice sostituisce il frammento di codice stesso in quella versione della pagina. , che viene passato al browser dell'utente. Subito dopo l'ASP, sono apparse altre tecnologie che hanno implementato l'idea di inserire codice all'interno di una pagina Web eseguita da un server Web. La più famosa oggi è la tecnologia JSP (Java Server Pages), la cui idea principale è quella di compilare il codice Java (servlet) al primo accesso, eseguire i metodi di questo servlet e posizionare i risultati di questi metodi in un set di dati inviato al browser. Un'altra tecnologia popolare di questo tipo è PHP (Personal Home Pages), che utilizza applicazioni CGI che interpretano il codice incorporato nella pagina HTML in un linguaggio di scripting.

ASP.NET

L'ultima versione della tecnologia di Active Server Pages è ASP .NET, che è la chiave per l'architettura di Microsoft .NET Framework. La principale differenza tra questa tecnologia e ASP in termini di architettura dell'applicazione è che il codice presente nella pagina Web non viene interpretato, ma compilato e memorizzato nella cache, il che migliora naturalmente le prestazioni dell'applicazione.

Con ASP .NET è possibile creare applicazioni Web e servizi Web che non solo consentono la generazione dinamica di pagine HTML, ma si integrano anche con componenti lato server e possono essere utilizzati per risolvere un'ampia gamma di problemi aziendali affrontati dagli sviluppatori di moderne applicazioni Web. .

In generale, un client Web server può essere non solo un personal computer dotato di client Web convenzionali (ad esempio un browser Web), ma anche dispositivi mobili caratterizzati da dimensioni dello schermo limitate, memoria insufficiente e spesso impossibilità di visualizzare grafica. Questi dispositivi hanno i propri protocolli di trasferimento dati (Wireless Access Protocol, WAP) e linguaggi di markup corrispondenti (WML, Wireless MarkupLanguage, СHTML, Compact HTML, ecc.). In questo caso è necessario trasferire i dati su un dispositivo mobile nel formato appropriato, per il quale spesso vengono creati siti appositi (ad esempio quelli che supportano WAP e WML). Sembra più conveniente creare applicazioni in grado di generare l'uno o l'altro codice a seconda del tipo di client. Questo approccio è implementato in Microsoft ASP .NET.

Qualche parola sui server delle applicazioni

Con l'aumento del volume dei dati utilizzati e del numero di visitatori dei siti Web, aumentano i requisiti di affidabilità, prestazioni e scalabilità delle applicazioni Web. Per soddisfare questi requisiti, la logica aziendale implementata in un'applicazione Web, nonché i servizi di elaborazione dati e transazione, vengono separati dall'interfaccia dell'applicazione e trasferiti al server delle applicazioni come oggetti business. I server delle applicazioni e gli oggetti business correlati possono essere di vari tipi (i più comuni di questi oggi sono i server che supportano la specifica Java2 Enterprise Edition e i server basati sulle tecnologie COM e Microsoft .NET). Tuttavia, la considerazione dei server delle applicazioni esula dallo scopo di questo articolo...

Si noti che gli oggetti business spesso forniscono l'accesso ai dati dei sistemi informativi aziendali o implementano alcune parti delle loro funzionalità, svolgendo le funzioni di integrazione di applicazioni Web con altre applicazioni utilizzate nell'azienda.

Servizi web

Parlando di tecnologie Web lato server, non si può ignorare quella importante, come i servizi Web XML. I servizi Web XML sono ora spesso assegnati per risolvere molte delle attività associate all'integrazione delle applicazioni, comprese quelle create su piattaforme diverse. È possibile creare servizi Web sotto forma di file eseguibili, sotto forma di librerie e sotto forma di codice interpretato; esistono anche mezzi per esporre oggetti aziendali come servizi Web. I metodi dei servizi Web possono essere richiamati da normali applicazioni, applicazioni Web e altri servizi Web e, con rare eccezioni, gli utenti finali non interagiscono direttamente con i servizi Web. Tuttavia, recentemente si è verificata una massiccia comparsa di applicazioni che utilizzano servizi Web, comprese le applicazioni progettate per gli utenti finali.

Conclusione

In questo articolo abbiamo discusso delle tecnologie più popolari utilizzate nella creazione di applicazioni Web, ovvero: estensioni del browser come linguaggi di scripting, controlli ActiveX, applet Java e applicazioni Macromedia Flash, nonché tecnologie per la creazione di applicazioni Web lato server, come come CGI, ISAPI, ASP, JSP, PHP, ASP .NET.

Leggi completamente

Scopri nuovi e potenti approcci all'architettura web e alla progettazione di siti web basata sull'esperienza utente. Il libro adotta un approccio pragmatico, risolutivo e incentrato sull'utente alla pianificazione, progettazione e sviluppo di applicazioni web dinamiche. Imparerai come ottenere il massimo dalla progettazione basata sul dominio, come determinare l'architettura di supporto ottimale e padroneggiare i moderni approcci di progettazione incentrati sull'esperienza utente. L'autore considera la selezione e l'implementazione di tecnologie specifiche, nonché i principali argomenti relativi all'esperienza dell'utente, tra cui la progettazione di applicazioni web mobili e la progettazione adattiva. Imparerai come sfruttare al meglio le tecnologie Microsoft come ASP.NET MVC e SignaIR in combinazione con altre tecnologie come Bootstrap, AJAX, JSON e JQuery. Sfruttando queste tecnologie e padroneggiando il nuovo framework ASP.NET Core 1.0, puoi sviluppare rapidamente applicazioni Web complesse che risolvono problemi reali e offrono un'esperienza utente eccezionale.
Dino Esposito, multiplo Microsoft Most Valuable Professional, ti insegnerà:
- progettare siti web e applicazioni web che riflettano i processi sociali e aziendali reali;
- utilizzare metodi di progettazione orientata al dominio per analizzare e ridurre la complessità delle aree disciplinari;
— utilizzare una progettazione incentrata sull'esperienza per ridurre i costi e soddisfare i requisiti degli utenti;
- confrontare realisticamente i paradigmi web di server e client;
- le basi della nuova piattaforma ASP.NET Core 1.0;
- semplificare lo sviluppo di moderne pagine web utilizzando il framework Bootstrap;
- tecniche pratiche ed efficaci per la realizzazione di progetti ASP.NET MVC;
- prendere in considerazione le nuove opportunità per implementare meccanismi di archiviazione e lavorare con i modelli di dati;
- comprendere i vantaggi, gli svantaggi ei compromessi del responsive web design;
- creare siti Web veramente mobili e ottimizzati per dispositivi mobili.

Nascondere

Le applicazioni di web design hanno cambiato per molto tempo il modo in cui i designer progettano i siti web. L'uso di strumenti moderni rende le cose molto più facili e veloci, ad esempio se utilizzi app e macro di completamento automatico. Oggi, i designer che preferiscono progettare visivamente possono utilizzare alcune di queste app per creare progetti che si trasformano in codice che possono quindi essere aggiunti online.

Il fatto è che la maggior parte delle piattaforme di sviluppo web in questi giorni rende molto più facile per i professionisti lo sviluppo dei propri siti web. Ad esempio, se sei fuori dalla portata di una connessione Internet e desideri continuare con il tuo progetto, tali applicazioni saranno di grande aiuto in questo.

Ci sono molte fantastiche app di sviluppo web là fuori, e qui ci sono alcune delle migliori che potresti prendere in considerazione di utilizzare.

Questa è un'applicazione che può aiutarti a creare i tuoi siti Web standard professionali in pochi minuti. Questa è la migliore applicazione che dovresti considerare se stai cercando uno strumento di sviluppo web che farà tutto per te, soprattutto se sei un utente Windows. Esistono due versioni: gratuita e premium (versione a pagamento), ma entrambe sono ugualmente impressionanti. L'applicazione combina il design e la codifica WYSIWYG, fornendo uno strumento che non è solo molto veloce, ma anche molto facile da imparare. La versione gratuita potrebbe non avere alcune delle funzionalità della versione a pagamento, ma è comunque un'app straordinaria che merita la tua attenzione.

Questa è la migliore applicazione da utilizzare, siti Web reattivi che avranno anche un aspetto esteticamente gradevole sia su desktop che su dispositivi mobili. Con Mobirise, la creazione di siti Web può essere molto divertente. Lo strumento viene fornito con vari blocchi che gli sviluppatori Web possono selezionare e trascinare dove desiderano posizionarli, quindi modificare le impostazioni predefinite in base alle proprie esigenze.

È un editor di testo versatile che viene fornito con molti strumenti straordinari per gli sviluppatori web. Potrebbe non essere il massimo, ma è decisamente buono. È un'interfaccia Windows che offre un ottimo editor di programmazione che include template per i linguaggi di programmazione più comuni come HTML, VBScript, client FTP, PHP.

Un'applicazione di sviluppo web molto reattiva che devi semplicemente considerare come uno degli strumenti per i tuoi progetti. Esiste una versione gratuita con funzionalità limitate che puoi utilizzare e una versione a pagamento che offre funzionalità complete che puoi utilizzare nel tuo sviluppo web. TOWeb è un'applicazione molto facile da usare che contiene fantastici modelli che possono essere personalizzati a proprio piacimento. Come lo strumento precedente, TOWeb supporta molti linguaggi di programmazione.

Questa è la migliore app che puoi utilizzare se vuoi creare fantastiche animazioni per i tuoi siti web. Viene spesso utilizzato da designer che sono direttamente coinvolti nell'animazione e nella pubblicità, quindi se sei il tipo di designer che crea elementi animati da utilizzare in altri programmi che potrebbero essere disponibili su tutte le piattaforme, allora questa applicazione è ciò di cui hai bisogno. Ci sono una serie di funzionalità che amerai di questa app, tra cui l'integrazione di Google Drive, eventi, oggetti 3D, livelli e altro ancora.

Un editor drag-and-drop molto semplice, ideale per i principianti che stanno sviluppando i loro primi siti. Questa app include hosting gratuito e pagine illimitate, tra tutte le altre fantastiche funzionalità. Se vuoi creare un sito fantastico senza perdere troppo tempo a crearlo, allora questo programma ti tornerà utile.

Ottima app che puoi iniziare a utilizzare subito. Lo strumento si basa su Firefox e offre un approccio moderno alla creazione di ottimi siti Web. Ha caratteristiche eccezionali e, sebbene la maggior parte di esse richieda l'acquisto di una licenza, ce ne sono alcune che ti vengono offerte gratuitamente, anche se con un uso limitato.

Questa è un'applicazione web ottima per lo sviluppo web, tuttavia, a causa della sua complessità, non è adatta ai principianti. Tuttavia, nonostante il fatto che lo strumento non sia così facile da usare, offre un'enorme opportunità per coloro che hanno già una certa esperienza nello sviluppo web.

Un editor di testo pensato solo per gli sviluppatori web più avanzati. Il fatto che sia uno strumento basato su testo lo rende non esattamente adatto ai principianti, ma se hai una certa esperienza di programmazione, allora questa è un'app che vale la pena considerare per i progetti di sviluppo web. È piccolo e leggero, puoi persino portarlo su un'unità flash. SynWrite è uno strumento completo, con registrazione di macro, cronologia degli appunti, plug-in, tonnellate di aiuto per la codifica, annunci e tavolozze. Consente inoltre agli sviluppatori di cercare e sostituire più file e modelli di codice. Questa è probabilmente la migliore applicazione da utilizzare durante l'intero progetto, dalla creazione del layout alla scrittura del codice.

È un'app di sviluppo Web elegante che può aiutarti a creare siti Web lucidi ed esteticamente gradevoli. Un'app online che offre fantastiche funzionalità se le paghi, il che significa che puoi aspettarti un po 'più di funzionalità se sei disposto a separarti con qualche soldo in più. C'è anche una versione gratuita, tuttavia non ha tutte le funzionalità della versione a pagamento.

Le app di sviluppo Web sono progettate per semplificare il tuo lavoro fornendo alcune delle funzionalità e degli strumenti di cui avrai bisogno come sviluppatore. La tua scelta dovrebbe dipendere dalle funzionalità che stai cercando e dal tipo di sito web che desideri creare.

Di recente, principalmente in relazione a UX e performance.

Voglio presentare 7 principi attuabili per i siti Web che desiderano utilizzare JavaScript per controllare la propria interfaccia utente. Questi principi sono il risultato del mio lavoro di web designer, ma anche di utente di lunga data del WWW.

JavaScript è diventato innegabilmente uno strumento indispensabile per gli sviluppatori front-end. Ora il suo ambito si sta espandendo ad altre aree, come server e microcontrollori. Questo linguaggio di programmazione è stato scelto da prestigiose università per insegnare agli studenti le basi dell'informatica.

Allo stesso tempo, ci sono una serie di domande sul suo ruolo e sull'uso specifico, a cui molti hanno difficoltà a rispondere, compresi gli autori di framework e librerie.

JavaScript dovrebbe essere utilizzato in sostituzione delle funzionalità del browser: cronologia, navigazione, rendering?
Il backend sta morendo? Devo eseguire il rendering dell'HTML?
È vero che le applicazioni a pagina singola (SPA) sono il futuro?
JS dovrebbe generare pagine in un sito Web ed eseguire il rendering di pagine in applicazioni Web?
Devo usare tecniche come PJAX o TurboLinks?
Qual è la differenza esatta tra un sito Web e un'applicazione Web? Ne dovrebbe essere rimasto uno?

Quello che segue è il mio tentativo di rispondere a queste domande. Ho provato a ricercare come utilizzare JavaScript dal punto di vista dell'utente (UX). In particolare, ha prestato particolare attenzione all'idea di ridurre al minimo il tempo impiegato dall'utente per ottenere i dati di suo interesse. A cominciare dalle basi delle tecnologie di rete e termina con la previsione del comportamento futuro degli utenti.

1. Il rendering delle pagine sul server è facoltativo

tl;DOTT: Il rendering sul server non viene eseguito per la SEO, ma per le prestazioni. Prendi in considerazione richieste aggiuntive per script, stili e successive richieste API. In futuro, considera l'utilizzo del metodo push HTTP 2.0.

Prima di tutto, devo sottolineare l'errore comune di separare le "applicazioni rese dal server" dalle "Applicazioni a pagina singola". Se vogliamo ottenere la migliore esperienza dal punto di vista dell'utente, allora non dovremmo limitarci a tali limiti e abbandonare un'alternativa a favore di un'altra.

Le ragioni sono abbastanza ovvie. Le pagine vengono trasmesse su Internet, che ha limitazioni fisiche, come ha illustrato in modo memorabile Stuart Cheshire nel suo famoso saggio "È latenza, stupido":

La distanza tra Stanford e Boston è 4320 km.
La velocità della luce nel vuoto è 300 x 10^6 m/s.
La velocità della luce in una fibra ottica è circa il 66% della velocità della luce nel vuoto.
La velocità della luce in una fibra ottica è 300 x 10^6 m/s * 0,66 = 200 x 10^6 m/s.
Ritardo di trasmissione unidirezionale a Boston 4320 km / 200 x 10^6 m/s = 21,6 m/s.
Il ritardo di andata e ritorno è di 43,2 m/s.
Il ping da Stanford a Boston su Internet moderno è di circa 85 ms (...)
Quindi, le moderne apparecchiature Internet trasmettono un segnale a una velocità di 0,5 della velocità della luce.

Il risultato indicato di 85 ms può essere migliorato (ed è già leggermente migliore), ma è importante capire che esiste un limite fisico al ritardo nella trasmissione di informazioni su Internet, indipendentemente da quanta larghezza di banda viene aumentata sui computer degli utenti .

Ciò è particolarmente importante a causa della crescente popolarità delle applicazioni JavaScript, che di solito contengono solo markup.