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.

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?
12. annoying example.
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.
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