¿Qué tipo de sitio web debo hacer para mejorar mis habilidades?

Tuve una sensación similar durante un tiempo, recuerdo haber buscado en la web con la esperanza de encontrar “propuestas de clientes falsos”, pero no encontré nada interesante y lo que encontré sonaba realmente aburrido.

Muchos desarrolladores profesionales tienen proyectos personales, esos son los proyectos donde el desarrollador crea el proyecto soñado, diría que esos son los proyectos que son su mejor trabajo.

Un cliente real podría ser un dentista. Tienen algunos contenidos que deben mostrar en el sitio web:

(Obtuve la captura de pantalla anterior al buscar dentistas)

El sitio está orientado al contenido.

Realmente creo que saber cómo lidiar con una gran cantidad de contenido es importante. Entonces, como la mayoría de los sitios que haría para clientes reales son como el anterior, saber cómo lidiar con el contenido es excelente.

Aquí es donde rediseñar sitios web podría ser un buen ejercicio.

No me molesté en investigar el sitio web anterior, pero digo que te encargaste de rediseñar ese sitio. Para hacer un buen trabajo, tendrías que pasar unos días investigando el contenido, solo el contenido. Puede que tenga que responder las siguientes preguntas

  1. ¿Cuántas páginas hay?
    1. ¿Qué hay en cada página?
  2. ¿Es la estructura actual lo suficientemente buena?
    1. ¿Hay demasiadas o muy pocas páginas?
  3. De todo el contenido, que es el mejor contenido para tener en la página de inicio

(Hice esas preguntas en el acto, nunca he rediseñado los sitios web)

Luego comenzaría a diseñar el sitio web para que se ajuste al contenido, en lugar de que el contenido se ajuste al diseño.


Creo que no debería perder el tiempo buscando “problemas del mundo real como un cliente que solicita un sitio web” aunque, como puede ver arriba, le enseñan una valiosa habilidad para administrar el contenido, después de todo, eso es el diseño web. Pero para mejorar tus habilidades necesitas algo mejor, algo menos aburrido, algo creado por el diseño y el desarrollo.

¡Algo que creas para ti no para el cliente!

Pocas ideas

  • Carteras electrónicas
  • Comercio electrónico
  • blogs

Tenga en cuenta que usted dijo que ya creó un sitio de cartera y, sin embargo, lo menciono anteriormente.

He creado muchos sitios de cartera. Creé una cartera de diseñadores web. Una cartera de pintores. Una cartera de fotógrafos. Todo lo cual me dio la oportunidad de probar diferentes ideas de diseño y diferentes tecnologías.

Lo mismo con el comercio electrónico, creé la tienda habitual que vende todo. Luego creó algunas librerías. Adaptado a grandes empresas y pequeñas empresas.

¿Sabía que una cartera de artistas requeriría un blog dentro de la cartera?

Estos proyectos, a diferencia de muchos proyectos de clientes, me permitieron liberar mi creatividad. Me encanta dibujar diseños, por lo que ninguno de estos sitios tiene el mismo aspecto. En segundo lugar, puedo experimentar con todas las tecnologías que quiero probar. Pude ir tan profundo como quería. Creé uno con PHP y MySql. Otro con JS y JSON. Otro JS y XML. Entonces Nodo, Express. Luego Node, Express y mongodb. Y muchos otros proyectos y tecnologías.

Cree un comercio electrónico con 5 elementos donde use HTML5 para arrastrar y soltar elementos en el carrito, HTML5 para guardar el carrito en la caché. Fácil y simple de ver para el promedio de Joe, pero muy difícil de crear para el desarrollador.


Deja de perder el tiempo para encontrar tu idea perfecta. Si lo único que se le ocurre hacer es un portafolio electrónico, haga 5 de ellos. No clones cada uno, hazlos como si tuvieras 5 clientes diferentes. Concéntrese en HTML5, CSS y Javascript que no conoce.

Úsalo a ti mismo y a tus pasatiempos como contenido

Todos dicen sitios web de diseño para tus pasatiempos. Sus ejemplos son “¿estás en una banda? Diseña un sitio web “,” ¿eres parte de una caridad, iglesia, club de lectura? diseñar un sitio web “. Si eres como yo y no tienes nada de eso, puede tomarte un tiempo reconocer que tienes más de lo que te das cuenta

Cuando probé instagram por primera vez, esta fue la primera imagen que publiqué:

Solo lo llevé allí y luego.

Usé esa imagen como “Los artistas” para mi cartera de artistas. También me gusta garabatear. Usé esos garabatos de mierda mientras los artistas trabajan. Y he estado pensando en usar los mismos garabatos cuando juegue con angular algunas veces este año.

Mi iPhone está lleno de imágenes de lo que veo a mi alrededor, podría crear galerías. Me encantan los libros, podría crear comercio electrónico, blog de reseñas de libros, sitio web de citas y muchas cosas más.

El objetivo final es, ¡no dejes de crear!

(es posible que desee invertir algún tiempo en aprender los conceptos básicos de git y usar GitLab para almacenar todo lo que hace allí. He perdido demasiado trabajo solo porque confié en mis habilidades organizativas y en la capacidad de mi computadora para no frenar – la razón porque recomiendo gitlab en lugar de github es porque es gratis sin restricciones)

Buena suerte

Creo que debes comenzar desde un ángulo diferente. ¿Sabes qué mejoras tiene HTML5? ¿Sabes qué mejoras tiene CSS3? ¿Quieres saber sobre Javascript o quieres hacer algo mucho más rápido aprendiendo JQuery?

Te recomiendo que comiences con algo como Free Code Camp. Te llevarán a través de todas las cosas que debes hacer. Hice esto antes de encontrar trabajo. Me dio una gran base para trabajar.

Los clientes reales que están dispuestos a contratar desarrolladores no capacitados generalmente sufren el mismo problema:

Ellos quieren todo. Necesitas ser un diseñador gráfico. Leen en alguna parte que Joomla es genial. Pero, espera, Woocommerce en WordPress es mejor. Oh, espera, ¿puedes hacer la programación de una plantilla personalizada en Shopify, porque escuché que es mejor? Ah, y ¿puedes diseñar este logo? Oh, tal vez queremos imprimirlo, ¿puedes convertirlo en vectores? (No es difícil, lo sé, pero hace dos años, pagué 40 dólares por esto antes de saber lo fácil que era). Ah, también, ¿puedes poner las cookies en la parte inferior para los clientes de la UE? Ah, y ¿puedes entrelazar análisis en el código?

Además, debido a que son nuevos clientes, no tienen sus propios flujos de trabajo. Aparentemente, todo debe hacerse mañana porque aparentemente un cliente importante lo va a ver.

Además, querrán la optimización SEO. (No saben lo que significa, solo lo han escuchado y piensan que es realmente importante: puede optimizar la arquitectura pero no puede crear contenido simultáneamente).

Solo … no pierdas tu tiempo. Lo que debe hacer es aprender los conceptos básicos.

Parece que quieres entrar en el diseño web front-end. (No mencionó ninguna base de datos o lenguajes de programación del lado del servidor).

Gran parte del diseño web front-end trata sobre la experiencia del usuario. La programación es fácil de realizar sobre la marcha. La cantidad de bibliotecas de código abierto de desarrolladores amables es abrumadora. Los objetivos sobre el diseño son mucho más importantes.

Si desea grandes ideas, vaya a CodePen y comience a ver qué están creando los diseñadores web profesionales. Incluso puedes tomar su código y jugar con él.

Pero, antes de comenzar a aprender sobre pseudo elementos en CSS y cómo guardar datos en matrices JSON, debe aprender sobre el diseño. La diferencia entre los desarrolladores front-end que trabajan para el comercio minorista de Bob y los desarrolladores front-end de Apple no es la belleza de su código (que estoy seguro está optimizado a la perfección), es la gracia de sus diseños.

Puede aprender a usar HTML y CSS y JQuery en un mes o dos. El diseño receptivo adecuado que está planificado y bien comentado requiere una comprensión profunda del diseño.

No es cómo debes preguntar. Es el porque.

Cree un sitio web desde cero y asegúrese de tener en cuenta lo siguiente:

  1. Completamente receptivo para varios dispositivos de navegación
  2. Rico en interactividad, es decir, excelente experiencia de usuario y una interfaz de usuario increíble.
  3. Asegúrese de obtener sus datos de una base de datos a través de su propia API REST.
  4. Cree un back-end para administrar el contenido del sitio web y supervisar su rendimiento
  5. El backend garantiza que sea capaz de administrar el inicio de sesión y el seguimiento de la sesión.

Estoy seguro de que aumentará su confianza para disfrutar de cualquier proyecto de desarrollo.

Las aplicaciones web que proporcionan las operaciones CRUD son las mejores para aprender y mejorar las habilidades de Front End como HTML5, CSS3 y JavaScript.

Un ejemplo puede ser la aplicación que he explicado aquí:
La respuesta de Pankaj Patel a ¿Cuál es la mejor manera de practicar Javascript?
y aquí:
La respuesta de Pankaj Patel a ¿Cuáles son algunos proyectos intermedios para desarrollar habilidades de front y back end?

TL; DR: La complejidad de su proyecto de aprendizaje definirá su experiencia. Una vez que se sienta cómodo en su proyecto, aumente el nivel de complejidad.

Para mí, hacer un sitio web afiliado con Amazon Associates fue una muy buena manera de aprender habilidades web. Tuve que aprender a usar PHP y HTML con habilidades de aprendizaje que van desde llamar a una API, usar bootstrap para mostrar resultados, hasta aprender cómo hacer un sistema de caché. Además, si lo hace bien, incluso puede ser recompensado con un poco de dinero si las personas visitan su sitio y deciden comprar algo.

Así es como obtuve el primer cliente para mi carrera profesional independiente.

  • Aprenda un marco web y aprenda todo lo importante en ese marco.
  • Encontré una idea increíble y utilizo mi conocimiento del marco web elegido para construirlo.
  • Compré un dominio y alojamiento para implementar mi sitio web.
  • Presente mi sitio web al cliente, luego obtuve mi primer cliente.

Hay muchas ideas para ti:

  • Puede clonar cualquier sitio web simple en ProductHunt
  • Crea un sitio web de aprendizaje electrónico.

Esta es una pregunta muy vaga, pero continuaré respondiendo de todos modos ya que estuve en esta situación hace un par de años.

Cuando se trata de desarrollo (en este caso, desarrollo web), haga lo que quiera. Este es el enfoque que debe seguir, piense en algún sitio web en particular que desee hacer e intente trabajar para lograrlo, obviamente no lo hará en el primer intento, pero con cada iteración saldrá un desarrollador mucho mejor con habilidades mejoradas y también es mucho más efectivo en comparación con el aprendizaje típico y luego hacerlo.

Pruébalo 🙂