¿Cómo me enseñaría a diseñar sitios web?

En primer lugar: ¡Felicitaciones por crear una aplicación de Android mientras todavía estás en la escuela secundaria!

Para ser claros, hay una diferencia entre el diseño web y el desarrollo web (este hilo se publica en desarrollo web). Si está buscando aprender HTML / CSS / Javascript que forman la base del desarrollo web front-end moderno, entonces Code School o Codecademy son probablemente buenas opciones en línea para aprender estos idiomas.

Si está buscando aprender cómo diseñar sitios web que se conviertan para su propia aplicación o para clientes, entonces puede disfrutar leyendo un libro llamado:
Diseño web para ROI: convertir los navegadores en compradores y prospectos en clientes potenciales

Es una lectura fácil y es una buena introducción al tema. Si desea profundizar en la usabilidad, consulte No hacerme pensar: un enfoque de sentido común para la usabilidad web por Steve Krug. Estos libros cubren conceptos de usabilidad y optimización de conversión. Hay otros libros que cubren patrones de diseño de aplicaciones más complejos, pero no creo que esto sea lo que está preguntando aquí.

Lea algunos de los blogs sobre el comercio, como una lista aparte y Smashing Magazine. Están repletos de consejos útiles. Para aprender a ejecutar una práctica independiente, ese es otro problema.

Por último, pero no menos importante, según sus aspiraciones empresariales, también recomendaría leer The Lean Startup de Eric Ries, disponible en Amazon. Desearía haberlo leído antes (aunque no estaba en ese momento). Si desea traducir Lean Startup en un método muy concreto para construir productos de software increíbles, siga con este libro: Lean UX: Aplicación de principios Lean para mejorar la experiencia del usuario. No puedo enfatizar lo suficiente lo importantes que son estos dos libros. En ese sentido también busque Steve Blank si le gustan esos dos libros.

Aquí hay una lista más exhaustiva de libros de Application UX si desea profundizar:
¿Cuáles son los mejores libros sobre UX para aplicaciones web?

Dado que primero comenzó con Java, el desarrollo web debería ser muy sencillo.

HTML es lo más importante para aprender. No debería llevar mucho tiempo. Una vez que tenga las ideas de atributos y etiquetas, debería ser muy fácil.

Aprender HTML | MDN es un buen lugar para comenzar (comenzaría en la Red de Desarrollo de Mozilla, tienen la documentación más clara y completa), y Quora y varios blogs (solo DuckDuckGo, hay muchos para enumerar aquí) deberían ser suficientes, HTML no es Es un gran peldaño.

A continuación, CSS es probablemente lo que querrá saber. No es realmente un idioma, pero hace toda la presentación en la página, por lo que es bueno saberlo. Diría que aunque al final es un poco más simple que HTML, conocer CSS realmente hará maravillas por ti.

Una vez más, el MDN es un buen lugar para comenzar, y Life at the edge (de los estándares web) también tiene contenido interesante. Una búsqueda rápida de blogs tampoco hará daño.

El siguiente en aprender es JavaScript. No, esto no es Java, pero es similar. Sin embargo, es un lenguaje de secuencias de comandos, por lo que puede resultarle difícil ajustarlo. Ciertamente, me resultó difícil adaptar JavaScript a Java.

Codecademy es un gran sitio para aprender JavaScript, y David Walsh – MooTools, Dojo Consultant, también me ha servido bien. Nuevamente, hay muchos blogs para encontrar.

Por supuesto, después de esto, dependiendo de lo que quieras hacer, es posible que desees echar un vistazo a jQuery u otra biblioteca de JavaScript y concentrarte en el lado del diseño web.

O puede que desee aprender cómo desarrollar el backend de un sitio web, por lo que vale la pena echar un vistazo a PHP (lenguaje de programación), Python (lenguaje de programación) o Ruby (lenguaje de programación).

Buena suerte. Solo me tomó dos años acostumbrarme.

A continuación se presentan algunos de los sitios que tienen materiales que van desde novatos hasta profesionales. Son reconocidos como los blogs de diseño más populares, escritos para contenido de calidad y hermoso diseño. Colaboran entre diseñadores líderes mundiales que comparten sus conocimientos a través de los siguientes sitios. Los expertos aportan artículos, características y tutoriales para ayudar a hacer crecer la comunidad de diseño. Así que eche un vistazo a sus artículos, ajustes, ejemplos. demos, descargas, etc.

Tutoriales de desarrollo Web, de principiante a avanzado

Blog de diseño web – Webdesigner Depot

Muro de diseñador web

Para diseñadores y desarrolladores web profesionales

Pruebe los Tutoriales web en línea de W3Schools. Hay una gran cantidad de conocimiento y descubrí que ‘Pruébelo usted mismo “es realmente divertido y útil. No solo puede aprender HTML, sino también cosas como CSS y JavaScript. Este sería un buen comienzo.

¡Empieza pequeño y trabaja hacia arriba!

Lo primero que querrás aprender es HTML. El HTML es el marcado para nuestras páginas: es el quid de cómo se diseñan nuestras páginas. Hay una gran cantidad de recursos disponibles para esto, aquí está el recurso que encuentro más útil:

Aprender HTML | MDN

Después de eso, querrás profundizar en CSS. HTML es el shell en el que va nuestro contenido, y CSS es lo que hace que se vea bonito. Casi todos los colores que ves en una página web son generados por CSS, al igual que el estilo en este mismo cuadro que estoy escribiendo. Nuevamente, recomendaría el recurso MDN para aprender CSS:

Aprender CSS | MDN

La pieza final de nuestro rompecabezas (básico) es JavaScript (que es un lenguaje completamente separado del Java con el que estás familiarizado). JavaScript es un lenguaje de secuencias de comandos utilizado para controlar la interacción, el contenido y cualquier cosa dinámica en su página web. JavaScript es una gran bestia para abordar, por lo que recomiendo (para comenzar) usar el tutorial de Codeacademy o un servicio similar:

JavaScript

Una vez que esté familiarizado con JavaScript, definitivamente vale la pena echar un vistazo a algunos de los marcos robustos del lado del cliente que están disponibles. A la larga, harán que su código sea mucho más simple de mantener y eliminarán el estrés de los problemas de compatibilidad entre navegadores.

Recomiendo echar un vistazo a jQuery y Prototype:

Marco prototipo de JavaScript
jQuery

Yo personalmente uso jQuery para la mayoría de mis proyectos en los que uso una biblioteca del lado del cliente.

Estos son los tres componentes básicos que están disponibles en cada página web. Todos los navegadores los analizan y, en realidad, son los tres pilares del desarrollo del front-end de un sitio web. Por supuesto, esto solo cubre la presentación …

Detrás de escena, tienes cualquier cantidad de plataformas. Estas plataformas son las que proporcionan sus páginas con sus datos, y manejan toda la lógica importante detrás de escena.

Algunos de los lenguajes más populares son: Ruby, PHP y Python. Por supuesto, también puede usar otros como JavaScript (con Node.js, que me gusta mucho) o incluso Java conectándolo a uno de los marcos disponibles.

Definitivamente, debe comenzar con las tecnologías de front-end antes de sumergirse en el lado del backend del desarrollo web; esas herramientas son rudimentarias antes de profundizar en las cosas más complejas del backend donde usará lenguajes, marcas y sintaxis que son específicos del marco o plataforma que elija.

Buena suerte, y espero que esto te ayude a comenzar a desarrollar para la web. Cuando comencé a aprender estas tecnologías, los siguientes pasos tendieron a ser cada vez más obvios: mientras leía, respondía con un guiño a otra tecnología o idea y comenzaba a perseguirla. Sea curioso y minucioso, y aprenderá todo lo que necesita saber.

Aprender a construir sitios web y aprender a diseñar sitios web son dos cosas completamente diferentes.

Probablemente podría entrenar a un chimpancé para registrar un dominio, configurar el alojamiento e instalar WordPress, pero comprender los principios de diseño, la usabilidad y el diseño de la información puede ser un juego de pelota completamente diferente.

El hecho es que algunas personas son naturalmente talentosas con buen ojo para el buen diseño. Es un poco como la música. Cualquiera que no tenga una inclinación musical aún puede aprender a tocar la guitarra, pero nunca será tan bueno como alguien con talento natural. Definitivamente puede mejorar si se pasea (o lee sus blogs) diseñadores web talentosos, pero 9 de cada 10 veces nunca será tan bueno.

El truco es identificar tus fortalezas y capitalizarlas. Una tortuga no sobrevive intentando ser más rápida que un pájaro, usa lo que la naturaleza le dio. O algo así…

Personalmente, nunca habría aprendido diseño web si no hubiera hecho diseño web.

Empezar. Obtenga el software que necesita (Photoshop y un buen editor de texto), comience a diseñar y comience a codificar. Su aplicación sería un excelente lugar para comenzar, pero otras opciones incluyen sitios web gratuitos para organizaciones sin fines de lucro (cómo comencé), amigos y familiares (cómo comencé a ganar dinero), y luego, a medida que mejora, puede aumentar su tasa y obtener referencias para negocios más grandes.

Tenga un excelente servicio al cliente y lo hará bien.

Consíguete un proyecto, incluso si es personal. Practique, practique, practique … tener un proyecto le dará la oportunidad de encontrar soluciones a los problemas y luego sabrá qué necesita aprender específicamente y abordarlo uno por uno. Además, este sitio también ayudará a aprender diseño web, desarrollo web y más

Es genial que estés tan interesado en aprender diseño web y diseño de aplicaciones.

Sin embargo, por lo que entiendo acerca de su pregunta, desea diseñar sitios web para financiar el desarrollo de aplicaciones.

¿Por qué no centrarse exclusivamente en el desarrollo de aplicaciones? Si crea excelentes aplicaciones, puede ganar mucho más vendiéndolas en Google Play que diseñando sitios web.

Y hablando de Google Play, si tiene una aplicación en Play, probablemente ni siquiera me molestaría en tener un sitio web para su aplicación: concéntrese en promocionar su aplicación y su página en Google Play. ¡Porque ese es el lugar clave donde la gente encontrará tu aplicación!

Solo crea sitios web