Acabo de terminar mi primer sitio web simple usando HTML / CSS. ¿Qué tan preocupado debería estar con el aprendizaje de habilidades de diseño mientras estoy aprendiendo a codificar?

¿Ya has entrado en JavaScript? Cuando estás en el punto en el que solo estás usando HTML y CSS, solo estás usando las capas superficiales de esa pila. HTML es el documento en sí, que contiene (con suerte) toda la información que está presentando. CSS está ahí para que las cosas se vean bien.

JavaScript está ahí para manejar cualquier y toda la interactividad con los documentos. Aquí es donde está la verdadera carne del desarrollo front-end, y donde harás la mayor “codificación”, al menos hasta que profundices un poco más.

Entonces, dado que aún no ha experimentado los “3 grandes” en su totalidad, parece prematuro, pero por el simple hecho de responder, me pregunto qué le parece más agradable. ¿Qué ha disfrutado más de este proyecto que acaba de completar? ¿Fue la codificación? ¿La creación de algo? ¿O lo estaba haciendo quedar bien?

Si encuentra una afinidad por el aspecto del diseño, ciertamente déle un buen aspecto al diseño. Te lo debes a ti mismo.

Si ha disfrutado la parte de codificación incluso un poco más, no se preocupe por el diseño, porque hay una escritura de código mucho más divertida que aún no ha visto.

Cuando estás en el mundo real, siempre son diseñadores, y siempre hay codificadores, y algunos pueden hacer ambas cosas. Menos aún puede hacer ambas cosas bien, pero presumiblemente es por eso que son dos campos diferentes, pero su suposición de que todos los sitios web de mejor aspecto están construidos por personas con un diseño de fondo no es exactamente cierto. Empiezas a mejorar en cuanto más lo haces.

Mi consejo sería aprender haciendo, al menos al principio. La parte del diseño de los leones no se puede enseñar. Es un arte, y requiere algo de experiencia. Si tiene problemas con el diseño desde el principio, no lo fuerce. Si sobresalen, abrácenlo. Pero tenga en cuenta que debe aprender las reglas para romperlas.

Pero yo divago…

Para responder a su pregunta, diría que no, todavía no. Estás aprendiendo la parte de codificación ahora, termina eso primero. Después de tener el tercer lado del triángulo del código FEWD debajo de su cinturón, estará en un mejor lugar para tomar ese tipo de decisiones. A partir de ahora, diría que está saltando al tiburón para comenzar a hablar sobre el diseño de aprendizaje cuando se trata de desarrollo web. Tendrás muchas oportunidades para probar tus habilidades de diseño en el futuro, créeme.

La pregunta que debe hacerse es: ¿en qué tipo de desarrollador quiere convertirse?

  • Desarrollador web
  • Diseñador web
  • Ambos

La realidad es que la mayoría de las personas pueden hacer uno de los dos realmente bien: hay algunas personas muy talentosas que pueden hacer ambas cosas muy bien.

Un diseñador necesita tener una buena idea sobre qué colores combinan bien con otros colores, el tipo de fuente que debe usarse, el peso de la fuente, el contraste, las imágenes, etc. Parece fácil, pero es bastante difícil obtener todo correcto (por supuesto, con práctica puedes hacerlo, pero algunas personas son más talentosas que otras). Esto es más una forma de arte con creatividad que lógica

Un desarrollador suele ser el tipo que escribe la parte funcional: lo que debería suceder cuando hago clic en el botón, escribe algoritmos y lógica, se asegura de que todo sea eficiente, etc. No se preocupa por la estética.

Los desarrolladores que no son tan buenos en el diseño hacen uso de bibliotecas como Bootstrap, Foundation, etc. porque el diseño ha sido, hasta cierto punto, atendido por otra persona y es posible construir sitios razonablemente atractivos con ellos.

Los diseñadores también hacen uso de bibliotecas similares, pero lo personalizan aún más y usan sus propias habilidades.

En resumen, si quieres convertirte en un diseñador adecuado, la estética es muy importante. Si eres más desarrollador, la estética no es tan importante y tener un diseñador para complementar tu habilidad siempre es una mejor idea

Todo diseñador web necesita saber algo sobre las interfaces de usuario si espera que su sitio tenga éxito. Si bien las empresas pueden tener algunos desarrolladores centrados en la lógica y el backend con otros responsables de la interfaz y el flujo del usuario, los desarrolladores de backend no pueden ignorar por completo cómo interactuará un usuario con el sistema. Si no lo tienen en cuenta, el rendimiento del servidor puede verse afectado, por ejemplo, si se deben realizar varias solicitudes cuando una sola solicitud combinada podría haber hecho el trabajo.

Un buen sitio para comenzar, aunque más antiguo, es la sala de la vergüenza de la interfaz [espejo de iarchitect.com] Esta página tiene algunos consejos realmente buenos sobre lo que no funciona en el diseño de la interfaz y lo ayuda a orientarse hacia sistemas más utilizables.

Dicho esto, nunca un desarrollador web debe ser un experto en experiencia de usuario e interfaces. Todavía es útil para las soluciones verdaderamente empresariales tener un diseñador de UX en el personal para ayudar a garantizar que el sistema sea fluido y accesible. Si tiene una curva de aprendizaje demasiado empinada, asustará a su base de clientes.

Por ahora solo me enfocaría en aprender HTML y CSS, y pronto quizás Javascript.

Mientras practica y crea sitios, piense en las tareas que más disfruta. Esto lo ayudará con la sugerencia de Nikhil Baliga de decidir en qué tipo de desarrollador quiere convertirse. Podría ser un desarrollador front-end que solo codifica, un desarrollador / diseñador front-end, un desarrollador back-end, etc. Nikhil tiene razón en que si quiere ser diseñador / desarrollador probablemente será más fuerte en un área que en la otra. .

Tenga en cuenta que muchos sitios están construidos por equipos de personas con diferentes habilidades. Algunos de esos sitios agradables que has visto pueden haber sido creados por desarrolladores front-end que también diseñan, pero muchos son creados por desarrolladores que trabajan con diseñadores.

Soy un desarrollador front-end que hace algunos trabajos de diseño, pero a menudo desarrollo sitios diseñados por otras personas. Por lo general, proporcionarán los diseños como archivos de Photoshop en capas. Los uso para generar archivos de imagen y para guiarme en el formato de HTML y CSS.

Aprendí muchas habilidades de diseño hace años cuando trabajaba en marketing para una empresa editorial, pero mi título es en Filosofía, por lo que no me formé formalmente en diseño. Tiendo a ser un poco más fuerte en el lado del código que en el lado del diseño, aunque me centro mucho en la planificación del sitio y la experiencia del usuario debido a mi experiencia en marketing. A veces hago diseño y construcción completos, pero prefiero trabajar con un equipo para que podamos planificar el sitio juntos, y luego hacer que los diseñadores y escritores se concentren en sus tareas.

Si encuentra que prefiere el desarrollo front-end, querrá aprender lo suficiente sobre diseño para comunicarse bien con los diseñadores con los que trabaja, pero no necesitará convertirse en un experto. Si te gusta más el diseño, necesitarás pasar tiempo aprendiendo eso.

En cualquier caso, descubrirá lo que más le gusta a medida que aprenda más. ¡Buena suerte!

Debería pasar algún tiempo aprendiendo jQuery, AJAX para diseñar y animar páginas web, lo necesitará. Aunque si quieres ser un desarrollador Back End, mantenlo bajo. JQuery es muy fácil, dedique parte de su tiempo libre a revisarlo.

Si planea convertirse en un desarrollador Full Stack, definitivamente debería aprender Javascipt (jQuery, Ajax, Angular) y Bootstrap. No se preocupe por aprender demasiado, el conocimiento es poder y algún día le devolverá el dinero.

More Interesting

Soy un desarrollador front-end. ¿Todos los demás desarrolladores enfrentan una crisis de fecha límite?

Si uso Squarespace, ¿puedo crear un sitio para juegos?

Soy un programador de sistema integrado. ¿Dónde debo comenzar si quiero aprender sobre diseño de sitios web y desarrollo de aplicaciones web?

Si quiero ser un desarrollador front-end, ¿tengo que conocer PS o todas las demás cosas de diseño?

Quiero desarrollar una aplicación web fuera de línea. ¿Cómo lo hago?

Quiero crear un sitio web como LinkedIn para una comunidad pequeña (~ 100 personas). No tengo ninguna habilidad de lenguaje de programación. Quiero crearlo solo aprendiendo. ¿Donde debería empezar?

Soy estudiante de segundo año de B.Tech (CSE). Quiero aprender todo sobre diseño y desarrollo web. ¿Por dónde empiezo y luego sigo adelante?

Ya terminé con el curso de JavaScript de Codecademy. ¿Qué debo hacer a continuación para convertirme en un increíble desarrollador de JavaScript?

Tengo interés en aprender diseño web y programación Java, ¿cómo puedo hacerlo sin conocimiento previo?

Estoy buscando una gran agencia de diseño web / diseño web en Berlín con una cartera impresionante y precios orientados a errores. ¿Donde lo encuentro?

Quiero construir un sitio web que sea similar a Yelp. ¿Qué marco web se sugiere para un inicio más fácil?

¿Cuáles son las mejores prácticas para las páginas de destino (contenido, imágenes, formularios de registro, botones)?

A menudo compro plantillas de sitios web para mis clientes. ¿Cuál es la mejor oferta para plantillas en la red? ¿Y puedo obtener un descuento por las plantillas que compro?

Estoy buscando ingresar al diseño web como freelance, ¿alguien puede compartir sus experiencias y conectarme con algunos tutoriales / cursos gratuitos en línea?

No soy un experto en tecnología. ¿Necesito conocer el diseño web y la codificación para trabajar en la industria de los medios?