Upgrade to Pro — share decks privately, control downloads, hide ads and more …

acquiring_programming_skills_with_freeCodeCamp

 acquiring_programming_skills_with_freeCodeCamp

2017.03.24 WOVN x Mapion 勉強会

Dfa36f596af5e15d0b28bac7516b1f81?s=128

One compath

March 24, 2017
Tweet

More Decks by One compath

Other Decks in Technology

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 (!)