¿Como iniciar como desarrollador Frontend?

[g3kdigital]

Hola, yo también comparto esta meta contigo.

Soy diseñador gráfico profesional, lo menciono no porque piense que esto limite mi capacidad de aprendizaje, pero ha sido un poco más difícil para mi, porque se necesitan los fundamentos de la programación en muchos casos y aún así he logrado avanzar (quizás muy poco y lento) en cumplirla.

Hoy día, aunque no puedo atreverme a usar ese titulo (aún no he aprendido todo lo que yo quisiera) pero tengo muy claro el pensum de esta carrera que al menos para mi, es así:

WEB: html, css, js (frameworks como, jquery, angular, react y node) y php.
WEB BEYOND: ANDROID, .NET, RUBY o DJANGO.

Un frontend profesional con mucha experiencia puede entrar en proyectos con JSP, JAVA, Android, Ruby, etc, por lo que siempre es bueno intentar conocer que workflows se trabajan, no es necesario dominarlos todos solo conocerlos (..creo).

Recomiendo mucho el blog de KsesoCSS que hoy se llama EsCSS, el de Lea Verou y Chris Couyier, el canal de código facilito y del profesor Jesús Conde, cursos online como codacademy y codeschool, cursos de pago como el platzi.com (odiado por muchos, pero digo que es útil) o escuelaIT.

No soy ningún guru, pero tengo presente el siguiente checklist.

* Domina lo necesario para usar software de diseño gráfico como: gimp, inskcape, photoshop, illustrator, edge animate, etc.

* Aprende a usar un repositorio de código.
* Domina Html (estructura, semántica, lo básico para seo), estudia las especificaciones antiguas y cuales han sido depreciadas y porque.
* Domina CSS (modelo de caja, sistema de grillas, frameworks y buenas prácticas) de tal modo que por meras cuestiones estéticas nunca dependas, en lo posible, de JS.
* Especializate en un framework de css que te ayude con la maquetación y media queries, pero que no te obligue a usar su estilo de diseño visual y ve construyendo uno propio con muy buena documentación.
* Domina y usa javascript para la interacción y lo que es imposible en el "hoy" hacerse con CSS.
* Conoce lo que ofrece php sobre construcción de themes. Conoce que frameworks pueden ser muy útiles al otorgar herramientas de apoyo al front-end.

* Lee e investiga sobre UI, que son los patrones de diseño de interfaces y en que son útiles.
* Lee e investiga sobre UX, para que puedas opinar con criterio, aparte el usuario manda.
* Únete a las comunidades de codepen, jsfiddle, etc. Crea demos, arma un buen portafolio.
* Haz proyectos personales, que no solo demuestren lo que has hecho sino también donde puedes proponer "romper navegadores".

* Domina un preprocesador de CSS.
* Aprende a usar Tree.js.
* Aprende a usar librerías de charts y gráficas.
* Aprende a usar SnapSVG.
* Domina alguna libreria de scrolling paralax.
* Nunca uses un WYSIWYG, a menos que no tengas ninguna otra opción. Dicho esto hay pagebuilders para CMS que pueden ser útiles para ciertos proyectos urgentes.
* Aprende más de un framework de JS, experticiate en uno, pero pide el divorcio al encontrar uno mejor.
* Conlleva una relación de amor y odio con las librerías.
* Siempre ten en cuenta la optimización y los tiempos de carga.

ES IMPOSIBLE PRETENDER SER DETODERO o un TODOLOPUEDO FRONTEND, pero NUNCA DEJES DE INTENTARLO.

Veras que dentro del frontend existen varios especialistas para muchos nichos, entre más conocimiento variado mejor.