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

What is Front-End Development

Avatar for dfischer dfischer
June 08, 2012
Programming
2
920

What is Front-End Development

https://www.youtube.com/watch?v=7rRKisfxbug&feature=player_embedded#!

Avatar for dfischer

dfischer

June 08, 2012
Tweet

Other Decks in Programming

See All in Programming
気づいて！アプリからのSOS 〜App Store Connect APIで始めるパフォーマンス健康診断〜
Avatar for Wakabayashi Rikuma waka12
0
250
Чего вы не знали о строках в Python – Василий Рябов, PythoNN
Avatar for Sobolev Nikita sobolevn
0
150
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
Avatar for Yutaro Muta yutailang0119
0
210
Model Pollution
Avatar for Henning Schwentner hschwentner
1
180
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
Avatar for nrs nrslib
7
3.8k
あなたの知らない「動画広告」の世界 - iOSDC Japan 2025
Avatar for ukitaka ukitaka
0
270
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
Avatar for m_t_tion1 kaorumuta
2
380
AIエージェント時代における TypeScriptスキーマ駆動開発の新たな役割
Avatar for おおいし bicstone
4
1.2k
CSC305 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
260
実践AIチャットボットUI実装入門
Avatar for syumai syumai
7
2.3k
議事録の要点整理を自動化！ サーバレス Bot 構築術
Avatar for ikechi penpeen
3
1.6k
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
Avatar for teamLab teamlab
PRO
0
130

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
600
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
32
2.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6.1k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k

Transcript

  1. DFischer [email protected] What is front-end development? And why is it

    broken? by Daniel Fischer Friday, June 8, 12

  2. DFischer [email protected] Friday, June 8, 12

  3. DFischer [email protected] 1. Designer 2. Back-end developer 3. Front-end developer

    Friday, June 8, 12

  4. DFischer [email protected] 1. Designer 2. Back-end developer 3. Front-end developer

    Friday, June 8, 12

  5. DFischer [email protected] 1. Designer 2. Back-end developer 3. Front-end developer

    Friday, June 8, 12

  6. DFischer [email protected] 1. Designer 2. Back-end developer 3. Front-end developer

    Friday, June 8, 12

  7. DFischer [email protected] Friday, June 8, 12

  8. DFischer [email protected] Dire. Friday, June 8, 12

  9. DFischer [email protected] Friday, June 8, 12

  10. DFischer [email protected] 1. It’s hard to find talent for the

    job. Friday, June 8, 12

  11. DFischer [email protected] 1. It’s hard to find talent for the

    job. 2. The people who are doing it, probably aren’t doing it very well. Friday, June 8, 12

  12. DFischer [email protected] 1. It’s hard to find talent for the

    job. 2. The people who are doing it, probably aren’t doing it very well. 3. There are no consistent best practices. Friday, June 8, 12

  13. DFischer [email protected] 1. It’s hard to find talent for the

    job. 2. The people who are doing it, probably aren’t doing it very well. 3. There are no consistent best practices. 4. It has an extremely large learning curve. Friday, June 8, 12

  14. DFischer [email protected] 1. It’s hard to find talent for the

    job. 2. The people who are doing it, probably aren’t doing it very well. 3. There are no consistent best practices. 4. It has an extremely large learning curve. 5. There is very little material available to study. Friday, June 8, 12

  15. DFischer [email protected] Nope. Friday, June 8, 12

  16. DFischer [email protected] LOL, HTML & CSS is easy. Friday, June

    8, 12

  17. DFischer [email protected] Complex. Friday, June 8, 12

  18. DFischer [email protected] CSS & HTML’s simplicity creates complexity through constraints.

    Friday, June 8, 12

  19. DFischer [email protected] “Basic” Web-Site CSS & HTML difficulty depends on

    context Easy Web-Application Hard Friday, June 8, 12

  20. DFischer [email protected] No guides. No people. Friday, June 8, 12

  21. DFischer [email protected] Friday, June 8, 12

  22. DFischer [email protected] Back-end • Consistency? • Best-practices? • Material to

    study? Front-end • Consistency? • Best-practices? • Material to study? Friday, June 8, 12

  23. DFischer [email protected] Awesome Rails startup Friday, June 8, 12

  24. DFischer [email protected] Please don’t make me. Friday, June 8, 12

  25. DFischer [email protected] Friday, June 8, 12

  26. DFischer [email protected] • If by chance one of the back-end

    developers does have photoshop. Slap together what you can as quickly as possible. • Hire a PSD to HTML service and copy and paste their work into your .erb or .haml files. Friday, June 8, 12

  27. DFischer [email protected] Brittle foundation Friday, June 8, 12

  28. DFischer [email protected] Dedicated & Skillful. Friday, June 8, 12

  29. DFischer [email protected] Friday, June 8, 12

  30. DFischer [email protected] • Have a dedicated front-end developer handle the

    integration and maintain the entire front-end layer with love and care. Friday, June 8, 12

  31. DFischer [email protected] Friday, June 8, 12

  32. DFischer [email protected] Friday, June 8, 12

  33. DFischer [email protected] Friday, June 8, 12

  34. DFischer [email protected] Friday, June 8, 12

  35. DFischer [email protected] I’ll start. Friday, June 8, 12

  36. DFischer [email protected] What should I always think of? Friday, June

    8, 12

  37. DFischer [email protected] 1. Architecture 2. Abstraction 3. Foresight Friday, June

    8, 12

  38. DFischer [email protected] What? Friday, June 8, 12

  39. DFischer [email protected] Architecture Friday, June 8, 12

  40. DFischer [email protected] Abstraction *This is a simple level of abstraction.

    Friday, June 8, 12

  41. DFischer [email protected] Foresight Friday, June 8, 12

  42. DFischer [email protected] Picture Time! Friday, June 8, 12

  43. DFischer [email protected] Chaotic Battleground Friday, June 8, 12

  44. DFischer [email protected] Unexpected change. Friday, June 8, 12

  45. DFischer [email protected] Typical for Rails. Friday, June 8, 12

  46. DFischer [email protected] • Lack of care. Let’s just slap code

    together as quickly as possible. • Don’t really know how to do it any better. There’s a lack of resources. Friday, June 8, 12

  47. DFischer [email protected] Architecture, Abstraction, and Foresight. Friday, June 8, 12

  48. DFischer [email protected] Wait, there’s one more thing, and it’s magical.

    Friday, June 8, 12

  49. DFischer [email protected] Scss The future of stylesheets Friday, June 8,

    12

  50. DFischer [email protected] Friday, June 8, 12

  51. DFischer [email protected] 1. Write less code to do more. Friday,

    June 8, 12

  52. DFischer [email protected] 1. Write less code to do more. 2.

    Refactor easily. Friday, June 8, 12

  53. DFischer [email protected] 1. Write less code to do more. 2.

    Refactor easily. 3. Reuse a lot of code. Friday, June 8, 12

  54. DFischer [email protected] 1. Write less code to do more. 2.

    Refactor easily. 3. Reuse a lot of code. 4. Ability to be more semantic. Friday, June 8, 12

  55. DFischer [email protected] 1. Write less code to do more. 2.

    Refactor easily. 3. Reuse a lot of code. 4. Ability to be more semantic. 5. Work faster. Friday, June 8, 12

  56. DFischer [email protected] 1. Write less code to do more. 2.

    Refactor easily. 3. Reuse a lot of code. 4. Ability to be more semantic. 5. Work faster. 6. Have more control over your domain. Friday, June 8, 12

  57. DFischer [email protected] That sounds nice. Friday, June 8, 12

  58. DFischer [email protected] Seriously. Friday, June 8, 12

  59. DFischer [email protected] You. Friday, June 8, 12

  60. DFischer [email protected] “Hello” Friday, June 8, 12

  61. DFischer [email protected] Agree. Friday, June 8, 12

  62. DFischer [email protected] Tweet: #betterfrontend “@DFischer and I agree that Scss

    is essential for front-end development. #betterfrontend” Friday, June 8, 12

  63. DFischer [email protected] Questions? Daniel Fischer @DFischer #betterfrontend Friday, June 8,

    12