acquiring_programming_skills_with_freeCodeCamp

Slide 1

Slide 1 text

Acquiring Programming Skills with freeCodeCamp 2017/03/24 Koji NAKAMURA

Slide 2

Slide 2 text

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…

Slide 3

Slide 3 text

Organiza;onal Challenges

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

freeCodeCamp

Slide 6

Slide 6 text

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.

Slide 7

Slide 7 text

What Skills Can We Learn?

Slide 8

Slide 8 text

How to Work on a Curriculum

Slide 9

Slide 9 text

How to Work on a Curriculum

Slide 10

Slide 10 text

How to Work on a Curriculum

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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 eﬀects sta=s=cally – Analyze from applica=on logs

Slide 13

Slide 13 text

Survey

Slide 14

Slide 14 text

Survey Results

Slide 15

Slide 15 text

Survey Results

Slide 16

Slide 16 text

Survey Results

Slide 17

Slide 17 text

Conclusion

Slide 18

Slide 18 text

Conclusion •  freeCodeCamp is: – Eﬀec=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: – Eﬀec=ve to promote culture of learning. •  freeCodeCamp SHOULD be: – Worth installing into our organiza=on.

Slide 19

Slide 19 text

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