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
190
0

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

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

Avatar for Irene Chang

Irene Chang

April 07, 2016

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
69
NCC-SublimeText-InstallationTutorial
Avatar for Irene Chang irene84111
0
44
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
【Cyber-sec+】経営層を"動かす"ための考え方
Avatar for Hisashi Hibino hssh2_bin
0
190
AIソロプレナー時代に2ヶ月で20人増員した事業創造会社の開発組織の話
Avatar for Koji Miyata miyatakoji
0
680
自律型AIエージェントは何を破壊するのか
Avatar for kojira kojira
0
160
Snowflakeと仲良くなる第一歩
Avatar for あべ coco_se
4
490
なぜ Platform Engineering の土台に Kubernetes を選ぶのか
Avatar for Ray r4ynode
2
650
【NRUG vol.18】なぜ多くのオブザーバビリティ導入は失敗するのか
Avatar for NRUG member nrug_member
0
180
20260619 私の日常業務での生成 AI 活用
Avatar for Masaru Ogura masaruogura
1
220
アンオフィシャルな､オフィシャルからのお願い
Avatar for wataru yamazaki (DevRel) wyamazak_devrel
0
130
iAEONの段階的リアーキテクト戦略 / iAEON's_Gradual_Re-architecture_Strategy
Avatar for AEON aeonpeople
0
210
LLMにもCAP定理があるという話
Avatar for Haruka Sakihara harukasakihara
0
400
Claude Code の Sandbox 機能を Anthropic Sandbox Runtime(srt) で試そう！/lets-play-anthropic-sandbox-runtime
Avatar for tomoki10 tomoki10
1
630
MCP Appsを作ってみよう
Avatar for iwamot iwamot
PRO
4
680

Featured

See All Featured
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
870
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
9k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
150
A Soul's Torment
Avatar for Nat Ma seathinner
6
2.9k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
540
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
350
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.1k

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!