MorgenJS

 MorgenJS

Web development is broken. Building a UI for the browser is a pain. Doing it for several devices is even worse. MorgenJS is an experiment to find a new way to make apps. MorgenJS explores a new field: reactive and responsive development.

A36ba5dbe48f18209fbc3061c7ad4f2e?s=128

Alberto Granzotto

November 28, 2013
Tweet

Transcript

  1. morgen.js

  2. @vrde

  3. ceo + dev devcharm.com (by urli.st)

  4. let's talk javascript.

  5. let's talk backbone angular ember

  6. let's talk development tools.

  7. let's talk vim, sublime grunt jasmine

  8. is there anyone considering UI/UX in development?

  9. aren't we re-implementing the same stuff?

  10. aren't we stuck in the same paradigms?

  11. None
  12. annoying example.

  13. None
  14. button

  15. dialog nope yep

  16. dialog nope yep

  17. alt + tab

  18. <input type="text" />

  19. save

  20. alt + tab

  21. ctrl + r

  22. button

  23. dialog nope yep

  24. f**k

  25. alt + tab

  26. <input type="text" class="simple" />

  27. save

  28. alt + tab

  29. ctrl + r

  30. button

  31. dialog nope yep

  32. alt+tab, edit js, save, alt+tab, ctrl+r, click, f**k, alt+ tab,

    edit html, save, alt+tab, ctrl+r, click, alt+tab, edi t css, save, alt+tab, ctrl+r, click, alt+tab, edit js, sav e, alt+tab, ctrl+r, f**k, f**k, alt+tab, edit css, save, a lt+tab, ctrl+r, click, click, input, input, input, alt+tab , edit css, save, alt+tab, ctrl+r, click, click, input, al t+tab, edit html, save, alt+tab, ctrl+r, click, f**k, alt+ tab, edit html, save, alt+tab, ctrl+r, click, alt+tab, edi t css, save, alt+tab, ctrl+r, click, click, COFFEE, alt+ta b, edit js, save, alt+tab, ctrl+r, f**k, f**k, alt+tab, ed it css, FORGET TO SAVE, alt+tab, ctrl+r, click, click, inp ut, alt+tab, edit css, save, alt+tab, ctrl+r, click, input , input, alt+tab, edit js, save, alt+tab, ctrl+r, click, c lick, input, alt+tab, edit html, save, alt+tab, ctrl+r, cl ick, f**k, alt+tab, edit html, save, alt+tab, ctrl+r, CATS ON YOUTUBE, click, alt+tab, edit js, save, alt+tab, ctrl+r , click, alt+tab, edit css, save, alt+tab, ctrl+r, alt+tab , edit html, save, alt+tab, ctrl+r, click, click, f**k, al t+tab, edit html, save, alt+tab, ctrl+r, click, alt+tab, e dit css, save, alt+tab, ctrl+r, click, click, COFFEE, alt+ tab, edit css, save, alt+tab, ctrl+r, f**k, f**k, alt+tab, edit js, save, alt+tab, ctrl+r, click, click, 4AM KTNXBYE.
  33. I can be even more annoying.

  34. chrome button

  35. chrome button firefox button

  36. chrome firefox safari button

  37. chrome firefox safari button button

  38. chrome firefox safari button button iButton

  39. this is frustration.

  40. was ist morgen.js?

  41. a small experiment.

  42. morgen is python+javascript

  43. morgen is responsive development.

  44. None
  45. morgen reloads styles templates (!!) logic (!!!)

  46. morgen reloads css+html+js across devices in real time keeping the

    state
  47. html js css

  48. html js watchdog css

  49. html js watchdog css websocket

  50. html js watchdog css websocket

  51. html js css <link rel="stylesheet" href="styles.css?1337">

  52. html js css morgen.registerTemplate("item", "<li> {{item}} </li>"); <script src="item.html?4242"></script>

  53. js html css morgen.load("itemCtrl", function (c) { // do stuff

    with "c" }); <script src="item.js?3141"></script>
  54. morgen has built-in routing pub/sub primitives experimental event propagation some

    websocket stuff so fast
  55. can we improve development?

  56. I think so. https://github.com/vrde/morgenjs