Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Ui for Angular haters by @escusado

Avatar for gdljs gdljs
February 17, 2016
120
0

Ui for Angular haters by @escusado

Slides de la plática Ui for Angular haters by @escusado

Del 26 de Enero de 2016 en GDLJS

Avatar for gdljs

gdljs

February 17, 2016

More Decks by gdljs

See All by gdljs
Construyendo la mejor experiencia de pagos en línea by @IvanChukitow
Avatar for gdljs gdljs
0
79
Testabilidad en Javascript by @codingpains
Avatar for gdljs gdljs
0
46
Desarrollo de aplicaciones con react native by @charliesbox
Avatar for gdljs gdljs
0
140
¿Debería usar la librería de moda en mi proyecto? by @siedrix
Avatar for gdljs gdljs
0
180
Agile Gamification by @chukitow
Avatar for gdljs gdljs
0
62
Por qué hicimos nuestro propio NodeJS framework by @sgarza
Avatar for gdljs gdljs
0
40
¿Cómo empezar a programar? by @amicavi
Avatar for gdljs gdljs
0
100
Concurrencia y Paralelismo en Javascript by @eatcodetravel
Avatar for gdljs gdljs
0
600
Caldo de Kafka para Node by @albertain
Avatar for gdljs gdljs
0
80

Featured

See All Featured
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
550
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
320
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
450
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
57k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
500
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
380
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
10
36k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
520

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None

  6. | COMPLEXITY + PROBLEM SOLUTION MAXIMUM ACCEPTABLE CODE NIRVANA CODE

    HELL WE ARE HERE
  7. None
  8. None

  9. | COMPLEXITY + PROBLEM SOLUTION

  10. ...

  11. None
  12. None
  13. None
  14. None
  15. None
  16. None

  17. HOME

  18. None
  19. None

  20. LET’S GO BACK TO SIMPLER TIMES

  21. | COMPLEXITY + PROBLEM SOLUTION

  22. None
  23. None
  24. None
  25. None

  26. DEALING WITH TREES

  27. USE SIMPLE UNTIL IT GETS COMPLEX

  28. FRAMEWORK APOCALYPSE

  29. None
  30. None

  31. | COMPLEXITY + PROBLEM SOLUTION

  32. @azendal

  33. The problem: How does the minimum ui component looks like?

  34. None
  35. None
  36. None
  37. None
  38. None
  39. None

  40. A proposal

  41. Widget

  42. A library to define Ui components. [it’s just a class]

  43. Havely Based on Neon/Widget by @azendal

  44. None

  45. class Button extends NanoWidget { } .element [.name] .render(targetEl, beforeEl)

    .bind(‘event’, handler()) .unbind(‘event’, handler()) .dispatch(‘event’, {data}) .appendChild(<child>) .removeChild(<child>) [.children] [.parent] .activate() .deactivate() .enable() .disable() [.active] [.disabled] .destroy()

  46. this.appendChild(new Header({ name: ‘header’, class : ‘home-color’ }); [...] app.header.menu.activate();

  47. Build on top of it

  48. ; github.com/escusado/nano-widget @escusado