acquiring_programming_skills_with_freeCodeCamp

2017.03.24 WOVN x Mapion 勉強会

Transcript

1. Acquiring Programming Skills with freeCodeCamp 2017/03/24 Koji NAKAMURA
2. Self Introduc=on •  Koji NAKAMURA •  GitHub & TwiCer: kozy4324 •  Facebook: koji.nakamura.7355 •  Currently interested in: JavaScript, Ruby, Web standards, Loca=on based technologies, Docker, Cloud compu=ng (AWS/GCP/Azure), and more…
3. Organiza;onal Challenges
4. Organiza=onal Challenges •  Improving our programming skills – Self-study – OJT – In-house study group – Training outside enterprise •  Promo=ng culture of learning – Mo=va=on for learning – Fewer learning barriers – Suppor=ve community
5. freeCodeCamp
6. freeCodeCamp is: •  Website to learn coding interac=vely. – hCps://freecodecamp.com •  Open source project built by volunteers. – hCps://github.com/freeCodeCamp/freeCodeCamp •  Community to support learning.
7. What Skills Can We Learn?
8. How to Work on a Curriculum
9. How to Work on a Curriculum
10. How to Work on a Curriculum
11. Deploy It in Intranet •  Prerequisites –  MongoDB ~ ^3 –  Node.js ~ ^6 –  Npm (comes with Node) ~ ^3 •  Deploy and start service (very easy!) –  $ git clone ${REPO_URL} && cd ./freeCodeCamp –  $ npm install –g gulp –  $ npm install –  $ NODE_ENV=produc=on gulp build –p # building assets –  $ node seed # loading challenges into database –  $ NODE_ENV=produc=on PORT=80 node pm2Start
12. Inten=on to Use Our Own Site •  Latest curriculums (staging branch only) – CSS Flexbox, ES6, Debugging, D3, and more… •  Japanese transla=on (not supported yet) – Most of us are not good at English. •  Community space for our members – Help learners feel free to ask ques=ons. •  To measure effects sta=s=cally – Analyze from applica=on logs
13. Survey
14. Survey Results
15. Survey Results
16. Survey Results
17. Conclusion
18. Conclusion •  freeCodeCamp is: – Effec=ve tool for learning programming. •  It is easy to use for self-study. •  The =me taken for one quiz is very short. •  A learner can ask a ques=on in chat any=me. •  freeCodeCamp MAY be: – Effec=ve to promote culture of learning. •  freeCodeCamp SHOULD be: – Worth installing into our organiza=on.
19. My Next Ambi=on! •  I want to: – Contribute to the project by transla=on. – Get non-developers to learn programming. – Understand the implementa=on details. •  RxJS + Redux + React (!)