La forma más rápida garantizada de incursionar en el desarrollo web

Haz muchos proyectos.

367ei5

No bromeo, es así de simple.

Si ha interiorizado esto, deje de leer y vaya a trabajar.

Proyectos en todas partes

  • Cuando consigas el trabajo, harás proyectos .

  • Cuando encuentres un trabajo mejor, liderarás proyectos .

  • Cuando abra esa empresa de consultoría multimillonaria con la que sueña, ejecutará muchos proyectos .

Entonces, para convertirse en un desarrollador distinguido, debe, dígalo conmigo ahora, ¡ hacer muchos proyectos !

367etb-1

¿Qué pasa con los libros y los cursos?

En teoría, son geniales.

harold-compró-otro-curso-udemy-1

Pero en realidad, pueden ser una brillante fuente de procrastinación.

harold-no-terminará-su-curso-3

De todo su material de aprendizaje, ¿cuánto terminó? Aún mejor, ¿cuánto afectó directamente a su carrera?

¿Poco o nada? Créeme, he estado ahí. Mis propias bibliotecas físicas y virtuales están repletas de los mismos volúmenes polvorientos.

tus-libros-no-ayudan

Es porque lo estamos haciendo al revés.

solo-hacer-un-proyecto

Úselos como referencias

Primero aborde un problema o una idea interesante, luego tal vez compre algo. Porque sin acción, los libros y los cursos son solo información interesante.

Sonarás muy inteligente, pero no serás muy útil.

Sin embargo, en el contexto de un proyecto, toda esa información es invaluable para comprender mejor el espacio de su problema.

esto-es-mejor-2

¡Me encantan los libros! No estoy diciendo "No leas".

Estoy diciendo que encuentres un proyecto que te intimide un poco. Intente completarlo, luego use su material como referencia cuando inevitablemente se quede atascado.

Haga esto y observe cómo sus ganancias vuelan a la luna.

cuando-agrega-un-proyecto-a-su-portafolio

Soy nuevo en el desarrollo web, ¿por dónde empiezo?

No puedo enfatizar esto lo suficiente: ¡ elija un proyecto !

elegir-cualquier-proyecto

Después de eso, el proceso es simple:

  • Aprenda lo suficiente para seguir adelante
  • Atascarse
  • Aprenda lo suficiente para seguir adelante

Una y otra vez.

Es tremendamente simple, por eso casi nadie lo hace. Buscamos un sistema grandioso y demasiado complejo que "nos lleve al éxito", mientras ignoramos este principio atemporal ...

Encuentre algo que no pueda hacer y descubra cómo hacerlo. Lo que sea necesario.

El proyecto definitivo para principiantes

todo-mvc-1

En mi opinión, TodoMVC es el mejor proyecto para principiantes. Es conceptualmente simple, pero tiene un diseño interesante y una buena cantidad de funcionalidad.

  1. Agregar todos
  2. Editar todos haciendo doble clic
  3. Eliminar todos
  4. Marcar / desmarcar todos
  5. Filtros para todos completos / activos
  6. Cuenta cuantos todos quedan
  7. Todos se guardan en LocalStorage

Codifique una copia de píxeles perfectos en HTML / CSS, luego implemente la funcionalidad en JavaScript.

todo-mvc

Haga lo que sea necesario para lograrlo. Si compras un libro o un curso, es específicamente para completar TodoMVC.

Sin embargo, no debería necesitar ninguno. Google y FreeCodeCamp son recursos perfectos y su costo total es de $ 0.

Como desarrollador web profesional, personalmente he usado TodoMVC para ...

  • Mejorar mis habilidades en HTML, CSS y JavaScript.
  • Aprenda React dos semanas antes de comenzar mi rol como desarrollador líder de React.
  • Familiarizarme con un lenguaje de programación completamente nuevo.

Estés donde estés, sea lo que sea que estés aprendiendo, TodoMVC es el proyecto introductorio perfecto.

Después de eso, elija algo nuevo o incluso una versión más difícil de TodoMVC.

  • Permitir que los usuarios inicien sesión con GitHub
  • Guardar todos los usuarios en una base de datos
  • Muéstrales la próxima vez que inicien sesión
  • Vuelva a LocalStorage si no quieren iniciar sesión

La complejidad puede escalar casi indefinidamente. Si odias las listas de tareas pendientes por cualquier motivo, está bien. Mi consejo sigue en pie: elige un proyecto .

¿Qué pasa con Resume, GitHub, etc.?

Estos son tus toques finales.

Primero, establezca una base sólida de proyectos de calidad, luego preséntelos en todas partes: en su sitio web personal de GitHub, CV, LinkedIn.

Para obtener crédito adicional, aprenda a usar Git / GitHub mientras realiza el proyecto. El flujo de trabajo eventualmente se sentirá cómodo y estará simulando un entorno de trabajo mucho más cercano.

Ya sea de código abierto, una reunión o solo, solo haz muchos proyectos.

¿Quieres coaching gratuito?

Si desea programar una llamada gratuita de 15 a 30 minutos para discutir preguntas sobre el desarrollo de Front-End con respecto al código, entrevistas, carrera o cualquier otra cosa, sígame en Twitter y envíeme un mensaje de correo electrónico.

Después de eso, si disfruta de nuestra primera reunión, ¡podemos discutir una relación de coaching continua que lo ayudará a alcanzar sus objetivos de desarrollo de Front-End!

Gracias por leer

Para obtener más contenido como este, visite //yazeedb.com.

¡Hasta la proxima vez!