Bespin Mozilla Labs Web Editor https://bespin.mozillalabs.com Joe - - PowerPoint PPT Presentation

▶
bespin
SMART_READER_LITE
LIVE PREVIEW

Bespin Mozilla Labs Web Editor https://bespin.mozillalabs.com Joe - - PowerPoint PPT Presentation

Jan 26, 2023 338 likes •1.09k views

Bespin Mozilla Labs Web Editor https://bespin.mozillalabs.com Joe Walker twitter.com/joewalker Friday, 12 March 2010 Friday, 12 March 2010 Friday, 12 March 2010 Why? Features Architecture Editor Command Line Sharing Friday, 12 March

slide-1
SLIDE 1

Bespin

Mozilla Labs Web Editor https://bespin.mozillalabs.com Joe Walker twitter.com/joewalker

Friday, 12 March 2010

slide-2
SLIDE 2

Friday, 12 March 2010

slide-3
SLIDE 3

Friday, 12 March 2010

slide-4
SLIDE 4

Why? Features Architecture Editor Command Line Sharing

Friday, 12 March 2010

slide-5
SLIDE 5

vi?

Friday, 12 March 2010

slide-6
SLIDE 6

emacs?

Friday, 12 March 2010

slide-7
SLIDE 7

textmate?

Friday, 12 March 2010

slide-8
SLIDE 8

intellij?

Friday, 12 March 2010

slide-9
SLIDE 9

eclipse?

Friday, 12 March 2010

slide-10
SLIDE 10

Open > Closed

Friday, 12 March 2010

slide-11
SLIDE 11

Closed > Open

Friday, 12 March 2010

slide-12
SLIDE 12

Interaction

Friday, 12 March 2010

slide-13
SLIDE 13

Simplicity

Friday, 12 March 2010

slide-14
SLIDE 14

Speed

Friday, 12 March 2010

slide-15
SLIDE 15

Sharing

Friday, 12 March 2010

slide-16
SLIDE 16

Friday, 12 March 2010

slide-17
SLIDE 17

CommonJS

Friday, 12 March 2010

slide-18
SLIDE 18

var ¡editor ¡= ¡require("editor"); var ¡console ¡= ¡require("console"); editor.clear(); console.log("Cleared ¡the ¡editor");

Friday, 12 March 2010

slide-19
SLIDE 19

F5-less reloading

Friday, 12 March 2010

slide-20
SLIDE 20

Reboot

Friday, 12 March 2010

slide-21
SLIDE 21

Canvas Syntax Highlighting Completion

Friday, 12 March 2010

slide-22
SLIDE 22

Friday, 12 March 2010

slide-23
SLIDE 23

Friday, 12 March 2010

slide-24
SLIDE 24

Unix: Small pieces, loosely coupled

Friday, 12 March 2010

slide-25
SLIDE 25

$ ¡

Friday, 12 March 2010

slide-26
SLIDE 26

$ ¡ls

Friday, 12 March 2010

slide-27
SLIDE 27

$ ¡ [TAB] ls

Friday, 12 March 2010

slide-28
SLIDE 28

$ ¡ Applications/ ¡ ¡Mesh/ ¡ ¡ ¡ ¡ ¡ ¡ ¡Projects/ Desktop/ ¡ ¡ ¡ ¡ ¡ ¡ ¡Movies/ ¡ ¡ ¡ ¡ ¡Public/ Documents/ ¡ ¡ ¡ ¡ ¡Music/ ¡ ¡ ¡ ¡ ¡ ¡Sites/ Downloads/ ¡ ¡ ¡ ¡ ¡Parallels/ ¡ ¡backup/ Library/ ¡ ¡ ¡ ¡ ¡ ¡ ¡Pictures/ ¡ ¡ ¡bin/ [TAB] ls

Friday, 12 March 2010

slide-29
SLIDE 29

$ ¡

Friday, 12 March 2010

slide-30
SLIDE 30

$ ¡telnet

Friday, 12 March 2010

slide-31
SLIDE 31

$ ¡ [TAB] telnet

Friday, 12 March 2010

slide-32
SLIDE 32

$ ¡ 192.168.0.1 192.168.0.12 download.directwebremoting.org download.dojotoolkit.org getahead.org hg.mozilla.com localhost people.mozilla.com sandbox.dojotoolkit.org svn.directwebremoting.org www.christadelphian.org [TAB] telnet

Friday, 12 March 2010

slide-33
SLIDE 33

$ ¡

Friday, 12 March 2010

slide-34
SLIDE 34

$ ¡git

Friday, 12 March 2010

slide-35
SLIDE 35

$ ¡ [TAB] git

Friday, 12 March 2010

slide-36
SLIDE 36

$ ¡ add ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡-­‑-­‑ ¡add ¡paths ¡to ¡the ¡index am ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡-­‑-­‑ ¡apply ¡patches ¡from ¡a ¡m apply ¡ ¡ ¡ ¡ ¡ ¡ ¡-­‑-­‑ ¡apply ¡patch ¡on ¡a ¡git ¡i bisect ¡ ¡ ¡ ¡ ¡ ¡-­‑-­‑ ¡find ¡the ¡change ¡that ¡i branch ¡ ¡ ¡ ¡ ¡ ¡-­‑-­‑ ¡create ¡and ¡show ¡branch cat-­‑file ¡ ¡ ¡ ¡-­‑-­‑ ¡provide ¡content ¡or ¡typ checkout ¡ ¡ ¡ ¡-­‑-­‑ ¡checkout ¡and ¡switch ¡to cherry ¡ ¡ ¡ ¡ ¡ ¡-­‑-­‑ ¡find ¡commits ¡not ¡merge clone ¡ ¡ ¡ ¡ ¡ ¡ ¡-­‑-­‑ ¡clones ¡a ¡repository ¡in commit ¡ ¡ ¡ ¡ ¡ ¡-­‑-­‑ ¡record ¡changes ¡to ¡the ¡ diff ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡-­‑-­‑ ¡show ¡changes ¡between ¡c [TAB] git

Friday, 12 March 2010

slide-37
SLIDE 37

$ ¡

Friday, 12 March 2010

slide-38
SLIDE 38

$ ¡git ¡add

Friday, 12 March 2010

slide-39
SLIDE 39

$ ¡ [TAB] git ¡add

Friday, 12 March 2010

slide-40
SLIDE 40

$ ¡ Applications/ ¡ ¡Mesh/ ¡ ¡ ¡ ¡ ¡ ¡ ¡Projects/ Desktop/ ¡ ¡ ¡ ¡ ¡ ¡ ¡Movies/ ¡ ¡ ¡ ¡ ¡Public/ Documents/ ¡ ¡ ¡ ¡ ¡Music/ ¡ ¡ ¡ ¡ ¡ ¡Sites/ Downloads/ ¡ ¡ ¡ ¡ ¡Parallels/ ¡ ¡backup/ Library/ ¡ ¡ ¡ ¡ ¡ ¡ ¡Pictures/ ¡ ¡ ¡bin/ [TAB] git ¡add

Friday, 12 March 2010

slide-41
SLIDE 41

Bespin: Small pieces, saner coupling

Friday, 12 March 2010

slide-42
SLIDE 42

ep: ¡"command", name: ¡"set", params: ¡[ ¡{ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡name: ¡"setting", ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡type: ¡{ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡name: ¡"selection", ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡pointer: ¡"Settings:memory#getSettings" ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡}, ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡description: ¡"Name ¡of ¡the ¡setting ¡to ¡display ¡..." ¡ ¡ ¡ ¡}, ¡{ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡name: ¡"value", ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡type: ¡{ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡name: ¡"deferred", ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡pointer: ¡"Settings:memory#getTypeExt..." ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡}, ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡description: ¡"The ¡new ¡value ¡for ¡chosen ¡setting", ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡defaultValue: ¡null ¡ ¡ ¡ ¡} ], description: ¡"define ¡and ¡show ¡settings", pointer: ¡"commands#setCommand" manual: ¡"The ¡set ¡command ¡allows ¡you ¡to ¡customize ¡how ¡..."

Friday, 12 March 2010

slide-43
SLIDE 43

Keeping the good parts Improving the bad

Friday, 12 March 2010

slide-44
SLIDE 44

Friday, 12 March 2010

slide-45
SLIDE 45

Friday, 12 March 2010

slide-46
SLIDE 46

Friday, 12 March 2010

slide-47
SLIDE 47

Friday, 12 March 2010

slide-48
SLIDE 48

Friday, 12 March 2010

slide-49
SLIDE 49

Pair programming vs. Lightweight sharing

Friday, 12 March 2010

slide-50
SLIDE 50

Friday, 12 March 2010

slide-51
SLIDE 51

Commit Messages Bug Tracking Documentation File Compare History Undo

Friday, 12 March 2010

slide-52
SLIDE 52

Commit Messages Bug Tracking Documentation File Compare History Undo

Friday, 12 March 2010

slide-53
SLIDE 53

Status Messages Commit Messages Bug Tracking Documentation File Compare History Undo

Friday, 12 March 2010

slide-54
SLIDE 54

Status Messages Commit Messages Bug Tracking Documentation File Compare History Undo

Friday, 12 March 2010

slide-55
SLIDE 55

Status Messages Commit Messages Bug Tracking Documentation File Compare History Undo Twitter / etc

Friday, 12 March 2010

slide-56
SLIDE 56

Status Messages Commit Messages Bug Tracking Documentation File Compare History Undo Twitter / etc

Friday, 12 March 2010

slide-57
SLIDE 57

Status Messages Commit Messages Bug Tracking Documentation Collaboration File Compare History Undo Twitter / etc

Friday, 12 March 2010

slide-58
SLIDE 58

Status Messages Commit Messages Bug Tracking Team Awareness Documentation Collaboration File Compare History Undo Twitter / etc

Friday, 12 March 2010

slide-59
SLIDE 59

Status Messages IRC/Chat Commit Messages Bug Tracking Team Awareness Documentation Collaboration File Compare History Undo Twitter / etc

Friday, 12 March 2010

slide-60
SLIDE 60

Status Messages IRC/Chat Commit Messages Bug Tracking Team Awareness Documentation Collaboration File Compare History Undo Twitter / etc

Friday, 12 March 2010

slide-61
SLIDE 61

Status Messages IRC/Chat Commit Messages Bug Tracking Team Awareness Documentation Collaboration File Compare History Undo Twitter / etc

Friday, 12 March 2010

slide-62
SLIDE 62

Status Messages IRC/Chat Commit Messages Bug Tracking Team Awareness Documentation Collaboration File Compare History Undo Twitter / etc

Friday, 12 March 2010

slide-63
SLIDE 63

Replacement for <textarea> Add-on to code site like SourceForge Standalone like bespin.mozilla.com Custom project install Intranet install Titanium install

Friday, 12 March 2010

slide-64
SLIDE 64

Friday, 12 March 2010

slide-65
SLIDE 65

Friday, 12 March 2010

slide-66
SLIDE 66

Friday, 12 March 2010

slide-67
SLIDE 67

Friday, 12 March 2010

slide-68
SLIDE 68

Friday, 12 March 2010

slide-69
SLIDE 69

Friday, 12 March 2010

slide-70
SLIDE 70

Friday, 12 March 2010

slide-71
SLIDE 71

Friday, 12 March 2010

slide-72
SLIDE 72

Friday, 12 March 2010

slide-73
SLIDE 73

Friday, 12 March 2010