Tweet
Tweet

Slide 1

Slide 1 text

Copyright © 2012 FITPI. All rights reserved. ٢ငໃῲğྍ֥࠯ℿ భ؊۽ӱῘứℯ↩⇪‣  ᾣ℩ğᾠקდKPTFQIK 1

Slide 2

Slide 2 text

Copyright © 2012 FITPI. All rights reserved. ໃῲ୆ླᅧ໤֥ཌྷἬ࠯ℿ ๏ (JU)VCῘ٢ӱൔࠣสࡱ֥ഠಕ↌ᅟb಩ ޅ⊕ ֥ӱൔῘứದ≇׻∣ἐῂӈῲ⇨ᅳ⊷ ჷđॖၛᾳസնਈℭᾇĆằಖᗥ૫൞Ⴎ(JUϱ Ч॥ܵ༢ⅼ෮ᆦ㏔đ୆္∣ἐေ὜b ๏ )5.-ิ܂↌ᅟ∻൭ὨῘứ۷؟ॖିྟđ Ἶಀ'MBTIҌିቓ֥aໃῲ)5.-္ॖၛb ๏ /PEFKT⃸+BWB4DSJQUạ⏟´ఖ؊ࢳ䓬đ ୆ॖၛႨ෱ῲቓ۷؟൙b భ૫ࢺℚἾa҂ᄜ⊱ ඍĎ 2

Slide 3

Slide 3 text

Copyright © 2012 FITPI. All rights reserved. (JU(JU)VC 3 ϱЧ॥ܵ᾵ކഠಕ৯ਈđॖၛḲ୆സնਈῘứℭᾇ

Slide 4

Slide 4 text

Copyright © 2012 FITPI. All rights reserved. (JUϱЧ॥ܵ۽ऎ ๏ ϱЧ॥ܵğⅅᄝ൉喁ℭᾇڿਔ൉喁Ọ༆׻Ⴕౢԣὸ ≘đॖၛ⅗ℭ߭֞Ἶಀb ❖ х૧Ϝӱൔ⇔ὒa҂ᆩೂޅἋჰb ❖ ҂⁠܄ඳↀộaἠದ׻ླေĆ ๏ (JU֥ԛ⇀đປಆᾞ঺இ֥$7447/յೆ৏⻔b ๏ ቔᆀࣼ൞-JOVT -JOVYᆭڳ ๏ (JU൞۽ऎđሱ֥࠭ểₔࣼॖၛỒ৫≓ቔb ๏ മᇀӈႵದଦ(JUቓ⟦ඇ↌ᅟb 4

Slide 5

Slide 5 text

Copyright © 2012 FITPI. All rights reserved. Joseph miiiCasa git clone Kevin git clone Hunter git clone ൐ႨHJUDMPOFॖၛ࿡෎ֹ♶⚧3FQPTJUPSZ֞҂๝ֹٚ Richard git clone ૄἠ3FQPTJUPSZࢥֹ໊ཌྷ֩aỒ৫≓ቔa္ॖᄜФDMPOF 5 11ࡏἧ

Slide 6

Slide 6 text

Copyright © 2012 FITPI. All rights reserved. Joseph miiiCasa Kevin Hunter HJUDPNNJU ҂႕⇉ః෰3FQPTJUPSZ HJUDPNNJUᾹᄝሱ࠭3FQPᄹࡆὸ仛a҂႕⇉⦁֥3FQP 即使沒有網路依然可以 Commit、記錄我的變更 「做⾃自⼰己的版本控管」 vim foo.txt git add foo.txt git commit -m “typo correct” 6 ॖ 䍛ቔ∊

Slide 7

Slide 7 text

Copyright © 2012 FITPI. All rights reserved. Joseph miiiCasa Kevin Hunter HJUQVMM ᾞჰ൓3FQP֥ṉ۷ሂ߭ῲႨ HJUQVMM὜ᾞሱọቓ‥ἠ3FQP֥ӱൔކ⟸ git pull 此時這裡有我的變更 + miiiCasa 的變更 git pull 7 ࡆೆ≊؊֥ṉ۷

Slide 8

Slide 8 text

Copyright © 2012 FITPI. All rights reserved. Joseph miiiCasa Kevin Hunter HJUQVMMSFNPUFCSBODI ᾞః෰3FQP֥ṉ۷ሂ߭ῲႨ ᆺေ൞Ⴕཌྷ๝֥–ൎđॖၛ⅗ၩކ⟸ᆷק֥3FQP git pull Kevin master 此時這裡有我的變更 + miiiCasa 的變更 + Kevin 的變更 git pull Kevin master 8 ࡆೆ≊؊֥ṉ۷

Slide 9

Slide 9 text

Copyright © 2012 FITPI. All rights reserved. Joseph miiiCasa Kevin Hunter HJUQVTI ᾞ໡֥ྩڿẖෂ֞0SJHJO ॖ০ႨQVMMQVTIቓ⅄ཟ֥ކ⟸čࠧ๝҄Ď git push miiiCasa 有 我的變更 + Kevin 的變更 git push 9 Ếෂሱ֥࠭ṉ۷

Slide 10

Slide 10 text

Copyright © 2012 FITPI. All rights reserved. GitHub ⃸4PDJBM$PEJOH҂ᆺ൞१ὂ 10

Slide 11

Slide 11 text

Copyright © 2012 FITPI. All rights reserved. ಆൗࢸᆩ଀֥0QFO4PVSDF1SPKFDU׻ᄝHJUIVC 11

Slide 12

Slide 12 text

Copyright © 2012 FITPI. All rights reserved. ิ܂٤ӈ؟4PDJBM$PEJOH֥Ὠᇅ 0QFO4PVSDF္൞ᄝࢌழႶάĆ ФἬᇿ∻ФGPSL֥Ց⅂ ॖᆰࢤHJUDMPOFầሼ ҂ླ䩏⤳ ⦁ದྩڿa༐ຬ୆NFSHF⃪֥౰ Ῐ#VHἡ୆ 12 ٤ӈܝ‑նࡅϜӱൔ٢֞(JU)VC ⃸4PDJBM֥৯ਈ՜൐୆֥1SPKFDU۷ݺ

Slide 13

Slide 13 text

Copyright © 2012 FITPI. All rights reserved. ᄝHJUIVCࡹ৫ↀộa∻ຓࢸٳཚॖ0QFO֥۽ऎ∻⊦σ 13

Slide 14

Slide 14 text

Copyright © 2012 FITPI. All rights reserved. github.com ᄝHJUIVCࡹ৫ↀộa∻ຓࢸٳཚॖ0QFO֥۽ऎ∻⊦σ Joseph employee miiiCasa private central repository Kevin employee Richard employee miiiCasa public central repository Clonn contributor ⇔ӱൔ֥҂ᆺ൞≇۽aὕႵ܄ඳຓ֥ῘứᆀĆ 14

Slide 15

Slide 15 text

Copyright © 2012 FITPI. All rights reserved. )5.- ๏ )5.-ℯόഈЇݣਔ)5.-֥ྍṌ⚓a $44đࠣᅝ䌉ն؟⅂֥+BWB4DSJQUb ๏ ჰЧ)5.-֥℟ίଢṌᆺ൞Ⴈῲ↾ൕ໓ࡱ∻޺ ཌྷ’᾵a❣٤Ⴈῲ⚧ቔཞ(NBJM≾∄֥∣Ⴈӱ ൔb)5.-₃Ṙਔ҂ቀb ๏ 'MBTI൞Ἶಀ8FC∣Ⴈӱൔ֥ϟᇶđၹ )5.-֥ԛ⇀ࠣJ1IPOF҂ᆦჱđໃῲ὜ᄀ ῲᄀ҂ᇗေb ๏ ၹ⏟´ఖཌྷಸྟ∻ℯቔ҂၂ᇁđ൐Ⴈ)5.- ℭсק֤ॉ⁒ཌྷಸྟࠣ㸗௖ק໊b 15

Slide 16

Slide 16 text

Copyright © 2012 FITPI. All rights reserved. ᆴ֤Ἤᇿ֥࠯ℿ ๏ $BOWBTğὡⅾ ๏ 'JMF4ZTUFNğ⃸+4္ିẕ৘#JOBSZ ๏ 8FC4PDLFUğ∻යڛఖࠧℭ⅄ཟἦ๙ ๏ -PDBM4UPSBHFğᾞ⊷ਘթ٢ᧄ⏟´ఖ ๏ )JTUPSZ"1*ğ҂㍤∉↌ᆶ۷ྍ ๏ 8FC'POUTğ≘ೆሳ྘ẵ ๏ "VEJP7JEFPğ↌∉ჰള֥Ѭ٢ఖ 16

Slide 17

Slide 17 text

Copyright © 2012 FITPI. All rights reserved. $BOWBT ๏ )5.-ὡⅾ၂ᆰ׻թᄝᇷđཞ൞*&၂ᆰႵ7.-࠯ ℿb֌㬪ਔॴ௜෻aն؟⅂ದ֥⇢≢ὕ൞'MBTIb ๏ $BOWBT൞%࠯ℿaбᾱӮඃb္Ⴕ8FC(-֥ %࠯ℿb ๏ ཞ൞⅜ⅾa⃸ᅶோुఏῲ௜߁≾ུ$BOWBT׻ႵὨ὜ ቓ֞đ֌ဆෘὨᇅ֥สࡱଢభᾱഒb ๏ (PPHMF ൐Ⴈᆀၩᾖ߭Ύॖᾞằభ↌∉ࢩⅾ❟֞ය ڛఖഈ$BOWBT࠯ℿĆ ๏ :6*(SBQIJDTཌྷಸᧄ47(a7.-a$BOWBT ❖ IUUQZVJMJCSBSZDPNZVJEPDTHSBQIJDT 17 ࿅शɿhttp://f2eclass.com/lab/html5/canvas.html

Slide 18

Slide 18 text

Copyright © 2012 FITPI. All rights reserved. 'JMF4ZTUFN ๏ Їݣ؟ẵഈẖaạም૫ഈ຀ঘẵσ֞∉૫ᇏ čّᆭၧಖĎb ๏ :6*֥6QMPBEFSิ܂ਔ຀ঘഈẖđࣼ൞၂ἠ ޓϿ֥'JMF4ZTUFN∣Ⴈb ❖ IUUQZVJMJCSBSZDPNZVJEPDTVQMPBEFS 18 ࿅शɿhttp://f2eclass.com/lab/html5/yui-uploader.html

Slide 19

Slide 19 text

Copyright © 2012 FITPI. All rights reserved. -PDBM4UPSBHF ๏ ⊷ਘ҂၂קေ۵4FSWFSଦđ೏҂ӈ۷ྍđ≣∣ẓ թᄝ⏟´ఖх૧শỷ₹ῥčỚིିႵḲᇹĎb ๏ Ἶಀေẓթ⊷ਘᄝ൐Ⴈᆀ֥⏟´ఖᆺି๩Ἶ $PPLJFđ֌ಸਈႵཋb'MBTIิ܂֥ॢᾇّطбᾱ ℳކb ๏ )5.-ิ܂ਔ؟ἠ⊷ਘẓթٚσğ -PDBM4UPSBHFa*OEFY%#a"QQMJDBUJPO$BDIFb ๏ :6*֥$BDIF۽ऎğᆜކਔ-PDBM4UPSBHFb IUUQZVJMJCSBSZDPNZVJEPDTDBDIF 19 ࿅शɿhttp://f2eclass.com/lab/html5/yui-cache.html

Slide 20

Slide 20 text

Copyright © 2012 FITPI. All rights reserved. )JTUPSZ"1* ๏ Ἶಀ҂㍤∉࠯ℿč+40/1a"+"9Ďေିᆜކഈ၂ ∉a༯၂∉ࠇࡆ֞໡֥ቋḨᆺିႨῲℯቔb ๏ ⇀ᄝཞ'BDFCPPLa5XJUUFSa(JUIVC׻ℯቔਔ )JTUPSZ"1*ğ⃸҂㍤∉֥↌ᆶିⴺọⅢ۷㍤b ❖ ुुữ২ğIUUQTHJUIVCDPNKPTFQIKNPEVMF ề⇢༯૫ẵσ಩ၩ’᾵❣Ἥҳ↌ᆶb ๏ :6*ิ܂ਔ)JTUPSZ"1* IUUQGFDMBTTDPNMBCIUNMZVJIJTUPSZIUNM 20 ࿅शɿhttp://f2eclass.com/lab/html5/yui-history.html

Slide 21

Slide 21 text

Copyright © 2012 FITPI. All rights reserved. 8FC'POUT ๏ ࢶႮᆰࢤ༯≘ሳ྘ẵđ⃸↌∉ᇏ֥໓ሳၛՎሳⅴ↾ ൕaࠧ൐൐Ⴈᆀໃν⊬္㢻Ἤ⚜b ๏ ႇ໓ޓಸၞℯ⇀đၹ㬪ሳ⅂ഒğ ❖ ⃪Ṛॉ(PPHMF'POU"1* IUUQTEFWFMPQFSTHPPHMFDPNXFCGPOUTEPDT HFUUJOH@TUBSUFE2VJDL@4UBSU ๏ ᇏ໓ሳ⅂෾؟҂ℳކđ֌Ⴕದℯቔห൹࠯ℿč὜ٳ ༅↌∉ᇏႵଧུሳaᄜ༯≘ᆺႵ≾ུሳ֥ሳ྘ẵğ ❖ ⃪ṚॉKVTU'POUwࣼ൞ሳx IUUQXXXKVTUGPOUDPN 21

Slide 22

Slide 22 text

Copyright © 2012 FITPI. All rights reserved. Ṍ⚓ ๏ ᆦჱ⏟´ఖğ*& ࠣᇶੀ⏟´ఖ ๏ ᆦჱ۬ൔğ.1 8"7 0((b ๏ ↜ⅳğ ❖ ."൞ଢభJ5VOF֥ᆦჱ۬ൔb ❖ ҂๝⏟´ఖᆦჱ֥۬ൔ҂๝b ❖ ေ⊁Ṧ⏟´ఖᆦჱ؇෾ྌ७ਔĆ ๏ ạ*&ᆦჱ֞൭Ὠ⏟´ఖ4PVOE.BOBHFS ❖ IUUQXXXTDIJMMNBOJBDPNQSPKFDUTTPVNBOBHFS 22

Slide 23

Slide 23 text

Copyright © 2012 FITPI. All rights reserved. Ṍ⚓ ๏ ۵BVEJPṌ⚓ཌྷбđWJEFPᆦჱ؇↜ⅳ۷؟ ❖ ᆦჱ⏟´ఖğ*& ࠣᇶੀ⏟´ఖ ❖ ᆦჱ۬ൔğ BWJ҂ᆦჱ EBU҂ᆦჱ ✦ 8FC. 5IFPSB7PSCJT PHH PHW  )""$ NQ NW ๏ ն҆ٳ֥႕ၻ↌ᅟ὜ᾞ۲⊕҂๝֥႕ၻẵ⊨㬪'-7 'MBTI7JEFP đ০Ⴈ'MBTI1MBZFSѬ٢b ❖ ൭Ὠ҂ᆦჱ'MBTIđ֤Ⴕ)ẵၛBVEJPѬ٢b ❖ ࢳ㢯ٚσ㬪'MPX1MBZFSğIUUQGMPXQMBZFSPSH ๏ ೏༐ຬᆦჱնਈ۬ൔđ൐Ⴈᆀ֤⊬7-$1MBZFSb ❖ ൭Ὠ֥↜ⅳ၂∄֤ਸ਼ຓࢳ 23

Slide 24

Slide 24 text

Copyright © 2012 FITPI. All rights reserved. ‣↮ğWJEFP 24

ޓАవĆଢ଼֥⏟´ఖ҂ᆦჱ)5.-7JEFP

http://www.w3schools.com/tags/ref_av_dom.asp Ⴕଧུℾྟaٚمa൙ࡱॖၛṚॉğ ࿅शɿhttp://f2eclass.com/lab/html5/video.html

Slide 25

Slide 25 text

Copyright © 2012 FITPI. All rights reserved. భ؊֥ധೆ࿹࣮ ๏ ໾ࡱẹཟğ001 0CKFDUPSJFOUFE1SPHSBNNJOH Ῐ ứॖնਈ㦆ഒᇗ♶֥ӱൔb ๏ ଆ⊾ࡏἧğೂޅ్ٳ↌ᅟ֥ࡏἧ۷ଆ⊾ ߄đ⃸→Ὂྟ۷ࡆルb ๏ +BWB4DSJQU.7$ࡏἧğྍ֥Ῐứଆ ൔaℳކႨᄝ∣Ⴈӱൔ ֥↌ᅟb ๏ ӻ⇟ᆜކğս௖⊑ሱọᾋҰaሱọ #VJMEaሱọ߄Ṧℷa"1*໓ࡱ߄ 25

Slide 26

Slide 26 text

Copyright © 2012 FITPI. All rights reserved. 26 భ؊֥ധೆ࿹࣮ ≾ུᇶⅳ׻ޓնđ۵భ؊֥6*္㢻ᆰࢤἬ⚜ ֌ି⃸ↀộ֥Ῐứࡏἧສᆞ⃷֥ٚཟളṵ ⃸ૄἠῘứӮ≇׻൳ၭ ଢభ၂Ϯ܄ඳ֥భ؊Ῐứࡏἧಯ҂ෘປᆜ ෮ၛޓླေ≾∄֥ದҌğభ؊ࡏἧ℩b

Slide 27

Slide 27 text

Copyright © 2012 FITPI. All rights reserved. ୭৯⇔1SPUPUZQFĆ 27 ⊈ૼॖྛྟaऋ䌉ॢ१䪌Ϣὐ భ؊۽ӱ℩૫Ớ֥ὔ࣢♶≗č⏟´ఖཌྷ㹁Ď ∣ἐх૧Ⴈw҉Ṧx֥ٚൔẕ৘↜ⅳđ২ೂğ w∣ἐ൞*&֥#VHxaw∣ἐ൞:6*֥#VHx ཌྷᾱᧄᗥ؊ॖିླ℟ᇂὔ࣢ࠇṇ∙ భ؊ᆺေႵ⅗൭ॖ֤֥ὸ൙Ч ⏟´ఖࠧॖℷ⇼ ෮ၛϜ↜ⅳẪẛ߄aॹ෎⇔ἠཬữ২ࣼॖ⊈ૼਔ ္⇝ն؟ℭީa҉Ṧ๙ӈ҂Ӯ৫b ྍ࠯ℿ֥ॖྛྟ࿹္࣮൞ླေ1SPUPUZQJOH֥Ć

Slide 28

Slide 28 text

Copyright © 2012 FITPI. All rights reserved. Ἤᧄ૫ℷ'& 28 ๏ ൞ڎỚῘứႵ⃼౦ğἠದ҆ઋ۬a‟ℼaᖁশb ๏ ൞ڎ৘ࢳჰ৘a҂ିᆺ൞὜Ⴈหקݦൔῠb ๏ ൞ڎႵॖᅚൕ֥⊦σࠇቔ௖↌ᅟb ๏ ൞ڎᇗℶӱൔ→Ὂྟaնᧄ6*᧓‏ӱ؇b ๏ ൞ڎႵᆞ⃷Ἥ୑ğ২ೂ৘ࢳ4FNBOUJDaᾛΆൔᆦ ჱa↥ᅰḧ֩b ๏ ൞ڎႵℂⅴↀộކቔῂ⇼b ๏ ൞ڎⴺw႗xğჭࡱࡏἧa$MPTVSFaଆ⊾ࡏἧa .7$aϱЧ॥ܵa⟦ඇ∗ⅳaӻ⇟ᆜކ֩b ԢਔⅢ؇đ໡૫ℷℭ὜Ἥҳၛ༯⇊ଢ

Slide 29

Slide 29 text

Copyright © 2012 FITPI. All rights reserved. ෻↉֥భ؊ࢌੀऊ὜ ๏ +4%$ +BWB4DSJQU%FWFMPQFS$POGFSFODF ❖ +BWB4DSJQU୍֥؇ഹ὜ ❖ IUUQKTEDUX ๏ +BWB4DSJQUUX ❖ ᄝ෻Кa෻ᇏ҂ק௹ΉḰཬऊ ❖ IUUQCMPHKBWBTDSJQUUX ๏ /PEFKT5BJXBO1BSUZ ❖ /PEFKTཌྷἬᇏ໓⊷⇫ ❖ IUUQOPEFKTUX ๏ ෻↉۽ӱ℩୍؇նϨϨ04%$UXa$04$61 29 ܝ‑նࡅ؟Ṛࡆࢌੀ὜đ૧ỷႻॖṵᆩℰ

Slide 30

Slide 30 text

Copyright © 2012 FITPI. All rights reserved. 30 Q & A ὕႵ൉喁ླေṘԉ֥Ĥ

Slide 31

Slide 31 text

Copyright © 2012 FITPI. All rights reserved. 31 Thank Youʂ ۋ⇖նࡅῲṚ∻భ؊۽ӱℯ↩⇪‣ ὓ႒նࡅЌӻ‗⚝a؟؟޺ཌྷٳཚ