¿Qué tiempo debo tomar para aprender el desarrollo web front-end antes de convertirme en un profesional independiente?

No puedes poner un temporizador en el aprendizaje. Alguien podría aprender todo en un par de meses, mientras que otro en 2 años.

El primer paso para aprender Frontend es sentirse cómodo con:

  • HTML, el lenguaje de marcado.
  • CSS, nos permite diseñar una página web.
  • JavaScript, que se utiliza para agregar elementos interactivos a la página web o pequeñas funcionalidades y animaciones.

Una vez que esté familiarizado con estos tres, deberá comenzar a practicarlos y crear proyectos paralelos, que luego servirán como piezas de cartera.

Aprender bibliotecas y marcos podría facilitarle la vida, pero no se recomienda cuando comienza. Debes darte tiempo para aprender lo básico.

Puedes aprender estos puntos si quieres diferenciarte de la multitud:

  • Diseño web.
  • Control de versiones.
  • Photoshop
  • SEO

Siempre digo que aprender es una aventura, que todos deberíamos disfrutar, así que ¿por qué poner un temporizador a nuestra alegría? Aprende hasta que te sientas seguro de tus habilidades y luego aprende un poco más.

El menor tiempo posible (como un fin de semana).

Dejame explicar. Soy un gran creyente en el aprendizaje “justo a tiempo”. Aprendemos mucho más rápido, retenemos más y evitamos el agotamiento cuando estamos aprendiendo sobre la marcha porque necesitamos hacerlo. Con esto en mente, aprenderá mejor cuando tenga que completar un proyecto real que requiera ese conjunto de habilidades.

Por supuesto, el gran peligro aquí es pasar por alto y decir “sí” a algo que es realmente difícil de lograr, incluso para un desarrollador front-end experimentado.

Entonces, mi primer paso sería encontrar un amigo o dos en Twitter o en persona que ya sea un desarrollador web front-end, y preguntarles si les importaría ayudarlo a investigar un proyecto potencial en cuanto a lo difícil que sería aprender a hacer

A continuación, desea pasar un poco de tiempo familiarizándose con las tecnologías front-end:

  • HTML (esto debería tomar aproximadamente una hora para obtener los conceptos básicos, siempre puede hacer referencia a una hoja de trucos a medida que avanza).
  • CSS (esto es un poco más complicado, solo aprende algunos conceptos básicos de CSS y familiarízate con el uso del inspector web en tu navegador para que puedas ver cómo otros hacen ciertas cosas).
  • JavaScript (esto puede ser demasiado para comenzar al principio, solo mire algunas herramientas de JavaScript que ya están disponibles y que tienen instrucciones simples para implementar. Mejorará con el tiempo y aprenderá más cuando lo necesite).

Para una solución todo en uno, solo aprenda cómo usar y aprovechar un marco de front-end llamado “Bootstrap”. Tiene una excelente documentación, incluye muchas herramientas HTML, CSS y JavaScript que puede usar de inmediato.

Ejemplo de demostración de Bootstrap

Toma un curso

Sería aconsejable tomar una clase o dos sobre desarrollo front-end también para obtener los conceptos básicos (y determinar qué es fácil de hacer frente a lo que podría estar más involucrado). Aquí hay algunos recursos recomendados:

  • Desarrollo web front-end en Treehouse
  • Fundamentos del desarrollo web front-end en Udemy
  • Conviértase en un desarrollador web front-end en Lynda

Empieza ahora

Una parte importante de su tiempo como profesional independiente se dedicará a promocionarse, aprender sobre proyectos potenciales, redactar propuestas, comunicarse y negociar, firmar un contrato, etc.

Incluso si fueras un desarrollador front-end estrella de rock, es posible que no tengas un cliente que pague durante bastante tiempo. Comience de inmediato a poner su nombre, configurar sistemas para rastrear su tiempo y recibir pagos (como Harpoon), y buscar sus primeros conciertos.

Incluso después de casi 10 años de desarrollo web, sigo buscando en Google cómo hacer algo todo el tiempo. Siempre estarás aprendiendo, es muy posible que un cliente te pague mientras lo haces.

Bido:

Convertirse en un profesional independiente, no es el objetivo de aprender el desarrollo web front-end como un medio, en mi opinión.

Dondequiera que aplique sus habilidades como desarrollador web, habrá la necesidad de un contrato, negociación y tiempo. Y puede encontrarse en un futuro desarrollándose en una gran agencia, con un equipo, o dirigiendo su propio estudio solo y con colegas, y no trabajando independientemente.

El camino para aprender desarrollo web es un camino continuo en su carrera, hay varias técnicas e innovaciones que debe conocer o aprender.

Afortunadamente, las habilidades de programación en Javascript, CSS y HTML versión 5 vienen al rescate. O puede lograr una especialización profesional en NodeJS, WordPress, Drupal o cualquier otro sistema de contenido que sea útil para sus clientes. O tal vez implementará sitios web utilizando un marco estándar como Symphony.

Si alguna vez te contratan como autónomo, tu contratista hará algunos requisitos: no hay una varita mágica en esto, solo tienes que ofrecer los servicios que conoces.

He visto personas que pueden desarrollar una plantilla básica y un sitio web en un plazo de tres meses, otros implementan una página estática en dos días, otros necesitan tres años para obtener las habilidades.

Tómese su tiempo, póngase cómodo y siga el camino. Una vez que tenga una cartera decente (lo que significa que ha desarrollado al menos tres o cuatro sitios web), hágase a un lado en el mercado independiente y vea cómo funciona.

Espero eso ayude

El desarrollo front-end o cualquier tipo de programación no es algo para lo que usarías el tiempo como una métrica de habilidad. Solo necesitas esto:

Construir. Construir. Construir. Construir. Construir.

Cree réplicas de los sitios que navega. No tiene que funcionar de la misma manera al principio, pero hacer que se vea lo más similar posible. Sigue haciendo esto, si te frustras, eso significa que estás aprendiendo y acercándote para convertirte en un desarrollador de pleno derecho. Cuando esté cansado de construir sitios, cree un par de más. Cree un sitio de cartera para mostrar sus habilidades y, a medida que aprenda con el tiempo, agregue cosas para mejorarlo a su gusto. Pregúnteles a sus amigos si les gustaría que les haga algo ( de forma gratuita para aumentar su habilidad y comodidad al escribir el código). Debe tener una sólida comprensión de:

  • HTML (5)
  • CSS (3)
  • Javascript (no Jquery)

Cuando se sienta cómodo con estas tres cosas, entonces querrá continuar aprendiendo a construir para la web moderna. Aprender acerca:

  • La diferencia entre diseño de UI y UX
  • Diseño de respuesta (!!!!)
  • Rejillas
  • Oreja
  • Jquery (Sin JS normal, tus habilidades serán limitadas)
  • SCSS
  • Diferencias en los navegadores web

Bootstrap, Jquery y SCSS te ayudarán a construir sitios más rápido. La parte importante es que estás haciendo más que solo leer sobre estas cosas. Incorpórelos en proyectos que lo ayudarán a comprender mejor cómo funcionan. También te sugiero que busques algunos frameworks web como Angular, React, Backbone o Ember. Comprenda por qué y cuándo los necesitaría y elija uno. Aprende bien antes de saltar a otro.

Algunos lugares para comenzar:

  • Aprenda desarrollo web gratis: complete solo la parte front-end + proyectos
  • Aprenda a codificar: CodeCademy: para comenzar a aprender HTML / CSS / JS
  • Tutoriales web en línea de W3Schools: W3Schools un poco de referencia y tutoriales
  • Desarrollo web de aprendizaje: MDN: mejor que W3 y lo utilizará a lo largo de su carrera de desarrollo.

Obtenga una pasantía paga si puede. Cuando se sienta lo suficientemente cómodo con su propio trabajo y cartera, intente conseguir algunos clientes más pequeños y progresar. La mejor de las suertes para usted en su viaje, las cosas se pondrán difíciles pero valdrá la pena y tiene toda una comunidad para ayudarlo cuando lo necesite.

-Aclamaciones

More Interesting

¿Cuál es la mejor manera de crear un widget interactivo de Google Maps que se asemeje a la funcionalidad del campo "Dónde" de Plancast cuando crea un evento?

¿Por qué no se puede almacenar un directorio en un archivo?

¿Cuáles son algunas buenas tecnologías de diseño web receptivas para sitios web complejos? Bootstrap no es la combinación perfecta para mi sitio web.

¿Cómo es compatible un navegador web con la empresa que lo creó?

Cómo implementar el concepto OOP en PHP

¿Cómo debo hacer la transición de mi empresa de diseño web de propiedad exclusiva a una franquicia?

Si Heroku usa PostgreSQL, ¿cómo puede una aplicación Rails local que utiliza una base de datos MySQL o SQLite funcionar perfectamente con ella?

¿Cómo se compara el marco web Yesod con marcos más maduros como Rails y Django? ¿Es Yesod lo suficientemente estable como para desarrollar un sitio web de producción? ¿Qué pierdes yendo con Yesod en lugar de Rails o Django? Que ganas

Si JavaScript no es OOP, ¿cómo se realizan los proyectos de Full-Stack JavaScript?

En CSS, quiero animar objetos en un fondo que se mueven y se desvanecen a medida que pasa un personaje. ¿Qué código podría usar para que esto suceda?

¿Cómo creo un sitio web que es una tienda en línea pero no con dinero real? Más bien, doy cierto dinero o crédito a los miembros que elegí y pueden usar eso para comprar cosas en el sitio. ¿Ya existe tal sitio web?

¿Cuánto tiempo lleva construir un sitio web?

¿Cuál es mejor, Angular, React o Vue?

¿Hay alguna posibilidad de tomar un sitio de redes sociales como una startup?

Acabo de aprender Ruby on Rails de un campamento de entrenamiento. ¿Debo enseñarme a mí mismo la pila MEAN para obtener más oportunidades de trabajo en 2016?