Guida per uno sviluppatore C # per diventare migliore sviluppatore dell'interfaccia utente

1

Sono uno sviluppatore C # e ho sviluppato semplici siti web in asp.net (con i controlli asp.net) e un'applicazione wpf.

Al giorno d'oggi, sto cercando di imparare Asp.net MVC3 e sono stato esposto all'HTML con il motore di visualizzazione Razor. Per essere onesti, la mia conoscenza di HTML e CSS è limitata. Pertanto, continuo a postare domande di tanto in tanto su SO per compiti molto semplici.

Questo mi ha reso molto stanco di questo Q & Un processo di sviluppo. Quindi, ora sto pensando di imparare le basi di HTML, CSS e forse qualche Javascript. Quindi ti chiederei di guidarmi a diventare uno sviluppatore abbastanza efficiente per queste tecnologie. Qualcosa che non ci vorrà molto tempo e mi aiuta a correre velocemente.

    
posta Pankaj Upadhyay 11.11.2011 - 20:18
fonte

3 risposte

4

Non mi preoccuperò di postare link a tutorial HTML e CSS perché una rapida ricerca su Google dovrebbe generare centinaia di buone risorse per questo.

Condividerò con voi uno strumento di valore inestimabile per me stesso per l'apprendimento e il debug dei CSS nel mio browser. Se hai Firefox, scarica un componente aggiuntivo chiamato Firebug. È una console pulita che offre incredibili funzionalità per la visualizzazione e la modifica in tempo reale di HTML, CSS e JavaScript in QUALSIASI pagina web che visiti. Usando questo strumento posso armeggiare con fogli di stile e stili su elementi DOM specifici e vedere immediatamente i risultati nel mio browser.

Ha anche un debugger JavaScript incorporato che ti permette di scrivere anche espressioni JavaScript. Inoltre posso attraversare gli elementi e gli attributi dell'albero DOM per trovare informazioni chiare che potrebbero essere nascoste. Tutte queste funzionalità sono inestimabili quando si esegue lo sviluppo in ASP.NET o JSF ed è necessario eseguire il debug di problemi complessi con i controlli di server di terze parti. Inoltre, mi aiutano a trovare soluzioni ottimali.

Inoltre, esiste una scheda per la visualizzazione di tutte le richieste e risposte HTTP, che consente di visualizzare il contenuto di ogni singola richiesta e risposta nonché le intestazioni.

    
risposta data 11.11.2011 - 20:35
fonte
2

L'interfaccia utente è e non è un problema tecnico. È nella misura in cui è necessario utilizzare strumenti tecnici per risolvere le cose su alcuni livelli e l'arte del possibile è definita dalla piattaforma su cui si sta lavorando. Ma la cosa più importante che puoi fare per diventare uno sviluppatore dell'interfaccia utente migliore è davvero imparare come pensare alle interfacce utente dal punto di vista dell'utente. Ricorda che al tuo utente non interessa:

  • Il tuo modello di dati
  • Separazione delle preoccupazioni
  • Qualunque sia il miglior toolkit che stai usando
  • Praticamente qualsiasi altra cosa che è stata fatta nell'interfaccia utente

La tua interfaccia utente è solo un mezzo per raggiungere un fine. Si preoccupano di fare quello che vogliono fare con un minimo di confusione o confusione ma poco altro.

Per arguzia, consiglierei di leggere su grandi interfacce utente. Un ottimo punto di partenza è Non farmi pensare .

di Steven Krug

L'altra cosa in cui credo strongmente è che gli sviluppatori devono utilizzare le proprie interfacce utente. Il team di sviluppo deve inserire i primi circa 1000 record in un sistema. È divertente quanti fastidiosi frutti a basso impatto si fissino quando ciò accade. Ed è sorprendente quanto impari dall'usare le cose che crei che possono essere spinte nella prossima creazione.

    
risposta data 11.11.2011 - 20:45
fonte
2

Imparare una tecnologia da zero usando le schede non è sicuramente un'idea che incoraggerei per compiti non banali.

Il design della pagina Web è molto diverso dal design di Windows.

Il design Web a volte significa uno o più dei seguenti elementi:

A - Layout della pagina Web

B - Design grafico

C - Progettazione dell'interazione utente

D: codice HTML e CSS

E - Script Java!

F - Utilizzo degli strumenti di supporto di cui sopra

Ciascuno di questi è un aspetto diverso e richiede abilità speciali. Quindi, identifica il tuo ruolo nel progetto e i tuoi obiettivi dall'apprendimento.

Ti suggerisco di provare un corso di design formale. Inizia con un corso video e quindi passa a un corso per istruttori.

Se sei un programmatore, concentrati sulla programmazione dei framework e lascia il design artistico ad altri professionisti.

Se vuoi solo saperlo, allora i corsi dovrebbero farlo. Se non puoi fare HTML, non arrenderti. Prendi in considerazione l'utilizzo di Silverlight. È molto simile a WPF (almeno per la parte XAML).

    
risposta data 11.11.2011 - 21:10
fonte

Leggi altre domande sui tag