Cómo aprender diseño de páginas web gratis y on line desde cero en 2020 |
Posted: May 27, 2020 |
Si estás pensando en aprender diseño web en 2020 de forma profesional, debes saber que es una profesional muy amplia que incluye muchas habilidades, disciplinas, herramientas y programas diferentes. Pero en su esencia, los fundamentos del diseño web prosiguen siendo los mismos para todos. ¿Qué es el diseño web?El Diferentes áreas del diseño web incluyen diseño gráfico, diseño de experiencia de usuario, scripting y codificación, escritura de contenido, configuración de seguridad de servidores web y redes, diseño de información y optimización de motores de búsqueda. El diseño web puede ir desde la creación de un sitio estático con texto plano, imágenes y links hasta aplicaciones web complejas, sistemas de gestión de contenidos, interfaces de programación de aplicaciones (o bien API) y servicios de redes sociales. Cómo comenzar a aprender diseño web profesional como carrera profesionalA medida que avanzas durante tu propia carrera, probablemente acabes prefiriendo el diseño o el desarrollo web. Especializarse en el diseño de front-end o en el desarrollo de back-end puede hacer que usted sea más comercial para los empleadores o bien los clientes del servicio – ambas opciones están igualmente en demanda, y ambas pueden hacer que su carrera sea emocionante y rentable. En este momento, sin embargo, no se preocupe demasiado por seleccionar uno sobre el otro. En el mundo real, encontrarás que los dos campos requieren que tengas al menos algún conocimiento funcional del otro campo. Los diseñadores web más triunfantes saben cómo aprovechar al máximo las limitaciones técnicas del back-end, y los mejores desarrolladores web tienen en psique una visión artística en el momento de diseñar estructuras de datos. Siempre puedes especializarte en áreas particulares cuando adquieras experiencia y habilidades. Qué habilidades debes aprender para diseñar páginas webCuando esté comenzando, siéntase cómodo con algunas habilidades clave tanto para el diseño del front-end como para el desarrollo del back-end. Una comprensión básica de las habilidades esenciales de diseño web le servirá bien en su carrera de diseño web y le hará más atractivo a los clientes y empleadores. Echemos un vistazo a las habilidades clave que necesitará dominar para convertirse en diseñador web. Conceptos básicos: HTML, CSS, JavaScript y control de versionesLo primero que debe aprender es a codificar y diseñar un sitio básico, y para esto, deberá conocer tanto HTML como CSS. HTML y CSS son lenguajes de marcado que los diseñadores utilizan para crear las unas partes de una página web y sus estilos visuales. Son los elementos básicos detrás de cada lugar web: los navegadores web emplean el código HTML y CSS para determinar qué ven los usuarios cuando navegan por un sitio. HTML significa Hypertext Markup Language (Lenguaje de marcado de hipertexto). Es el lenguaje de codificación empleado para describir el contenido de una página web y cómo está estructurada: títulos, viñetas y también hipervínculos. Caminar de la mano con HTML es CSS, o bien Hojas de Estilo en Catarata. CSS es el código que representa la manera en que los contenidos de una página web han de ser estilizados y preparados. Al mudar el código CSS de una página web, puede supervisar qué fuentes se usan, mudar colores y también imágenes y diseñar el contenido de la página para lograr el máximo impacto. JavaScript le permite crear sitios interactivos: las aplicaciones web, los mapas interactivos, las imágenes en movimiento y los vídeos dinámicos funcionan con JavaScript. JavaScript es un lenguaje de programación masivo con un potencial prácticamente ilimitado, pero los desarrolladores principiantes deben centrarse en aprender lo básico: cosas como sintaxis, cómo marchan las variables, sentencias condicionales y funciones. Por último, mas no por ello menos importante, tanto los diseñadores de front-end como los desarrolladores de back-end deberían conocer los sistemas de control de versiones. Los sistemas de control de versiones le permiten efectuar un seguimiento de los cambios en el código, lo que deja que varias personas trabajen en el código al tiempo sin temor a deteriorar los cambios de otras personas. El sistema de control de versiones más popular en estos días es Git, la enorme mayoría de los bootcamps de codificación y cursos en línea usan Git, por lo que es el mejor sitio a fin de que los nuevos desarrolladores comiencen. Habilidades de diseño web de front-end: Diseño, marcos de trabajo y bibliotecas sensiblesTener un conocimiento práctico de HTML, CSS y JavaScript basta para empezar en el campo del diseño web. Sin embargo, si te mueves más allá de lo básico, tendrás que escoger entre desarrollar habilidades de front-end o back-end. Dominar el diseño web de front-end requiere una mezcla de habilidades de codificación y conocimientos de diseño. La mayoría de los nuevos diseñadores de front-end empiezan sumergiéndose en el CSS y aprendiendo selectores más complejos y técnicas de diseño avanzadas. También aprenderás a amar las herramientas de diseño colaborativo como Figma para crear diseños sorprendentes. Un término que conocerá realmente bien es el diseño receptivo, es decir, diseños dinámicos que se ajustan para verse bien en cualquier tamaño de pantalla, desde televisores de pantalla grande hasta teléfonos inteligentes. Los sitios emplean consultas multimedia para controlar los «puntos de interrupción», es decir, las distintas resoluciones de pantalla en las que el navegador del usuario debe mudar a un diseño y un conjunto de estilos diferentes. Con los dispositivos móviles que representan prácticamente la mitad del tráfico web en dos mil diecinueve, el diseño receptivo es una habilidad esencial para cualquier diseñador web. Las hojas de estilo para un sitio web determinado pueden exceder de forma frecuente la longitud del código del sitio en sí. Para acelerar las cosas, los diseñadores de front-end emplean 2 técnicas: utilizan frameworks preempaquetados para obtener una ventaja y preprocesadores CSS para minimizar el código que necesitan para redactar. Los marcos frontales como Bootstrap vienen preempaquetados con estilos y ejemplos de código para elementos de diseño de uso común como barras de navegación, flujos de pago y tablas de costos. Dado que el código está bien probado y documentado, los marcos de trabajo pueden hacer que la creación de nuevos diseños sea mucho más rápida. Los preprocesadores CSS como Sass hacen que la escritura de hojas de estilo sea mucho más rápida e intuitiva. En sitio de copiar y pegar entradas de código similares varias veces, Sass le permite redactar un conjunto de estilos en un lenguaje de marcado similar al CSS llamado SCSS. Estos estilos pueden ser reutilizados en tantas ocasiones como sea preciso. También puede anidar estilos entre sí, suprimiendo potencialmente cientos de líneas de código duplicadas. Las herramientas de construcción también son útiles para conjuntar múltiples ficheros CSS en uno (ayudando a sostener el código organizado), comprimir (o disminuir al mínimo) el código para prosperar la velocidad de descarga, e inclusive desplegar automáticamente el código en un servidor web remoto. Por último, aprenderá a amar los marcos y bibliotecas de JavaScript. Los marcos de trabajo JavaScript son estructuras de trabajo de código JavaScript que puede incluir en su lugar para apresurar el desarrollo. Los marcos de trabajo de JavaScript má oferta seo sem en 2019 incluyen Vue, React y Angular. Si eres nuevo en el diseño de front-end, Vue es un buen lugar para comenzar a aprender. Por el contrario, una biblioteca JavaScript es un conjunto de componentes independientes que puede tomar y conectar en sus diseños, añadiendo funcionalidad auxiliar al código que tiene. La biblioteca JavaScript más popular es jQuery, que incluye más de 300 funciones que puede utilizar. Además de toda la codificación, tendrás que cerciorarte de que tus diseños sean bonitos y fáciles de emplear, y con frecuencia te encontrarás trabajando al lado de otros diseñadores. Mientras que en el pasado los diseñadores web podían haber usado Photoshop para diseñar diseños, hoy en día la mayoría de los diseñadores usan herramientas específicas como Figma o bien InVision para crear diseños y maquetas. Figma es una gran herramienta para que los nuevos diseñadores puedan comenzar, puesto que ofrecen una cuenta gratuita sin muchas limitaciones. Habilidades de desarrollo web de back-end: Codificación, gestión de contenidos y bases de datosEl desarrollo web de back-end implica mucha codificación. Los sitios han empleado docenas de lenguajes de programación diferentes, pero ciertos más populares incluyen Python, Java, PHP y Ruby. No es preciso que aprenda Elija un idioma que esté a la carta (en caso de duda, empiece por la parte superior de la tabla de arriba) y uno que le guste aprender. WordPress, por ejemplo, ha recorrido un largo camino desde su lanzamiento en 2003, y en nuestros días es la base del 34 por cien de todos los sitios web en Internet. Aprender WordPress es una gran manera de entender los fundamentos del desarrollo back-end. Aprenderá sobre funciones y variables, clases, estructura y alcance del código, y mucho más. También obtendrá valiosas habilidades de depuración y se sentirá cómodo con la línea de comandos, 2 habilidades esenciales para cualquier diseñador de back-end. Como desarrollador web, también trabajará estrechamente con bases de datos que guardan toda la información que se encuentra detrás de los sitios web en filas y columnas ordenadas y etiquetadas, algo así como una hoja de cálculo Excel. Una vez que comprenda los conceptos básicos, es fácil comenzar. El sistema de base de datos más popular es SQL, o Lenguaje de consulta estructurado – la mayoría de los sitios (incluyendo todos y cada uno de los sitios de WP) emplean SQL a través de una herramienta de software llamada MySQL. Así que comienza por aprender lo básico de SQL. Los mejores recursos para que los principiantes aprendan diseño webAhora que tienes una idea de en qué habilidades debes concentrarte para convertirte en diseñador web, es el instante de empezar a aprender esas habilidades. Por supuesto, no tienes que volver a la escuela (¡a menos que desees, por supuesto!); hay muchas opciones para aprender a tu propio ritmo a una fracción del costo de un título universitario. Cursos en líneaLos cursos en línea son una gran manera a fin de que los principiantes aprendan diseño web. Aunque muchos de los mejores cursos cuestan dinero, ofrecen un gran valor con lo que pagas, y puedes aprender desde casa a tu ritmo. ¿Cuál es la principal desventaja de los cursos en línea? No hay nadie más que tú que te haces responsable, y es difícil hacer preguntas a alguien con experiencia. En talleres y campamentos de entrenamiento (que vamos a explicar en un minuto), tus instructores y colegas te mantendrán motivado y en movimiento. Las opciones de cursos en línea sobre diseño web incluyen las siguientes:
Libros de diseño webIncluso con todos los demás medios que podría usar para aprender diseño web, todavía no hay nada como acorrucarse con un libro. Los autores pasan años perfeccionando sus conocimientos, recopilando las mejores prácticas, ejemplos y tutoriales y destilándolos en un formato que puede absorber en poco tiempo desde la comodidad de su propio sofá. Cuando estés empezando, no sabrás lo que te resulta de interés, así que lee todo cuanto puedas. Empieza con nuestra lista de libros recomendados para diseñadores web y estos libros de programación gratis sobre GitHub. Blogs para diseñadores webA lo largo de los años, los diseñadores han publicado cientos y cientos de grandes entradas de weblog que cubren todos los temas de diseño web imaginables. Si buscas información sobre un tema específico, Google es tu amigo; el mejor lugar para comenzar es buscar ese tema y ver qué surge. Aquí están ciertas sugerencias sobre los mejores blogs de diseño web para ayudarle a reducir el estruendos. Cursos universitariosLa universidad puede ser una gran opción a fin de que los diseñadores web principiantes aprendan a usar las cuerdas. Tener un título y una acreditación profesional puede ayudar a convencer a los empleadores a fin de que te contraten y aumenten tu sueldo inicial o bien tu tarifa de freelance. La desventaja, no obstante, es que los cursos universitarios pueden valer mucho Póngase en contacto con sus universidades locales, colegios y universidades de la comunidad para aprender qué cursos y títulos en diseño web ofrecen. Talleres donde estudiar diseño webSi deseas que tu carrera de diseño web empiece rápidamente, los campamentos de entrenamiento y los talleres en vivo son las opciones mejores. Aunque muchos campamentos de entrenamiento cuestan mucho, también proporcionan una tonelada de valor. La instrucción en persona quiere decir que usted aprenderá rápidamente – un curso completo puede tomar 6 meses o menos. También obtendrás conexiones con la industria a través de tus instructores para ayudarte a hallar un trabajo y el apoyo de tus compañeros a medida que aprendes. La única forma de acelerar el proceso de aprendizaje es a través del trabajo duro, pero si quiere mudar de carrera rápidamente, los campamentos de entrenamiento pueden ser una enorme opción. A continuación se presentan las opciones más populares para los campamentos de adiestramiento de diseño web:
Hágalo mismoPor último, mas no menos importante, siempre y en toda circunstancia puedes forjar tu propio camino y aprender diseño web por tu cuenta. Ir a tu propio ritmo tiene sus beneficios: Puedes aprender desde casa mientras que prosigues trabajando, y los materiales de aprendizaje son asequibles o bien de manera frecuente gratuitos. Por supuesto, la falta de responsabilidad puede frenar a ciertos futuros diseñadores web, y tener que acotar su estructura de aprendizaje puede complicar el progreso para ciertos. Si usted prosigue este camino, trate de hallar un mentor: alguien con experiencia en diseño web que pueda responder preguntas y asistirle a sostenerse responsable. Aquí están algunas opciones para aprender diseño web por su cuenta:
10 Consejos para aprender diseño web sin costo desde cero¿Quieres aprender diseño, mas no tienes un presupuesto suficiente para anotarte en un curso? Si deseas ganarte la vida como diseñador, hay muchas maneras de adquirir las habilidades sin gastar ni un centavo ni un cáscara fuera de tu presupuesto. Hay un sinnúmero de información gratis libre en línea a la que puede acceder fácilmente. Puedes aprender a diseñar y mejorar tus habilidades sin costo alguno siguiendo estos excelentes consejos. Aprenda cómo comenzó el diseñoConocer el camino del diseño a través de los años es esencial. Si quieres ser el mejor en tu oficio, es imperativo entender cada cambio cultural y tecnológico del diseño, que ha llevado a sus tendencias actuales. 01. Entender los términos de diseño más comunesPodrás crear mejores diseños y comunicarlos mejor si estás familiarizado con el lenguaje básico de la industria. 02. Entra en el planeta de los weblogs de diseñoAprenda sobre los detalles del diseño navegando por múltiples weblogs de diseño. Tómate tu tiempo y elige los mejores blogs que transmitan tu estética y a ti como diseñador. A la mayoría de los diseñadores les encanta dar consejos útiles e inspiradores a los novatos. También comparten obras de arte, artículos relevantes y sus diseños, todo lo que puede asistirte. También puedes hacerles preguntas sobre un proyecto en particular en el que estés trabajando. Pueden asistirle y proporcionarle ideas sobre cómo ejecutar un diseño adecuadamente. 04. Inspírese en los grandes diseñadores del pasadoSumérgete en las mentes de los grandes y comprende sus perspectivas. Aprenderás muchas cosas de genios como David Carson, Paula Scher y Saul Bass. Estos diseñadores ayudaron a dar forma a la industria, así que asegúrate de estudiarlos a ellos y a sus trabajos esmeradamente. 05. Estudie las obras de otros que encontrará en los mercados en líneaInternet está lleno de recursos para los diseñadores en sus inicios y es una enorme manera de mostrar sus proyectos y obras. Navegue por los mercados en línea para poder ver lo que se vende y lo que no. Además, trate de saber por qué algunos diseñadores siguen siendo impopulares al paso que otros están prosperando. 06. Aproveche las alternativas gratuitas a AdobeAdobe es una excelente herramienta de diseño, mas viene con una etiqueta de coste que le hará daño a su bolsillo. Afortunadamente, hasta el momento en que no puedas permitirte adquirir un software profesional o dos, existen muchas alternativas gratis a Adobe que son igualmente buenas. 07. Tome un curso de diseño en línea gratis (o dos)Matricularse en una escuela de diseño es muy caro y literalmente te romperá la cuenta bancaria. Así que en lugar de eso, aprenda a diseñar y codificar con cursos gratis en línea, ahorre su dinero y utilícelo en herramientas más adelante. 08. Vea y suscríbase a los increíbles canales de diseño en YouTubeHay muchos vídeos de diseño en YouTube, y la mayoría están mal hechos. Además, sólo aprenderás cosas que no deberías hacer. Así que asegúrate de buscar y suscribirte a los grandes. 09. Practique lo que ha aprendido al recrear sus obras favoritasComo afirman, la práctica hace la perfección, y la experiencia es el mejor maestro. agencia marketing digital zaragoza los proyectos gratis que admitas. No sólo son amenos, sino que también pueden ayudar a sacarle de su zona de confort de diseño. Incluso si el proyecto es apabullante o bien desafiante, asegúrese de acabarlo. Estas ocasiones son las que le permitirán reconocer y explorar sus capacidades y gama de diseño, así como le ayudarán a crecer como diseñador.
|
|
||
|
||
|
||
Check out Jones Tolstrup's Profile, and Blogs! |
|
|