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

前端初心者談，合作過程與學習經驗

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Irene Chang Irene Chang
April 07, 2016
Technology
0
180

 前端初心者談，合作過程與學習經驗

2016 - 04 - 07 @ NCC x 第二次社聚

Avatar for Irene Chang

Irene Chang

April 07, 2016
Tweet

More Decks by Irene Chang

See All by Irene Chang
一手打造你的專屬網誌－Hexo 簡介及教學
Avatar for Irene Chang irene84111
0
540
NCC-JavaScript-Week#7
Avatar for Irene Chang irene84111
0
140
NCC-JavaScript-Week#6
Avatar for Irene Chang irene84111
0
150
NCC-JavaScript-Week#5
Avatar for Irene Chang irene84111
0
68
NCC-SublimeText-InstallationTutorial
Avatar for Irene Chang irene84111
0
42
NCC-JavaScript-Week#4
Avatar for Irene Chang irene84111
0
43
NCC-JavaScript-Week#3
Avatar for Irene Chang irene84111
0
130
NCC-JavaScript-Week#2
Avatar for Irene Chang irene84111
0
230
NCC-JavaScript-Week#1
Avatar for Irene Chang irene84111
0
190

Other Decks in Technology

See All in Technology
Evolution of Claude Code & How to use features
Avatar for Oikon oikon48
1
590
越境する組織づくり ─ 多様性を前提にしたチームビルディングとリードの実践知
Avatar for hrpnx kido_engineer
2
190
新職業『オーケストレーター』誕生 — エージェント10体を同時に回すAgentOps
Avatar for Gunther Brunner gunta
4
1.8k
AIエージェント時代に備える AWS Organizations とアカウント設計
Avatar for Hajime KOSHIRO kossykinto
3
830
The_Evolution_of_Bits_AI_SRE.pdf
Avatar for 株式会社ヌーラボ nulabinc
PRO
0
160
AI実装による「レビューボトルネック」を解消する仕様駆動開発（SDD）/ ai-sdd-review-bottleneck
Avatar for Rakus_Dev rakus_dev
0
110
Oracle Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
5
1.2k
アーキテクチャモダナイゼーションを実現する組織
Avatar for SatohJohn satohjohn
0
380
NewSQL_ ストレージ分離と分散合意を用いたスケーラブルアーキテクチャ
Avatar for hacomono Inc. hacomono
PRO
3
270
Claude Code 2026年 最新アップデート
Avatar for Oikon oikon48
10
8.5k
猫でもわかるKiro CLI(AI 駆動開発への道編)
Avatar for Hiroo Katoh kentapapa
0
140
[E2]CCoEはAI指揮官へ。Bedrock×MCPで構築するコスト・セキュリティ自律運用基盤
Avatar for ishii-takuya taku1418
0
130

Featured

See All Featured
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
110
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Design in an AI World
Avatar for tapps tapps
0
170
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
75
5.1k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
540
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
170
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.2k

Transcript

  1. લ୺ॳ৺ऀஊ ߹࡞աఔᢛላशៃᱛ 2016 - 04 - 07 @ NCCxୈೋ࣍ࣾᡉ Irene

    Chang

  2. ுխᣊ Irene Chang http://irene84111.github.io [email protected] ‣ ୆Պେ/঎ۀઃܭೋ೥ڃ ‣ ୆Պେఔࣜઃܭݚڀࣾ/ઃܭࢣxߨࢣ ‣

    EXMA-square/લ୺መशੜ ‣ ᓞ፝ཟᏐҐ૑ҙ/ઃܭxલ୺መशੜ

  3. ෼ڗେߝ A B C ઃܭࢣ࿨޻ఔࢣཁ೗Կ߹࡞ʁ ೗Կ੒ҝલ୺ઃܭࢣʁ ᕆஊ໢ทઃܭ

  4. ઃܭࢣ࿨޻ఔࢣཁ೗Կ߹࡞ʁ

  5. ઃܭࢣ Designer ‣ ख़࿅PhotoshopɺIllustrator౳ ॏཁతӨ૾៸ᅷ޻۩ ‣ PinterestɺBehanceɺDribbble ౳׆༂తࣾ܈ ‣ ༴༗ฏ໘ઃܭ஌ࣝᢛඒײ

  6. લ୺޻ఔࢣ Front-end Programmer ‣ ख़࿅HTMLɺCSS࿨JavaScript ‣ 4BTT࿨൛ຊ߇੍໵ੋඞඋతٕज़ ‣ ༴༗લ୺஌ࣝɼ໵ྃղޙ୺ݪཧ

  7. टઌཁ஌ಓ൴ࠑ೭ؒతࠩผ ฏ໘ઃܭ ໢ทઃܭ ࢴுɺ෍ྉ౳ ෆಉईੇ೭ᰖࣔث ७ᯩଶ ಉ࣌۩༗ᯩଶᢛಈଶݩૉ
 ໵ਢߟྀޓಈੑ ແ๏ߋ৽ᢛमਖ਼
 ֱ೉औಘ࢖༻ऀճᰶ

    ༰қߋ৽ᢛमਖ਼
 ֱқऔಘ࢖༻ऀճᰶ ࢹ᧷తি㐝ྗ ࢿਜ݁ߏ᮫܎

  8. ઃܭࢣґ٬㖽धٻઃܭท໘తPSD䈕 ࠶ަ༝લ୺޻ఔࢣሡ໢ท၏ग़ိ

  9. ୠ࠷ॏཁతࠩผࡏԙ ޓಈੑ ఄݱഔհ

  10. PSD୞ೳᯩଶ ఄݱɼ༗ઃܭ ্తݶ੍

  11. ߋผఏಉҰݸท໘ࢸগཁઃܭࡾछ൛ຊ

  12. ൴ࠑྃղ࿨ߔ௨኷ॏཁ

  13. Ꮣ੒ઃܭࢣᢛ޻ఔࢣ೭ؒతڮ䖻 ҃ऀ㟬໵ՄҎ௨௨ࣗݾိ Front-end Designer

  14. ART & DESIGN Web Designer Front-end Designer Back-end Developer Computer

    Science

  15. ೗Կ੒ҝલ୺ઃܭࢣʁ

  16. A ҰఆཁላతHTML, CSS, JavaScript https://www.codecademy.com/

  17. ྃղ໢ทઃܭ਼੎ᢛሢ༗໊ࢺ http://webdesignerdepot.com/ ‣ 3FTQPOTJWF8FC%FTJHO ‣ 1BSBMMBY4DSPMMJOH ‣ 4JOHMF1BHF ‣ -BOEJOH1BHF

    ‣ 'SBNFXPSLT ‣ .PCJMF'JSTU ‣ ʜ B

  18. ଟ؃ɺଟሜɺଟ໛㟩 http://awwwards.com/ ‣ ྃղ໢ท਼੎࿨ٕज़ᚙల ‣ ഓཆඒײɺ܇࿅ٕ޼ ‣ ળ༻։ᚙऀ޻۩ ‣ Ꮕूჩߟࢿྉ

    ‣ อ࣋ਐ㑊తಈྗ C

  19. ળ༻޻۩ɺଟํ㐪ᘓ D

  20. ሜʂಈखʂҝࣗݾԼݸ໨ඪʂ http://irene84111.github.io/ ‣ ॄኄ౎ೳሜհ঺঎඼ᅶୂ ׆ಈ"11తท໘ɺఏڙ Ұ߲෰຿తฏ୆⋯⋯ ‣ ݸਓ໢᜾ ‣ ઀Ҋࢠ

    ‣ መश ៃᱛ෼ڗ E

  21. B. Sprite C. ໢ทՍߏ ៃᱛ෼ڗ A. Width / Height v.s

    Padding

  22.  ఏঋӳจೳྗɼ㟬ՄҎಘ౸ߋଟࢿݯ  ፙ๎༑Ұى૊ୂ࿅ޭɼᩋ㟬ࣄഒޭ൒  ଟჩᢛࣾ܈҃޻࡞๥ɼػ။౸႔౎༗ F

  23. ᕆஊ໢ทઃܭ

  24. A 清楚的網⾴頁導覽與資訊流 YouTube Pinterest

  25. None

  26. ⼀一致的版⾯面設計與⾵風格 B

  27. None

  28. ໌֬ɺਫ਼؆త㚎༰ C Google Smallpdf

  29. қ㣛తᅷࣔᢛૢ࡞ D

  30. E 善⽤用 Wireframe ‣ ख៸҃؆қഉ൛ ‣ ૝๏۩ᱪԽ ‣ ଅਐ౼࿦Ꮘ཰ ‣

    ਐߦշ଎मվ ‣ ݮগ։ᚙલظ੒ຊ

  31. ᙛ㟬༗৺ಘྃɼ෼ڗ㠧ʂ ૝ྎղߋଟɼ໵ᓣܴ࣋᠃௥᪦զ:-) http://irene84111.github.io/blog Thank You!