Share
Bene, il 2012 si è concluso. Una pletora di tutorial e articoli eccellenti sono stati pubblicati durante l'anno, sia qui su Nettuts + che altrove sul web. Per documentare l'anno, ho compilato un elenco di sessanta dei migliori tutorial, mese per mese. Probabilmente ne troverai alcuni che ti sono mancati lungo la strada!
A volte, è facile essere sopraffatti da quanto c'è da imparare in questo settore. Se jQuery si trova nella tua lista personale di "necessità di imparare presto", consulta il corso di Jeffrey Way "Impara jQuery in 30 giorni". Se gli darai quindici minuti al giorno per il prossimo mese, ti aiuterà a diventare un professionista di jQuery - ed è gratis!
.i file htaccess sono usati per configurare Apache, così come una serie di altri server web. Nonostante l'estensione del tipo di file .htaccess, sono semplicemente file di testo che possono essere modificati utilizzando qualsiasi editor di testo. In questo articolo, esamineremo ciò che sono e come li puoi utilizzare nei tuoi progetti.
Cerca le funzioni HTML5, CSS3, ecc, sappi se sono pronte per l'uso e, se è così, scopri come dovresti usarle: con polyfill, fallback o come sono.
Prima di esplorare qualsiasi framework JavaScript che aiuti nella strutturazione delle applicazioni, può essere utile acquisire una conoscenza di base dei modelli di progettazione architettonica. I modelli di progettazione sono soluzioni comprovate a problemi di sviluppo comuni e possono suggerire paradigmi strutturali per aiutarci ad aggiungere un'organizzazione alla nostra applicazione.
Steve Souders discute l'impatto della velocità del sito Web sugli utenti che forniscono consigli sulla creazione di applicazioni HTML5 ad alte prestazioni.
Le promesse sono un'entusiasmante funzione jQuery che semplifica la gestione degli eventi asincroni. Ti consentono di scrivere callback più chiari e più brevi e di mantenere la logica applicativa di alto livello separata da comportamenti di basso livello. Una volta compreso Promises, ti consigliamo di utilizzarli per qualsiasi cosa, dalle chiamate AJAX al flusso dell'interfaccia utente. Questa è una promessa!
Ho ricevuto molte domande: "come hai fatto a far sembrare il tuo terminale come fa?" Se hai notato il mio terminale e sei curioso di come l'ho impostato, questo è il tutorial che fa per te! Naturalmente, ciò che si apprende qui sarà sufficiente per iniziare a creare il proprio prompt dei comandi personalizzato!
In questo articolo, esamineremo il processo di utilizzo di JavaScript, da una prospettiva basata su MVC, per manipolare il DOM. Più specificamente, progetteremo i nostri oggetti JavaScript, le loro proprietà e metodi e le loro istanze parallelamente al comportamento previsto delle nostre visualizzazioni (ciò che l'utente vede).
Ho usato SASS per quasi tutto quello che faccio di recente. Ecco alcune riflessioni sul viaggio. Da rapine, a trip-up, a turn-off. Da app e team a flussi di lavoro e sintassi.
Accentsconagua
getUserMedia
getUserMedia è un'API che consente a una pagina Web di accedere alla videocamera e al microfono di un utente tramite JavaScript. È supportato in Opera 12 e Opera Mobile 12 per Android e WebKit in versioni di Chrome Canary (istruzioni). Come molte altre API, non fa parte delle specifiche HTML5 "reali". Ha iniziato la vita come HTML5
In questo tutorial, cercheremo di creare un gestore di contatti completamente funzionale utilizzando Backbone.js, Underscore.js e jQuery. Daremo un'occhiata ai componenti di base che rendono spunta Backbone e ad alcuni dei metodi di convenienza esposti da Underscore. (Vedi l'intera sessione.)
In questo tutorial, dimostrerò come creare foto vintage (proprio come Instagram) con PHP e ImageMagick. Aspettare? Che cosa? Sì, puoi fare proprio questo con PHP e ImageMagick, e questo è solo un graffio sulla superficie!
ECMAScript 5 ha introdotto la modalità rigorosa su JavaScript. L'intento è di consentire agli sviluppatori di optare per una versione "migliore" di JavaScript, in cui alcuni degli errori più comuni e più eclatanti vengono gestiti in modo diverso. Per un po ', ero scettico, specialmente con un solo browser (Firefox) che inizialmente supportava la modalità rigorosa. Avanzando rapidamente fino ad oggi, tutti i principali browser supportano la modalità rigorosa nella loro ultima versione, tra cui Internet Explorer 10 e Opera 12. È ora di iniziare a utilizzare la modalità rigorosa.
Ecco il problema: quando carichi JavaScript da una terza parte dovresti farlo in modo asincrono. Potresti voler caricare i tuoi script in modo asincrono, ma per questo articolo concentriamoci su terze parti.
La premessa dei prefissi fa richieste irrealistiche su come gli sviluppatori mantengono i siti. C'è un sacco di discussioni su come far funzionare i prefissi (cambiando la policy), ma credo che siano già in disaccordo con il flusso di lavoro degli sviluppatori.
Le chiusure sono spesso viste come un'arte arcana nella terra di JavaScript. Una volta masterizzati, ti permettono di scrivere un JavaScript davvero sorprendente. Questo articolo ti farà conoscere la magia delle chiusure di JavaScript.
Se stai lavorando su un progetto di grandi dimensioni, avrai senza dubbio uno script di build o una serie di script di attività per aiutare con alcune delle parti ripetitive del processo. È possibile utilizzare Ant o Rake, a seconda della lingua in cui è scritto il progetto. Ma cosa si utilizza se il progetto è principalmente JavaScript? Questo è il problema che Ben Alman ha deciso di risolvere quando ha creato Grunt.
Sono abbastanza fiducioso che non sorprenderò nessuno dicendo che gli sprite dei CSS sono in circolazione da un po 'di tempo, elevando i loro punti un po' controversi nella sfera dello sviluppo Web già nel 2003.
Dato che il panorama del web diventa sempre più complesso, sta diventando estremamente importante offrire solide esperienze web a un numero crescente di contesti. Fortunatamente, il responsive web design offre ai creatori del web alcuni strumenti per realizzare layout che rispondono a qualsiasi dimensione dello schermo. Useremo le griglie fluide, le immagini flessibili e le query multimediali per ottenere un aspetto magnifico, indipendentemente dalle dimensioni dello schermo del dispositivo.
Ho scritto un README l'altro giorno per un progetto che spero che altri sviluppatori guardino e imparino, e mentre stavo scrivendo, ho capito che era il genere di cosa che avrebbe potuto intimidarmi a morte un paio di anni fa, che con le sue casuali menzioni di Node, npm, Homebrew, git, test e sviluppi di sviluppo e produzione.
Molti sviluppatori web utilizzano SSH ("Secure Shell") su base giornaliera per gestire i propri server, eseguire il backup dei file, lavorare in remoto e una miriade di altri compiti. Oggi spiegherò cos'è SSH, eseguirò una breve revisione della storia e, infine, ti insegnerò come configurarlo sul tuo server remoto o anche sulla tua rete locale. Iniziamo!
Per otto mesi ho avuto l'opportunità di fare il tirocinio con il team YUI di Yahoo, mentre stavo completando la mia laurea in ingegneria. Oggi vorrei condividere le dieci cose migliori che ho imparato dalla mia esperienza con YUI.
Costruire una gemma era un compito complesso che richiedeva una conoscenza precisa del formato della gemma, di se stesso o di alcuni strumenti dedicati per generare una piastra adatta. In questi giorni, possiamo usare l'eccellente Bundler per rimuovere questa complessità e mantenere al minimo la quantità di codice generato.
Abbiamo trattato l'API PDO di PHP un paio di volte qui su Nettuts +, ma, in generale, quegli articoli si sono concentrati maggiormente sulla teoria e meno sull'applicazione. Questo articolo lo risolverà! Per dirla chiaramente, se stai ancora usando la vecchia API mysql di PHP per collegarti ai tuoi database, continua a leggere!
Questa volta imparerai a conoscere i modelli Adattatore, Decoratore e Fabbrica.
JavaScript è una lingua curiosa. È facile da scrivere, ma difficile da padroneggiare. Alla fine di questo articolo, si spera, trasformerai il tuo codice spaghetti in un pasto di cinque portate, pieno di bontà leggibile e manutenibile!
In questa mini serie Nettuts +, creeremo un'applicazione web da zero, mentre ci immergiamo in un nuovo framework PHP che sta rapidamente prendendo piede, chiamato Laravel - un framework PHP 5.3 semplice ed elegante.
Di volta in volta, server e database vengono rubati o compromessi. Con questo in mente, è importante assicurarsi che alcuni dati utente cruciali, come le password, non possano essere recuperati. Oggi apprenderemo le nozioni di base relative all'hashing e quello che serve per proteggere le password nelle vostre applicazioni web.
Classi, lezioni, lezioni ovunque. Cosa succede se non abbiamo bisogno di classi CSS? E se smettessimo di preoccuparci di quante classi stiamo usando e di come dovremmo chiamarle e abbiamo appena finito con loro una volta per tutte? Non sarebbe una rivelazione per voi dire che gli elementi HTML possono essere stilizzati senza ricorrere all'attributo di classe, ma avete considerato la moltitudine di benefici che derivano dal rinunciare completamente alle classi?
AngularJS è come il Batarang mancante sulla tua cintura di utilità del web development awesomeness. Ti offre un collegamento dati bidirezionale, facile da usare e veloce, un potente sistema di gestione che ti consente di creare componenti personalizzati riutilizzabili e molto altro ancora. Express è un eccellente server web per Node.js che fornisce routing, middleware e sessioni. Per inciso, i due funzionano abbastanza bene insieme!
Sviluppo agile o agile: sentiamo queste parole più spesso in questi giorni. Ma sappiamo davvero di cosa si tratta? Come può aiutarci a diventare più efficaci, mentre ci divertiamo molto nello sviluppo di software? Come possiamo usarlo per comunicare con gli uomini d'affari e rendere questa comunicazione facile e costruttiva per entrambe le parti?
C'era una volta, c'era un file. Era sul tuo computer e volevi farlo su un server. Vi siete mai chiesti perché ci sono così tanti modi per farlo? Spiegheremo alcune delle basi della distribuzione in questo articolo in modo da capire quando usare cosa. Iniziamo!
Ammettiamolo: la comunità PHP è rimasta un po 'indietro quando si trattava di sostenere lo sviluppo basato sui test. Sappiamo che dovremmo, ma, fino ad oggi, una parte considerevole della comunità non lo fa. In questa nuova serie di video e tutorial, creati dal team Nettuts +, speriamo di cambiarlo. Fidati di me: non è così difficile come pensi.
Realizzare giochi in HTML5 Canvas non è difficile quando si impara la logica del gioco che si sta creando. In questo tutorial, imparerai come creare un gioco di ping-pong non troppo semplice in Canvas. Prima di tutto, diamo un'occhiata al concetto principale e alla logica di base di questo gioco.
La settimana scorsa è stata la sfida 7dfps, una sfida aperta in cui i partecipanti dovevano fare un FPS in una sola settimana. Questi concorsi sono molto molto interessanti per coloro che vogliono sperimentare con le cose. Sfidare te stesso è IMO il modo migliore per imparare nuove cose. Potresti anche conoscere il famoso contest "Ludum Dare". Ho imparato a usare Backbone.js e Three.js (una famosa libreria su WebGL) in una sola settimana, quindi non hai scuse per non essere in grado di fare lo stesso
Quindi hai accettato la sfida di diventare grossa sul lato client; molto bene. Hai considerato tutti i framework là fuori e non sei sicuro di quale scegliere? Non sei solo. Continuare a leggere.
Questo articolo ti aiuterà a utilizzare Vagrant per gestire le istanze della macchina virtuale e ti spiegherà come sfruttare Puppet per il provisioning di varie risorse, come PHP e PostgreSQL.
La programmazione guidata dagli eventi può essere travolgente per i principianti, il che può rendere difficile iniziare con Node.js. Ma non lasciarti scoraggiare; In questo articolo, ti insegnerò alcune nozioni di base su Node.js e spiegherò perché è diventato così popolare.
La domanda più frequente che ottengo da quando postando il mio articolo sui pattern di navigazione reattiva è: come gestisco la navigazione complessa per i progetti reattivi? "
Oggi combineremo alcuni strumenti diversi e creeremo un semplice pacchetto Node che consentirà a un utente di cercare una directory per i file. In questo tutorial useremo Grunt per fare un sacco di lavoro per noi, vedere come rendere eseguibile uno script Node sulla riga di comando e infine vedere come lo pubblichiamo sul Node Package Manager (npm) in modo che chiunque possa installare esso.
L'organizzazione può creare o distruggere la manutenibilità di un'applicazione. Con le applicazioni più piccole, l'organizzazione è più evidente; tuttavia, con l'aumentare dell'applicazione e con l'aumento del numero di sviluppatori di applicazioni e ingegneri front-end che generano codice, l'organizzazione più confusa può diventare. In questo post, esamineremo alcuni concetti di base per mantenere le applicazioni organizzate in modo che la ricerca di codice rilevante sia un processo efficiente e sistematico.
In questo screencast, costruiremo una classe relativamente semplice, usando le tecniche TDD. Lungo la strada, discuteremo vari metodi PHPUnit, come creare oggetti mock e altro! Ti incoraggio a lavorare insieme; è il modo migliore per imparare!
La maggior parte dei tutorial Backbone descriverà il processo di invio delle richieste RESTful al server. Ma come facciamo a catturare quei dati con il nostro framework lato server? Come facciamo a sapere quali sono gli URL di richiesta? Come monitoriamo queste richieste utilizzando Chrome Dev Tools? Ti mostrerò tutto questo e altro in questo screencast.
Quando si prende il percorso di progettazione del web reattivo, parte dell'affare è griglie fluide. Cioè, gli elementi del contenitore sono impostati in larghezze percentuali. Solo un esempio: an
In questa serie in due parti, esamineremo il Web Storage, una delle funzionalità migliori e più interessanti uscite dalle specifiche HTML5. Analizzeremo la cronologia di entrambi i Web Storage e i cookie.
Il test di JavaScript è un argomento delicato. Alcuni sviluppatori sono grandi sostenitori di esso (incluso me stesso), mentre altri non vedono il bisogno o il beneficio. Un'enorme barriera è il semplice fatto che a volte può richiedere una notevole quantità di configurazione per essere installato e funzionante. Più a lungo ci vuole, più è probabile che lo sviluppatore non si preoccupi. Ecco perché Testem è così fantastico; rende il test il più semplice possibile e, cosa più importante, divertente!
Uno dei molti obiettivi di design del linguaggio JavaScript era di mantenerlo a thread singolo e, per estensione, semplice. Anche se devo ammettere che, date le idiosincrasie dei costrutti linguistici, è tutt'altro che semplice! Ma ciò che intendiamo per "single-threaded" è che c'è un solo thread di controllo in JavaScript; sì, purtroppo, il tuo motore JavaScript può fare solo una cosa alla volta. Ora, non sembra troppo restrittivo fare uso di processori multi-core che giacciono inattivi sulla macchina? HTML5 promette di cambiare tutto questo.
E 'stata una corsa sconnessa, per quanto riguarda il supporto per lo spazio dei nomi in PHP. Fortunatamente, è stato aggiunto al linguaggio in PHP 5.3 e la struttura applicabile del codice PHP è migliorata notevolmente da allora. Ma esattamente come li usiamo?
Ho visto molte difficoltà quando hanno incontrato per la prima volta Backbone.js. In questo post del blog sarà gradualmente refactoring un po 'di codice da come ho usato per scrivere JavaScript prima, nel codice Backbone.js appropriato utilizzando modelli, collezioni, viste ed eventi. Speriamo che questo processo ti fornisca una solida comprensione delle principali astrazioni in Backbone.js.
Convalidare le forme è notoriamente una dolorosa esperienza di sviluppo. Implementare la validazione lato client in modo semplice, amichevole e accessibile agli sviluppatori è difficile. Prima di HTML5 non esistevano mezzi per implementare la convalida in modo nativo; pertanto, gli sviluppatori hanno fatto ricorso a una varietà di soluzioni basate su JavaScript.
Indipendentemente dal nostro attuale livello di abilità, eravamo tutti principianti in un determinato momento. Fare errori classici per principianti arriva con il territorio. Oggi abbiamo chiesto ad una varietà di autori di Nettuts + staff di elencare le loro insidie e soluzioni - in una varietà di lingue. Impara dai nostri errori; non fare queste cose!
Essendo un linguaggio puramente funzionale, Haskell ti limita da molti dei metodi convenzionali di programmazione in un linguaggio orientato agli oggetti. Ma limitare le opzioni di programmazione ci offre davvero vantaggi rispetto ad altre lingue? In questo tutorial, daremo un'occhiata a Haskell e tenteremo di chiarire di cosa si tratta e perché potrebbe valere la pena di utilizzarlo nei tuoi progetti futuri.
Non penso di doverti convincere che testare il tuo codice JavaScript è una buona idea. Ma a volte può risultare noioso testare il codice JavaScript che richiede un DOM. Ciò significa che è necessario testare il codice nel browser e non è possibile utilizzare il terminale, giusto? Sbagliato, in realtà: inserisci PhantomJS.
Questa settimana avevo in programma di dare un nuovo discorso a YUIConf intitolato, API JavaScript di cui non hai mai sentito parlare (e alcune di quelle che hai). Sfortunatamente, un conflitto di pianificazione significa che non potrò partecipare. Quindi, invece di lasciare che il lavoro di mettere insieme un marchio - = nuovo discorso vada sprecato (o sia in altro modo ritardato) ho deciso di mettere insieme uno screencast del discorso.
La mia vita di tutti i giorni è trascorsa lavorando in-house a BSkyB ... Lavoro su grandi siti web, l'ultimo dei quali mi ha messo più di un anno a costruire il front-end per (ed è ancora in corso). Per me, nel mio mondo, il cattivo CSS è una cosa molto specifica e problematica; quando lavori su un sito per mesi e mesi, non puoi permetterti codice scadente, che sia CSS o altro, e qualsiasi codice errato ha bisogno di raddrizzamento.
È comune che un client invii una richiesta per un file che non esiste sul server o che esiste in una posizione diversa. Ciò può verificarsi per una serie di motivi. È possibile spostare i file sul server (o su un server completamente diverso) oppure si consiglia di presentare una struttura di file system logica ai client di connessione.
Gli strumenti possono rendere fluidi i nostri flussi di lavoro, permettendoci di concentrarci su ciò che stiamo costruendo e non preoccuparci del processo. La maggior parte degli sviluppatori web, su tutte le parti dello stack, lavorano dalla riga di comando. Esistono innumerevoli programmi di utilità che possono renderti più produttivo. Queste non sono applicazioni a riga di comando complete, come Git, ma piuttosto strumenti semplici e componibili, che possono migliorare il tuo flusso di lavoro come sviluppatore web.
L'iniezione di dipendenza è stata oggetto di discussioni frequenti tra molti sviluppatori aziendali negli ultimi anni. Molti temevano che avrebbero potuto sacrificare troppo tempo per costruire la loro architettura applicativa senza fare alcun lavoro reale. In questo articolo, spiegherò perché gli sviluppatori PHP dovrebbero prendere in considerazione l'opportunità di sfruttare l'iniezione di dipendenza, quando si creano progetti grandi e scalabili.
I programmatori come me sono spesso intimiditi dal design, ma un piccolo sforzo può dare un enorme ritorno sull'investimento. Ecco i consigli di un programmatore per rendere ogni sito rapidamente più professionale. Sono un programmatore. Non sono un designer. Ho una laurea in informatica e non mi dispiace Comic Sans. (Sembra allegro. Andare avanti.)
Hai mai avuto una sessione terminale remota in esecuzione, solo per fare in modo che la connessione si interrompesse a metà di una grande attività? Quindi, ti ricolleghi, non sapendo nulla del suo progresso (se presente) e dello stato corrente. Lo schermo è la soluzione a questo problema. La schermata consente di avviare sessioni di terminale da cui è possibile disconnettersi e riprendere in qualsiasi momento.
Bene, questa è la mia lista di 60 fantastici suggerimenti e tutorial del 2012. Probabilmente hai alcuni dei tuoi preferiti; sentiamoli nei commenti!
