This document provides an overview of resources for learning to code including programming languages, frameworks, and tools. It discusses the evolution of front-end technologies from LAMP stacks and Ruby on Rails to modern JavaScript frameworks. Codecademy, Udacity, Udemy, edX, and textbooks are recommended for learning. Tools mentioned include Codewars, Project Euler, and Codepen for practicing, text editors, GitHub, terminals, and PaaS for building projects, and Stack Overflow and meetups for problem solving. The 12 in 12 challenge encourages learning a new technology each month and sharing projects.

1. Code Jumpstart

2. 等一下，
你(妳)準備好虐待
自己了嗎？

3. Bao Wen Chen
Founder of Senseable Studio Ltd., Co
Founding Organizer of Taipei Beginner Programmers
12 in 12 Challenger

4. 太多東西要學，太少
時間。

5. 但，現在是進入程式
語言世界的最佳時
機。

6. DB
CSS
HTML
JS
Client
Server
MySQL
Linux, Apache, PHP
HTML, CSS, JavaScript
幾年前...
Internet
Request
Reponse
App
Logic

7. DB
CSS
HTML
JS
Client
Server
MongoDB
Linux, Node.js, JavaScript
HTML, CSS, JavaScript
現在
Internet
Request
Reponse
App
Logic
WebSocket

8. LAMP
RoR
MEAN
Linux, Apache, MySQL, PHP
Ruby on Rails
MongoDB, Express,Angular, NodeJS

9. JavaScript

10. 用JavaScrip做互動網站
Source: Chrome Experiments

11. 除了做網站之外，JavaScript還可以...
Electron
Node.js
D3.js
two.js
three.js
JSlinux
gpu.js
duino
Johnny-five
React.js
Processing.js

12. 學習工具
Codecademy.com
Codeschool.com
Udacity.com
Udemy.com
edX.org
Textbooks

21. Introduction
Chapter 1: Structure
Chapter 2: Text
Chapter 3: Lists
Chapter 4: Links
Chapter 5: Images
Chapter 6: Tables
Chapter 7: Forms
Chapter 8: Extra Markup
Chapter 9: Flash, Video & Audio
Chapter 10: Introducing CSS
Chapter 11: Color
Chapter 12: Text
Chapter 13: Boxes
Chapter 14: Lists, Tables & Forms
Chapter 15: Layout
Chapter 16: Images
Chapter 17: HTML5 Layout
Chapter 18: Process & Design
Chapter 19: Practical Information

24. Who said coding is
easy? It’s super hard.

25. https://www.vikingcodeschool.com/posts/why-learning-to-code-is-so-damn-hard
An Absolute Must-Read

27. Tools for Playing Around
http://codewars.com
http://projecteuler.net
http://codepen.io
http://repl.it

29. Given an array, find the int that appears an odd
number of times. There will always be only one
integer that appears an odd number of times.

30. Tools for Building
Text Editor
Github
Terminal
PaaS (optional)
POP app
Origami
Pixabay
Unsplash
Font Awesome

34. https://www.iterm2.com/
http://ohmyz.sh/

35. heroku

36. Tools for Problem Solving
http://stackoverflow.com
Google-fu
Meetup (TBP is your best friend)

37. Tools for Project Mgmt.
http://trello.com

39. Miscenllaneous
http://tympanus.net/codrops/
https://www.facebook.com/groups/f2e.tw/
https://www.facebook.com/groups/javascript.tw/
https://softnshare.wordpress.com/blog/
https://www.facebook.com/groups/EdTech.NewEd
Ways/

40. 12 in 12
挑戰計畫
1. 學習新技術
2. 了解原理
3. 一個月內完成
4. 參加駭客松的心情
5. 分享成果

41. 1. 學習新技術

42. 2. 了解原理

43. 3. 一個月內完成

44. 4. 參加駭客松的心情

45. 5. 分享成果

46. 12 in 12
Execution
Progress
Don’t be shy

48. Just Really...
動手玩玩看，軟體不會咬人
累積一些小專案或demo
相信程式語言本來就不簡單，別人花的時間遠比你多

49. Happy Coding