Aprendiendo diseño web con opciones limitadas [duplicar]

Necesito algunas pautas sobre por dónde empezar, qué aprender (todo lo que necesito aprender para hacer el trabajo de diseño web). Tengo bastante tiempo libre en mi trabajo actual y he terminado el curso de HTML y CSS de Codecademy. ¿Qué debo aprender a continuación? Preferiría algo que pudiera aprender en mi lugar de trabajo, pero eso significaría que no hay videos de YouTube (no puedo conectar auriculares y no puedo instalar software ya que estoy usando la PC de la empresa). Necesito tantas sugerencias como sea posible, ya que realmente quiero aprender esto correctamente.

Respuestas (3)

Lo primero que debe hacer es mejorar en HTML y CSS. El curso de Codeacademy es una buena introducción al tema, pero necesita escribir más código para internalizarlo verdaderamente.

El siguiente paso sería buscar aprender CSS más avanzado. Busque preprocesadores, como Sass, Less o Stylus. Mi recomendación personal sería Sass con la variedad SCSS ( http://sass-lang.com/ ). Sass sobre las alternativas debido a la gran cantidad de proyectos de código abierto que usan Sass sobre otros, Bootstrap también está en proceso de cambiar a Sass de Less. Hay varios buenos recursos en línea para ingresar a Sass. Un consejo: nunca NUNCA anide selectores (al menos hasta que comprenda por qué no debe sobrecalificar a sus selectores).

Siga leyendo y aprenda sobre CSS orientado a objetos, SMACSS, BEM, ITCSS y finalmente comience a usar las convenciones de nomenclatura de BEMIT ( https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/ ) . CSSWizardry es una autoridad muy buena en la escritura de buen CSS a gran escala.

El siguiente paso después de esos, comienza a aprender JavaScript y posiblemente jQuery. Codeacademy tiene una introducción decente al tema. Una vez que haya aprendido HTML/CSS/JS, tendrá todo lo que necesita para ser un desarrollador front-end. Si está más interesado en las cosas de back-end, tal vez debería buscar PHP en lugar de JavaScript.

ella está pidiendo diseño, no desarrollo
CSS, js y jQuery más avanzados también ayudarán en el diseño.

Supongo que tiene permiso de sus supervisores para aprender esto en su 'tiempo libre', entonces, ¿por qué no pedir instalar ciertas piezas de software (gratuito)?

¿Tiene algún software hasta ahora para usar para el diseño web? Un editor de código, un editor de imágenes, etc.

Podría comenzar a hacer tutoriales de grandes sitios como tutsplus o similares, pero probablemente necesitará una pieza de software en algún momento del proceso. Es tan importante familiarizarse con el software como cualquier otra cosa.

Como desarrollador, recomiendo encarecidamente 2 materias de fondo que son fundamentales para el diseño web: desarrollo de software y redes. Para codificar correctamente incluso páginas web simples, debe conocer el proceso de definición de soluciones en el alcance y la terminología del problema, el diseño orientado a objetos y algunas estructuras de datos disponibles para diferentes tareas. La creación de redes es esencial para realizar el flujo de datos en la web e identificar diferentes problemas relacionados: DNS, CDN, rendimiento, seguridad (SSL, CORS), etc.