Share
Lo sviluppo del web può spesso essere un affare totalmente sconcertante. Oggi, rivolto ai principianti, vorrei presentarvi ventisei concetti o tecnologie, ciascuna mappata a una lettera dell'alfabeto. Suoni strabilianti? Probabilmente lo è! Iniziamo dopo il salto.
Tutorial ripubblicatoOgni poche settimane, rivisitiamo alcuni dei post preferiti del nostro lettore da tutta la cronologia del sito. Questo tutorial è stato pubblicato per la prima volta nel marzo 2011.
AJAX è acronimo di Asynchronous JavaScript And XML ed è la principale forza trainante di tutte queste applicazioni super-web che hai utilizzato negli ultimi anni.
AJAX, come tecnologia, è stato praticamente pervasivo. GMail? Dai un'occhiata. Flickr? Dai un'occhiata. eBay? Dai un'occhiata. Puoi persino trovarlo nel pannello di amministrazione di WordPress. Quindi, cosa fa esattamente e come lo fa??
Al centro di tutto c'è XMLHttpRequest che consente di inviare e ricevere chiamate, dopo una pagina è stata completamente renderizzata senza toccare il resto della pagina. Ciò significa essenzialmente che un'applicazione web non deve passare attraverso l'aggiornamento di una pagina intera per ogni singola azione. Ciò, a sua volta, offre un'esperienza utente desktop molto più fluida e coinvolgente.
Lettura correlata
Un browser è la struttura sobria su cui inquadra i tuoi magnifici capolavori, che si tratti di siti Web o applicazioni. Tuttavia, non si limitano al recupero di siti Web: i browser Web moderni sono piuttosto le bestie multitasking. La mia installazione, ad esempio, tocca IRC, FTP nei miei server di sviluppo e sincronizza le mie credenziali su tutti i dispositivi che uso.
Come potresti aver ipotizzato, i browser sono contemporaneamente la causa di grande allegria e rabbia per il moderno sviluppatore web: sono strumenti inestimabili e bestie fastidiose. Qualsiasi sviluppatore che deve assicurarsi che il suo lavoro debba apparire perfezionare nel ogni il browser conoscerà il dolore.
Lettura correlata
Il CSS è un polo del tridente dello sviluppo front-end. Il CSS, che sta per Cascading Style Sheets, è la lingua con cui definisci come viene visualizzata una pagina - la sua presentazione, se vuoi.
Durante i giorni horror dello sviluppo web, gli sviluppatori spesso intrecciavano il codice di presentazione alla loro fonte. I CSS, tra le altre tecnologie, hanno notevolmente alleggerito fornendo un metodo per separare la presentazione dal contenuto.
Lettura correlata
Il DOM, un'abbreviazione di Document Object Model, è la convenzione accettata per l'interazione con documenti HTML [o XML]. L'API DOM fornisce un modo per attraversare e manipolare un documento a livello di codice.
Il DOM crea una gerarchia che corrisponde alla struttura del documento HTML analizzato. I bambini sono chiamati nodi o nodi DOM.
Se senti qualcuno parlare del DOM, è probabile che stiano parlando di scripting DOM. Questo è il termine usato per descrivere l'accesso e la manipolazione del DOM tramite JavaScript. Questa è la tecnologia alla base dei più moderni siti Web e applicazioni che vedi oggi.
Lettura correlata
Le moderne applicazioni web sono attività profondamente guidate dagli eventi. Ma cos'è un evento? La maggior parte delle cose che fai su una pagina web costituiscono un evento. Il trepidativo passaggio del mouse su un collegamento divertente ma probabilmente NSFW, facendo clic su un pulsante, premendo la scheda per passare al campo di testo successivo, sono tutti eventi validi.
La gestione degli eventi si riferisce al processo in cui si allega una porzione specifica di codice da eseguire ogni volta che viene attivato un determinato evento. Di nuovo, questo è uno di quei concetti fondamentali alla base dello sviluppo web moderno che dovrai padroneggiare.
Lettura correlata
Ogni artigiano ha bisogno dei suoi strumenti per lavorare in modo efficiente. Gli sviluppatori Web non sono devianti da questa regola. Uno degli strumenti più robusti è Firebug.
Firebug è un'estensione per Firefox che galvanizzerà il tuo flusso di lavoro. Ti consente di modificare e monitorare al volo ogni aspetto di ogni pagina. Non riesco a spiegare tutte le funzionalità che fornisce quindi assicurati di cliccare sui link qui sotto.
Lettura correlata
Le griglie sono le strutture visive su cui sono strutturate le pagine. Trasportato dal settore della stampa una volta fiorente, le griglie sono una parte essenziale del moderno flusso di lavoro di sviluppo web.
Esistono numerosi framework CSS che soddisfano esattamente questa esigenza poiché la creazione di un layout basato su griglia, per un numero non banale di pagine e layout, può essere un esercizio di masochismo.
Lettura correlata
Se stai leggendo questo oggi, probabilmente hai già una vaga idea di cosa sia. Se sei stato indotto in questo link, continua a leggere. A proposito, benvenuto in Nettuts! Scriviamo su sviluppo web, cookie e Justin Bieber.
HTML è l'acronimo di HyperText Markup Language, il linguaggio di marcatura defacto del Web - è per le pagine Web come i mattoni sono per le case. L'HTML consiste di diversi componenti o elementi: tag, attributi di tag e il contenuto racchiuso tra i tag.
L'ultima versione dello standard HTML, HTML5, ci offre ora numerose nuove funzionalità, semplificando il flusso di lavoro e risolvendo alcune incompatibilità.
Lettura correlata
Ah, Internet Explorer. Il nome evoca sia timore e rabbia. Una volta un eroe che ha lanciato sul mercato nuove e straordinarie caratteristiche, ha fatto avanzare il settore da solo, ma ha anche lasciato cadere la palla lasciando che il browser si fermasse. Fino alla data, è anche la principale causa di alopecia negli sviluppatori di front-end. Dopo un decennio di battute, l'ultima versione di Internet Explorer, 9, è ancora una volta sulla strada giusta verso l'innovazione.
Qualunque sia la tua posizione nei confronti di Internet Explorer, è una parte intrinseca e inestricabile del processo di sviluppo web.
Lettura correlata
JavaScript è l'ultimo membro del trio di sviluppo web essenziale. JavaScript, che NON è Java, è il linguaggio di scripting del web. Il suo utilizzo in miliardi di pagine Web e, cosa più importante, le puntate sui siti Web che reclamano. Definisci il comportamento tramite JavaScript: gestendo gli eventi, manipolando il DOM e parlando al server.
Grazie all'incredibile adozione di librerie, come jQuery, la consapevolezza e la conoscenza di JavaScript è cresciuta ogni anno, anno dopo anno. Penso sia appropriato dire che JavaScript è un must assoluto per ogni sviluppatore web moderno.
Lettura correlata
SEO si riferisce solo tangenzialmente allo sviluppo web, ma anche in questo caso, è importante per uno sviluppatore web avere una conoscenza di base di ciò che è SEO e cosa fa.
L'ottimizzazione delle parole chiave si riferisce al processo di scelta delle parole chiave corrette per il tuo sito Web e quindi all'ottimizzazione per consentire al pubblico di trovare il tuo sito. Mentre ti diletti con tutti i principi del SEO, ricorda questo: il contenuto è re. Se hai contenuti scadenti con un SEO eccellente, gli utenti ti troveranno ma se ne andranno poco dopo. Se hai un buon contenuto, gli utenti ti troveranno e resteranno.
Lettura correlata
Less è un linguaggio di fogli di stile con pochi assi nelle maniche. Il loro sito web lo afferma MENO estende i CSS con comportamenti dinamici come variabili, mixin, operazioni e funzioni e sono propenso a essere d'accordo.
MENO è CSS sugli steroidi anabolizzanti. Sì, suonava meglio nella mia testa ma sai cosa significa. Porta i concetti di un linguaggio dinamico in CSS, rendendo così molto più facili da gestire i fogli di stile giganteschi.
Lettura correlata
Il pattern Model View Controller, meglio conosciuto come MVC, è uno dei più utilizzati nel mondo dello sviluppo web. È un modello architettonico che separa ogni parte di un'applicazione Web in blocchi logici per una migliore manutenibilità: i modelli gestiscono i dati, le visualizzazioni gestiscono la presentazione mentre il controller coordina il flusso di informazioni tra i due.
Se hai utilizzato un moderno framework di sviluppo web, hai utilizzato MVC. Ruby on Rails, Code Igniter e Zend Framework usano tutti questo modello.
Lettura correlata
Node.JS ha inaugurato una nuova era di sviluppo web. Abilita l'esecuzione di JavaScript su una VM [V8] incredibilmente veloce. Le conseguenze di tale cambiamento di paradigma potrebbero non essere immediatamente evidenti, ma un'oretta circa con esso lo renderà chiaro come giorno.
La velocità incredibile e la possibilità di gestire migliaia di eventi IO simultanei sono i principali punti di discussione insieme alla base di utenti JavaScript quasi universale.
Lettura correlata
La programmazione orientata agli oggetti è stata ampiamente adottata dalla comunità di programmazione per la flessibilità che porta in tavola. Con OOP è possibile scrivere poche righe di codice, renderlo più DRYer e quindi molto più facile da mantenere.
Ma cos'è esattamente un oggetto? È abbastanza difficile spiegarlo in una singola frase semanticamente autonoma, quindi assicurati di cliccare sui link qui sotto!
Lettura correlata
PHP è inequivocabilmente il linguaggio più diffuso sul lato server: alimenta milioni, forse miliardi, di pagine Web e applicazioni.
Anche di fronte a una serie di nuove, probabilmente migliori opzioni per scrivere applicazioni web, PHP non solo è sopravvissuto, ma è fiorito. WordPress, Joomla, Drupal, MediaWiki usano PHP dietro le quinte. Uno dei motivi principali è la facilità di implementazione e la relativa facilità con cui è possibile trovare host che supportano PHP.
Lettura correlata
Una query, nel nostro contesto, può riferirsi a una serie di cose. Un linguaggio di query viene utilizzato per interfacciarsi con sistemi esterni per ottenere informazioni. SQL è un buon esempio che viene utilizzato per ottenere informazioni dai database relazionali.
Una stringa di query, d'altra parte, sono blocchi di informazioni che vengono passati all'applicazione Web come parte dell'URL. Questi dati possono essere qualsiasi cosa proveniente dalla pagina che l'utente sta tentando di accedere all'ID di autorizzazione di una transazione. Le stringhe di query sono formattate come coppie di valori chiave.
Lettura correlata
Le espressioni regolari offrono un modo flessibile per associare stringhe di testo a modelli specifici. È scritto in un linguaggio specifico che è interpretato da un parser. Tutte le lingue moderne hanno il supporto di espressioni regolari.
Lettura correlata
Il controllo del codice sorgente è un termine prevalente in tutta la comunità di sviluppo, indipendentemente dall'aspetto su cui sono focalizzati: i programmatori che lavorano su tutto, dal bare metal al cloud computing usano il controllo del codice sorgente.
Ma cos'è? In poche parole, il controllo del codice sorgente consente a un team di sviluppatori di lavorare sullo stesso sottoinsieme di file con le modifiche apportate da ciascun membro, rintracciabili e identificabili. Ogni versione del codice base può essere confrontata, unita o addirittura ripristinata.
Lettura correlata
Ancora una volta, uno degli elementi comuni tra quasi tutti gli sviluppatori. TDD è l'acronimo di Test Driven Development e si riferisce al processo in cui codice e test automatizzati per testare quel codice vengono scritti vicino contemporaneamente. Ciò elimina gran parte della noiosità dei test del software e, quindi, incoraggia gli sviluppatori a testare più spesso.
Lettura correlata
Il test unitario è un sottoinsieme di TFF in cui vengono testate piccole unità del codice sorgente per assicurarsi che siano pronte per la produzione. Mentre un'unità si riferisce spesso a un metodo in OOP, generalmente si riferisce alla porzione più piccola di un'applicazione che può essere testata indipendentemente.
Lettura correlata
Vim è un editor di testo profondamente polarizzante che usa il famoso editor hip Nettuts, Jeffrey Way. Vim è gratuito, open source e estremamente ricco di funzionalità. Il rovescio della medaglia, la curva di apprendimento è quasi intollerabilmente ripida e senza le risorse adeguate, sarai perso per molto tempo. Clicca sui link qui sotto per vedere se ne vale la pena.
Lettura correlata
Nota dell'editore: Il team di Nettuts + non può né confermare né negare che l'editore di Nettuts + sia ... "alla moda".
WordPress ha iniziato come un sistema di blogging minimale ma nel suo stato attuale è straordinariamente estensibile. È estensibile al punto da essere utilizzato come tutto, da un CMS a un sistema di e-commerce, a tutto ciò che sta in mezzo.
Ha anche un gruppo di seguaci quasi di culto formato da sviluppatori e designer che giurano sulla piattaforma rendendola una piattaforma affidabile su cui basare il tuo sito Web imminente.
Lettura correlata
XSS è l'acronimo di Cross-site scripting. È uno tra un numero di possibili trucchi di sicurezza che potresti incontrare durante la creazione di un'applicazione web.
XSS si riferisce all'atto di caricare il sito Web o l'applicazione vulnerabili con script dannosi al fine di ottenere privilegi elevati o informazioni sensibili, spesso entrambi.
Lettura correlata
La libreria dell'interfaccia utente di Yahoo è una libreria JavaScript che semplifica il processo di creazione di applicazioni Web interattive. Come la maggior parte delle librerie moderne, fornisce il supporto per la manipolazione DOM e AJAX out of the box.
Pur non essendo noto come jQuery, YUI ha ancora una base di utenti non banale. ed è attivamente sviluppato.
Lettura correlata
Z-Index è una proprietà CSS che definisce come un elemento è impilato su una pagina, definisce quanto vicino un elemento si trova nella parte superiore della finestra. Un numero più alto significa che verrà visualizzato sopra gli elementi con un numero inferiore.
Sebbene questa proprietà possa essere relativamente specializzata, questo entra in gioco quasi subito quando costruisci widget o disegni web più complicati.
Lettura correlata
E abbiamo finito. Spero che tu abbia letto tutto questo mentre lo stavo mettendo insieme. Grazie mille per la lettura!
Accentsconagua