Plan de formación de 7 semanas para alcanzar un nivel serio de javascript
Respect the javascript. Primero de todo si no lo has leido hazlo!!!
Una vez hemos dejado las bases claras de nuestro juego y todos amamos a javascript o creemos que lo amaremos, este repo esta basado en how to learn javascript properly un pedazo de articulo, que he utilizado en varias ocasiones para realizar grupos de estudio de programadores de otras tecnologias y ayudarles a amar javascript.
Siendo un plan con una gran carga teorica basada en lectura, tambien es eminentemente practico. Se focaliza en las bases y va creciendo en dificultad mostrandonos los superpoderers y verguenzas de javascript, se orientara hacia el desarrollo de juegos en html5 para mantener alta la motivación, tiempo de aprender angular o backbone simpre tendras tu solito, pero si completas este plan correctamente te puedo asegurar que estaras en la media alta de conocimientos teoricos, ahora falta la practica pero eso depende de ti.
Para este plan son necesarios inicialmente conocimientos de HTML, CSS, Git, Programación, Patrones de software a nivel introductorio, para completar esas áreas se adjuntan los siguientes enlaces :
- Sentirse cómodo con las devtools de chrome o firefox , algunos de los recursos disponibles:
- Completar el curso interactivo básico de javascript
- Completar Introducción práctica a Git
- Completar Introducción práctica a Git Branching
- Revisar Errores comunes en javascript
- Revisar Si javascript fuera los Angry Birds
- Revisar Cómo automatizar mi flujo de trabajo con por ejemplo grunt
- Revisar diseño de patrones en javascript
- Instalar node y npm
También es necesario disponer de:
- Cuenta en github
- Libro Professional JavaScript for Web Developers by Nicholas C. Zakas
- Sentirse cómodo con JsBin
Este plan está estructurado en 10 a 20 horas semanales durante 7 semanas , dependiendo de la dedicación, con posibilidad de acortar este plazo con mayor dedicación.
Este plan no debería durar menos de un mes para una correcta asimilación del contenido, una vez finalizado proporcionará los conocimientos necesarios para desarrollar proyectos javascript.
Importante Si lo único que se realiza es lectura no se conseguirá alcanzar el nivel deseado, es necesario escribir todo los códigos de ejemplo que se encuentran en los diferentes libros y artículos mencionados en la consola del navegador o en JsBin (Recomendado) .
Lo ideal es que jueges y modifiques el código.
- Libro (Professional JavaScript for Web Developers.
- Leer introducción.
- Capítulo 1 What Is JavaScript?
- Capítulo 2 JavaScript in HTML
- Capítulo 3 Language Basics.
- Si no se dispone de conocimientos de HTML y CSS suficientes, realizar Web Fundamentals track on Codecademy.
- Realizar las secciones 1 a la 5 de JS Track on Codecademy.
- Leer Capitulos 1-4 de Eloquent javascript.
EXTRA: Revisar sitio fight code game
- Professional JavaScript for Web Developers.
- Capítulo 4 Variables, Scope, and Memory,
- Capítulo 5 Reference Types.
- Capítulo 6 Object-Oriented Programming hasta “Understanding Objects”
- Finalizar la JavaScript track on Codecademy.
- Resolver de Project Euler el Problema 1 o el Problema 2. te invito a resolver los dos.
- Leer el blog post JS Objects in Detail.
- Capítulos 5, 6, y/o 7 de Eloquent javascript.
EXTRA: Consigue tu primera derrota fight code game
- Professional JavaScript for Web Developers.
- Capítulo 7 Object-Oriented Programming
- Realizar el curso Try jQuery, sobre unas 3 horas de duración, se recomienda que se haga en una única sesión
- Realizar los 5 Basic Projects on Codecademy.
- Leer capítulo 8 de Eloquent javascript.
- Realizar de Project Euler los problemas 3 y 4.
EXTRA: Consigue tu primera victoria y muchas derrotas retando a los top fight code game
- Professional JavaScript for Web Developers.
- Capítulo 8 The Browser Object Model
- Capítulo 9 Client Detection
- Capítulo 10 The Document Object Model
- Capítulo 11 DOM Extensions
- Capítulo 14 Scripting Forms.
- Realizar el tutorial completo How to make flappy bird in html5.
- Leer Capítulos 11, 12, 13 y 14 de Eloquent javascript.
EXTRA: Estudia el codigo de algun ranking 10 fight code game
- Professional JavaScript for Web Developers.
- Capítulo 13 Events
- Capítulo 20 JSON
- Realizar Phaser coding tips 1
- Realizar Phaser coding tips 2
- Realizar Phaser coding tips 3
- Project Euler problems 6, 8, 10, and/or 13.
- Leer completo Building A JavaScript Framework
EXTRA: fusila el arma secreta de los ranking 10 fight code game
- Realizar Phaser coding tips 4
- Realizar Phaser coding tips 5
- Realizar Phaser coding tips 6
- Leer Chapter 7 of Dive Into HTML5: The Past, Present, & Future of Local Storage for Web Applications
- Leer y realizar hasta el capitulo Afternoon 2: Player Actions, el libro HTML 5 Shoot 'em Up in an Afternoon
- Leer Capítulos 4, 5 y 6 de Javascript Patterns de Stoyan stefanov
EXTRA: Crea tu arma de destrucción masiva fight code game
- Leer OOP in JS: What You NEED to Know
- Realizar Phaser coding tips 7
- Realizar Phaser coding tips 8
- Finalizar el libro HTML 5 Shoot 'em Up in an Afternoon
- Leer Capítulos 7, 8, 9 y 10 Javascript Patterns de Stoyan stefanov
EXTRA: Un tanque para gobernarlos a todos fight code game