1 Followers
24 Following
heartopera38

heartopera38

SPOILER ALERT!

Cómo aprender diseño de páginas web sin coste y online desde cero en 2020

Si estás pensando en aprender diseño web en dos mil veinte de manera profesional, has de saber que es una profesional amplísima 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
es el proceso de creación de sitios web en Internet.



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 web estático con texto plano, imágenes y enlaces hasta aplicaciones web complejas, sistemas de gestión de contenidos, interfaces de programación de aplicaciones (o API) y servicios de redes sociales.


Cómo comenzar a aprender diseño web profesional como carrera profesional


A medida que avanzas a lo largo de tu carrera, probablemente termines prefiriendo el diseño o bien el desarrollo web.


Especializarse en el diseño de front-end o bien en el desarrollo de back-end puede hacer que usted sea más comercial para los empleadores o bien los clientes del servicio – las dos opciones están del mismo modo en demanda, y las dos pueden hacer que su carrera sea emocionante y rentable.


En este momento, no obstante, no se preocupe demasiado por escoger 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 exitosos saben cómo aprovechar al máximo las restricciones técnicas del back-end, y los mejores desarrolladores web tienen en psique una visión artística a la hora 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 web


Cuando esté comenzando, siéntase cómodo con ciertas 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 transformarse en diseñador web.


Conceptos básicos: HTML, CSS, JavaScript y control de versiones


Lo primero que debe aprender es a codificar y diseñar un sitio web básico, y para ello, deberá conocer tanto HTML como CSS.


HTML y CSS son lenguajes de marcado que los diseñadores usan 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 utilizan 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 usado 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 Cascada.


CSS es el código que representa la forma en que los contenidos de una página web han de ser afinados y preparados.


Al mudar el código CSS de una página web, puede controlar qué fuentes se utilizan, cambiar colores e imágenes y diseñar el contenido de la página para lograr el máximo impacto.



Por último, tenemos JavaScript-un lenguaje de programación utilizado para controlar dinámicamente el contenido de una página web.


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 casi 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, pero 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 permite que varias personas trabajen en el código al mismo tiempo sin miedo a estropear los cambios de otras personas.


El sistema de control de versiones más popular en estos días es Git, la gran mayoría de los bootcamps de codificación y cursos en línea emplean Git, con lo que es el mejor lugar para que los nuevos desarrolladores empiecen.


Habilidades de diseño web de front-end: Diseño, marcos de trabajo y bibliotecas sensibles


Tener un conocimiento práctico de HTML, CSS y JavaScript es suficiente para empezar en el campo del diseño web.


Sin embargo, si te mueves más allá de lo básico, tendrás que seleccionar 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 comienzan sumergiéndose en el CSS y aprendiendo selectores más complejos y técnicas de diseño avanzadas.


También aprenderás a querer las herramientas de diseño colaborativo como Figma para crear diseños sorprendentes.


Un término que conocerá muy 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 utilizan consultas multimedia para supervisar los «puntos de interrupción», o sea, las diferentes resoluciones de pantalla en las que el navegador del usuario debe cambiar a un diseño y un conjunto de estilos diferentes.


Con los dispositivos móviles que representan casi la mitad del tráfico web en 2019, el diseño receptivo es una habilidad esencial para cualquier diseñador web.



Otro problema que pronto encontrarás es la cantidad de tiempo que toma codificar todos estos estilos a mano.


Las hojas de estilo para un sitio determinado pueden exceder de forma frecuente la longitud del código del sitio en sí.


Para apresurar las cosas, los diseñadores de front-end emplean dos técnicas: utilizan frameworks preempaquetados para obtener una ventaja y preprocesadores CSS para minimizar el código que precisan para escribir.


Los marcos frontales como Bootstrap vienen preempaquetados con estilos y ejemplos de código para elementos de diseño de empleo común como barras de navegación, flujos de pago y tablas de precios.


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 y también intuitiva.


En lugar de copiar y pegar entradas de código afines múltiples veces, Sass le permite escribir un conjunto de estilos en un lenguaje de marcado afín al CSS llamado SCSS.


Estos estilos pueden ser vueltos a utilizar tantas veces como sea preciso.


También puede anidar estilos entre sí, eliminando potencialmente cientos y cientos de líneas de código duplicadas.



Dado que los navegadores web no comprenden el código SCSS directamente, es necesario examinarlo en CSS vainilla utilizando una herramienta de construcción como Grunt o webpack.


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 mejorar la velocidad de descarga, e incluso desplegar automáticamente el código en un servidor web recóndito.


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 sitio para apresurar el desarrollo.


Los marcos de trabajo de JavaScript má facebook ads 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 propios diseños, añadiendo funcionalidad auxiliar al código que ya tiene.


La biblioteca JavaScript más popular es jQuery, que incluye más de 300 funciones que puede usar.


Además de toda la codificación, tendrás que asegurarte de que tus diseños sean bonitos y fáciles de emplear, y a menudo te encontrarás trabajando al lado de otros diseñadores.


Mientras que anteriormente los diseñadores web podían haber empleado Photoshop para diseñar diseños, el día de hoy en día la mayoría de los diseñadores emplean herramientas específicas como Figma o bien InVision para crear diseños y maquetas.


Figma es una gran herramienta a fin de que los nuevos diseñadores puedan empezar, en tanto que ofrecen una cuenta gratis sin muchas limitaciones.


Habilidades de desarrollo web de back-end: Codificación, gestión de contenidos y bases de datos


El desarrollo web de back-end implica mucha codificación.


Los sitios han empleado docenas de lenguajes de programación diferentes, pero algunos de los más populares incluyen Python, Java, PHP y Ruby.

.



Cada uno de estos lenguajes de programación tiene sus ventajas y desventajas, mas el mejor sitio para empezar es escoger uno y comenzar a aprenderlo y probar con él.


No es necesario que aprenda
todosellos; muchos conceptos fundamentales de programación (como, por ejemplo, looping) se aplican a casi todos los idiomas.


Elija un idioma que esté a la carta (en el caso de duda, comience por la parte superior de la tabla de arriba) y uno que le guste aprender.


WordPress, por poner un ejemplo, ha recorrido un largo camino desde su lanzamiento en dos mil tres, y hoy día es la base del 34 por cien de todos los sitios en Internet.


Aprender WP es una enorme 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á de manera estrecha con bases de datos que guardan toda la información que se halla 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 entienda los conceptos básicos, es fácil iniciar.


El sistema de base de datos más popular es SQL, o Lenguaje de consulta estructurado – la mayoría de los sitios (incluyendo todos 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 web


Ahora que tienes una idea de en qué habilidades debes concentrarte para transformarte 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 quieras, lógicamente!); hay muchas opciones para aprender a tu ritmo a una fracción del costo de un título universitario.


Cursos en línea


Los cursos en línea son una enorme manera para que los principiantes aprendan diseño web.


Aunque muchos de los mejores cursos cuestan dinero, ofrecen un enorme 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 ninguna persona más que tú que te haces responsable, y es difícil hacer preguntas a alguien con experiencia.


En talleres y campamentos de adiestramiento (que explicaremos 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:


  • W3Escuelas
  • Coursera
  • Alison
  • FuturoAprende
  • Casa del árbol
  • Un mes
  • Udemy

Libros de diseño web


Incluso con todos los otros medios que podría emplear para aprender diseño web, todavía no hay nada como acorrucarse con un libro.


Los autores pasan años mejorando sus conocimientos, compendiando las mejores prácticas, ejemplos y tutoriales y destilándolos en un formato que puede absorber en escaso tiempo desde la comodidad de su sofá.


Cuando estés comenzando, 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 web


A lo largo de los años, los diseñadores han publicado cientos de grandes entradas de weblog que cubren todos y cada uno de los temas de diseño web imaginables.


Si buscas información sobre un tema específico, Google es tu amigo; el mejor lugar para empezar es buscar ese tema y ver qué surge.



La clave es buscar el término exacto que estás buscando y saber en cuál de los cientos y cientos de fuentes en las que puedes confiar.


Aquí están ciertas sugerencias sobre los mejores blogs de diseño web para asistirle a reducir el estruendos.


Cursos universitarios


La 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 asistir a convencer a los empleadores para que te contraten y aumenten tu salario inicial o bien tu tarifa de autónomo.


La desventaja, sin embargo, es que los cursos universitarios pueden costar mucho
másque muchas de las otras alternativas para aprender diseño web y tomar mucho más tiempo.


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 web


Si deseas que tu carrera de diseño web comience rápidamente, los campamentos de entrenamiento y los talleres en vivo son las mejores opciones.


Aunque muchos campamentos de adiestramiento cuestan mucho, también proporcionan una tonelada de valor.


La instrucción en persona significa que aprenderá rápidamente – un curso completo puede tomar seis meses o menos.


También obtendrás conexiones con la industria a través de tus instructores para asistirte a localizar un trabajo y el apoyo de tus compañeros a medida que aprendes.



¿La desventaja? Los campamentos de entrenamiento son desafiantes y sólo son valiosos si estás listo para comprometerte.


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 adiestramiento 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:


  1. Thinkful
  2. Ironhack
  3. Bloque
  4. Codificación Dojo
  5. Escuela Flatiron
  6. Actualizar
  7. Epicodus

Hágalo usted mismo


Por último, pero no menos esencial, siempre 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 sigues trabajando, y los materiales de aprendizaje son baratos o bien a menudo gratis.


Por supuesto, la falta de responsabilidad puede frenar a algunos futuros diseñadores web, y tener que definir su propia estructura de aprendizaje puede dificultar el progreso para ciertos.


Si sigue 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 ciertas opciones para aprender diseño web por su cuenta:


  1. freeCodeCamp
  2. Code Academy
  3. Aulas abiertas
  4. Bento
  5. YouTube
  6. Hoja de marca
  7. JavaScript para gatos
  8. Un byte de Python
  9. learnpython.org
  10. Rieles para Zombies

10 Consejos para aprender diseño web sin coste desde cero


¿Quieres aprender diseño, mas no tienes un presupuesto suficiente para inscribirte en un curso? Si quieres ganarte la vida como diseñador, existen muchas formas de adquirir las habilidades sin gastar ni un centavo ni un cáscara fuera de tu presupuesto.


Hay un sinnúmero de información gratuita 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ño


Conocer el camino del diseño a través de los años es vital.


Si deseas ser el mejor en tu oficio, es imperativo comprender cada cambio cultural y tecnológico del diseño, que ha llevado a sus tendencias actuales.


01. Comprender los términos de diseño más comunes


Podrá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ño


Aprenda sobre los detalles del diseño navegando por varios blogs 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 propios diseños, todo lo que puede ayudarte.


También puedes hacerles preguntas sobre un proyecto particularmente en el que estés trabajando.


Pueden asistirle y proporcionarle ideas sobre cómo ejecutar un diseño correctamente.


04. Inspírese en los grandes diseñadores del pasado


Sumérgete en las mentes de los grandes y entiende 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ínea


Internet está lleno de recursos para los diseñadores en cierne y es una gran forma de enseñar sus proyectos y obras.


Navegue por los mercados en línea para ver lo que se vende y lo que no.


Además, trate de saber por qué ciertos diseñadores prosiguen siendo impopulares al paso que otros están prosperando.


06. Aproveche las alternativas gratuitas a Adobe


Adobe es una excelente herramienta de diseño, mas viene con una etiqueta de costo que le hará daño a su bolsillo.


Afortunadamente, hasta el momento en que no puedas dejarte comprar un software profesional o bien 2, hay muchas opciones alternativas gratis a Adobe que son igualmente buenas.


07. Tome un curso de diseño en línea gratis (o 2)


Matricularse en una escuela de diseño es carísimo y literalmente te romperá la cuenta bancaria.


Así que en vez de eso, aprenda a diseñar y codificar con cursos gratuitos 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 YouTube


Hay muchos videos 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 favoritas


Como afirman, la práctica hace la perfección, y la experiencia es el mejor maestro.


Nunca subestimes los proyectos gratis que admitas.


No sólo son entretenidos, sino también pueden asistir a sacarle de su zona de confort de diseño.


Incluso si el proyecto es abrumador o bien desafiante, asegúrese de terminarlo.


Estas oportunidades 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.




10. No dejes que el dinero te retenga.


Puedes iniciar tu viaje para transformarte en un enorme diseñador hoy.


Todo lo que necesitas es proseguir estos consejos y combinarlos con paciencia y determinación.


Antes de que te des cuenta, ya estarás diseñando como un profesional.


Cómo conseguir trabajo de diseñador si aprendes diseño web el día de hoy mismo


Ahora que tienes algo de experiencia y proyectos en tu haber, es el instante de seleccionar un camino.


Los nuevos diseñadores web tienen 2 opciones principales: trabajar para clientes como diseñador web freelance o bien trabajar para una empresa establecida.


Según la Encuesta para Desarrolladores 2019 de Stack Overflow, casi tres cuartas partes de los encuestados se identifican como empleados a tiempo completo, y alrededor del 10 por cien se incluyen a sí mismos como autónomos o bien contratistas independientes.


Ambos tienen sus ventajas y desventajas, y usted precisa tomar su decisión basada en lo que desea conseguir de su carrera de diseño web.



Recuerda, también, que no hay un camino fijo.


Si prueba el freelance y descubre que no es para usted, siempre puede localizar un puesto en una compañía establecida.


Las habilidades de diseño web siempre y en todo momento están muy solicitadas!


Conviértase en un diseñador web contratado


La opción de carrera más común para los nuevos diseñadores web es el empleo a tiempo completo.


Los diseñadores web internos suelen trabajar como una parte de un equipo de diseño, ya sea en sitios de marketing como páginas de destino y sistemas de gestión de contenidos o diseñando aplicaciones web para startups.


Trabajar para una compañía establecida trae un ingreso consistente y confiable (la mayoría de los diseñadores y desarrolladores de sitios web son bien pagados), así como beneficios como seguro de salud y tiempo libre pagado.


También trabajarás al lado de un equipo experimentado de diseñadores y desarrolladores con muchas ocasiones para aprender.


Si hay un inconveniente primordial en el empleo a tiempo completo, es que estás trabajando en los proyectos de otra persona, así que no habrá tanta pluralidad en el trabajo.


Conviértete en diseñador web freelance


En lugar de trabajar para un solo empleador, los diseñadores web autónomo trabajan directamente para los clientes del servicio.


Una semana, podría estar trabajando en el diseño de un nuevo blog para un usuario, y la próxima, usted podría estar ayudando a otro a mejorar las conversiones en su lugar de comercio electrónico.


Salir por tu cuenta como diseñador web freelance a tiempo completo puede ser un camino muy rentable, pero también es un camino lleno de contrariedades adicionales.


Sí, encontrarás clientes que pagan más y podrás trabajar cuando y donde quieras.


Pero precisa ponderar cuán esencial es para la flexibilidad frente a la carencia de ingresos constantes, beneficios y tiempo libre retribuido, por no mentar todo el trabajo extra que conlleva la comercialización de sus servicios.


Cómo aprender diseño web de sus errores


plan de social media á hecha de un solo marco monolítico.


Es mucho más difícil aprender diseño de paginas web en almeria en Internet debido a su modularidad.


Cualquiera está obligado a cometer fallos que ralentizan el tiempo de desarrollo, su programa o introducen errores en su programa.


No sólo eso, sino que algunos géneros de fallos te ponen en desventaja cuando estás buscando un empleo.


Las mejores prácticas existen para garantizar que surjan el menor número posible de inconvenientes al diseñar su sitio o al ponerlo en producción.


Aquí están los cinco errores más comunes que cometen los desarrolladores web junior y cómo evitarlos.


01. Confiar demasiado en jQuery


jQuery es, con diferencia, el marco de trabajo de JavaScript más popular del mundo.


Adoptarlo en su proyecto tan pronto como lo haya creado puede parecer tentador, mas no tenga tanta prisa.


Aunque jQuery da muchos métodos convenientes para acelerar su desarrollo web, es esencial no emplearlo demasiado.


Los nuevos desarrolladores web casi siempre y en toda circunstancia cometen el error de comprender los métodos de la API de jQuery en lugar de cómo funcionan por debajo.


Muchos empleadores estiman que jQuery es una desventaja en lugar de una buena opción pues algunos desarrolladores no comprenden cómo funciona el JavaScript.


No hay nada malo en emplear jQuery. presupuesto diseño ux /p>

Si puede, acostúmbrese a usar los métodos de JavaScript por su cuenta.


Sólo confíe en jQuery para los métodos de conveniencia que de otro modo tardarían un tiempo en implementarse.


02. Confianza excesiva en los marcos CSS


Los frameworks CSS como Semantic UI y Bootstrap pueden ahorrar mucho tiempo.


Eliminan la necesidad de un estilo manual y también incorporan un diseño sensible en tu aplicación.


Sin embargo, como jQuery, es fácil caer en el ciclo de no redactar jamás tu propio código CSS.


Al final del día, su sitio se verá genérico y a medio hacer.


En el extremo de las cosas, podría aun parecerse a doce otros sitios que tuvieron la misma idea que usted.


Si no eres un especialista en escribir un código CSS, tendrás la capacidad de leer manuales, de hallar un mentor, que te proporcionará la información que precises, así como un guía de investigación que escribirá un trabajo de investigación para mí y te proporcionará una ayuda buena y cualitativa.


Hay diferentes marcos de trabajo que podrían ser más intuitivos para escribir código.


Los marcos como Bootstrap existen para hacer tu vida más fácil.


Para eludir el exceso de confianza, aprenda el estilo CSS por sí mismo, aprenda a utilizar preprocesadores para acelerar el desarrollo y estudie la teoría del color para saber qué colores van juntos y cuáles no.


Una vez que comprenda adecuadamente los conceptos, es posible que se dé cuenta de que ya no precisa los marcos.


03. Olvidarse de optimar su lugar para la velocidad


Un efecto de depender demasiado de jQuery es la tendencia a caer en el hábito de los antipatrones.


Cuando el navegador se carga por vez primera, es preciso ejecutar el código JavaScript y CSS antes que se cargue la página, en dependencia de dónde ponga sus scripts.


Como se puede imaginar, tener demasiados scripts va a frenar su sitio web.


Tener clases de CSS sin usar aumentará el tamaño del bulto de su sitio web y de exactamente la misma manera lo hará más lento.


Mucho se dedica a la optimización de la velocidad.


Por nombrar ciertos factores: las fuentes, las imágenes, los ficheros adicionales de JavaScript y CSS, y la compresión de archivos, todos juegan su papel.


Una vez que los domine, busque paquetes como Webpack y Rollup que puedan quitar de sus archivos las clases CSS y los métodos JavaScript no usados.


04. Validación de entrada incompleta


Algunas de las partes más esenciales de cualquier sitio que usted construya son los formularios.


Dado que es la única manera en que una persona puede pasar información a su servidor, siempre y en todo momento es necesario hacer ciertas comprobaciones de cordura en ellos.


Algunos de los vectores de ataque más comunes en Internet prosiguen siendo los ataques XSS y la inyección SQL.


El fallo que tienden a cometer los desarrolladores junior es tener sólo la validación de entrada en el frontend.


Toda la validación de entrada se efectúa a través de JavaScript, que es trivial de desactivar.


Lleve a cabo siempre la validación de entrada tanto en el backend como en el frontend.


Además, todos los caracteres no alfanuméricos han de ser escapados para hacer los ataques de inyección imposibles.


05. Ignorar la importancia del SEO


No basta con que edifiques bellas páginas web y las envíes.


Es del mismo modo importante que la gente vea y aprecie el contenido que ofrece.


La mejor forma de hacerlo es prosperar sus conocimientos de posicionamiento web y la implementación de los mismos.


El posicionamiento en buscadores es un proceso largo y complicado que necesita una investigación constante para sostenerse en el bucle de las siempre y en toda circunstancia cambiantes reglas del juego.


Con su alcance arqueado, no se debe descartar que se haga al final del proceso de desarrollo.


Algunas prácticas, como tener siempre y en toda circunstancia etiquetas ‘alt’ descriptivas en sus imágenes, precisan ser procesadas activamente.


Imagine que escanea todos sus ficheros para buscar etiquetas alt y meta cuando ya ha terminado con el proyecto.


06. No tener un favicon


Es fácil descartar el favicon como superfluo por lo trivial que es su creación, mas su existencia es bastante esencial.


En la web moderna, es común que los usuarios tengan múltiples pestañas abiertas a fin de que puedan volver a visitarlas más tarde. Los favores actúan como una suerte de marcador para que su sitio sea visible de un solo vistazo.


La falta de uno puede representar que los usuarios pierdan el interés a lo largo del camino.


Además, en vez de generar uno mismo en Photoshop, hay herramientas gratis en línea que lo harán por usted.


Estos están automatizados y producen favicones para diferentes navegadores y sistemas operativos.


07. Ignorar el diseño de respuesta


El diseño sensible es una de las cosas más esenciales que un sitio debe tener.


La mayor una parte del tráfico en Internet procede de los dispositivos móviles.


El hecho de no tener un lugar que muestre un contenido diferente dependiendo del tamaño de la pantalla le pone en una desventaja significativa.


Eso es en especial así si sus contendientes ofrecen lo mismo.


Además, es uno de los factores que Google tiene en cuenta a la hora de clasificar las páginas.


Si su página no responde en el móvil, es probable que reciba algunos correos electrónicos de la consola del administrador web advirtiéndole que actualice su lugar.


Nuestra recomendación: Empiece a aprender diseño web hoy mismo


Empiece con su proyecto, donde usted es su primer usuario, y después considere mudarse internamente o bien trabajar por cuenta propia.


Una vez que tenga algo de experiencia y algunos proyectos a su alcance, será mucho más fácil localizar empleadores o bien clientes del servicio autónomos dispuestos a contratarlo; además, siempre y en todo momento puede hacer la transición poco a poco de tiempo completo a autónomo sin la presión financiera de dar el salto antes de estar listo.


Comenzar una nueva carrera como diseñador web en dos mil diecinueve puede ser una perspectiva emocionante y también intimidante.


Después de todo, ya existen muchos diseñadores web con más experiencia que usted.


No tengas miedo.


Cada uno de esos diseñadores y desarrolladores una vez estuvo precisamente donde usted está ya.


Sí, una carrera en diseño web requiere trabajo duro, constancia, y quizás un poco de suerte, pero sabemos que puede hacerlo.


Ahora salgan y empiecen a aprender!


¿Buscas profesionales?



Sin compromiso ni registros • Profesionales destacados


¿Buscas clientes del servicio?


Suscribirse


(GRATIS)



Cuota fija al mes • Sin permanencia ni comisiones