i am victor kropp hackathon to... · 2017-08-21 · hi! i am victor kropp and i want to tell you a...
TRANSCRIPT
![Page 1: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/1.jpg)
FROM HACKATHONTOPRODUCTIONIN A YEARVictor Kropp, JetBrainsSoftware Engineer
![Page 2: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/2.jpg)
HI!
I am Victor Kroppand I want to tell you a story how we went from hackathon to production in a year
![Page 3: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/3.jpg)
HACKATHONand why you
shoulddo it to!
![Page 4: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/4.jpg)
48 hoursJust few hours of sleep…
winners’ cupAnd valuable prizes too
100+ participantsMixed teams and not only developers!
![Page 5: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/5.jpg)
“Quotations are commonly printed as a means of inspiration and to invoke philosophical thoughts from the reader.
![Page 6: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/6.jpg)
DO ANYTHINGYOU WANT100 kg musical instrument, drawing robotor a plugin to your favorite IDE
![Page 7: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/7.jpg)
IDEAFONEιδιόφωνο
![Page 8: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/8.jpg)
dotMemory Unit
MANY PROJECTS WENT TO PRODUCTION
Toolbox App
![Page 9: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/9.jpg)
TOOLBOX APPA control panel for your tools and projects
![Page 10: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/10.jpg)
![Page 11: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/11.jpg)
BackendQtC++
THE TOOLBOX APP IS SPLIT INTO
FrontendQtWebEngine(Chromium 56)JavaScript
![Page 13: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/13.jpg)
Pros▸ Nice▸ Modern▸ Everywhere
UI IN HTML/CSS/JS
Cons▸ Embedded browser
may be resource consuming
▸ Frontend expert required
![Page 14: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/14.jpg)
Reactdeclarative JavaScript library for building user interfaces
facebook.github.io/react
FRONTEND
![Page 15: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/15.jpg)
EXAMPLE COMPONENT
class ProjectList extends React.Component { render() { return ( <div> <div className="project-list__search"> <Icon size={Icon.Size.Size14} glyph={require('search.svg')} /> <TextInput ref="input" placeholder="Search" /> </div> <div> {recentProjects.map((project) => ( <Project project={project} /> ))} </div> </div> ); }}
![Page 16: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/16.jpg)
WEBPACK
JS + dependencies are packed into single index.js and index.html:
myWebView->load(QUrl("qrc:/index.html"));myWebView->load(QUrl("http://localhost:8080"));
![Page 17: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/17.jpg)
FETCHING PRODUCT DESCRIPTIONS
▸ Single file in JSON▸ Update regularly▸ The same JSON is used in both
C++ and JS code
![Page 18: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/18.jpg)
JSON FEED
{ "id": "IDEA-U", "name": "IntelliJ IDEA Ultimate", "description": "The most intelligent Java IDE", "icon_url": "data:image/svg+xml;base64,…", "licensing": { "product": "Idea" }, "build": "171.972.3", "version": "2017.1.2", "major_version": { "name": "2017.1" }, "package": { "os": "windows", "type": "nsis", "command": "bin/idea.exe", "url": "https://download.jetbrains.com/idea/ideaIU-2017.1.2.exe", "size": 407042160, "checksums": [ { "alg": "sha-256", "value": "…" } ] }}
![Page 19: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/19.jpg)
SEPARATION OF CONCERNS
Model Qt/C++
ViewModel JSON
View React/JavaScript
![Page 20: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/20.jpg)
LESSONS LEARNED
Some obvious things
worth repeating
![Page 21: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/21.jpg)
DREAM TEAM
Windows
CORE DEVELOPERS
macOS Linux
UI/UX Designer UI Developer IntelliJ Developer
AND
![Page 22: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/22.jpg)
CROSS-PLATFORM DEVELOPMENT▸ There are lots of platform specific things▸ Every feature must be tested on all
supported operating systems
![Page 23: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/23.jpg)
CROSS-PLATFORM DEVELOPMENT
PLATFORM SPECIFIC
▸ .plist read/write▸ Menubar icon theming▸ System wide notifications▸ OS integration
![Page 24: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/24.jpg)
AUTOMATE EVERYTHING▸ Continuous Integration server compiles
the app after each commit▸ and runs tests▸ Release is published with a single click
![Page 25: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/25.jpg)
TeamCity
![Page 26: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/26.jpg)
DESIGN FOR COMPATIBILITY▸ Backward compatibility▸ Forward compatibility
![Page 27: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/27.jpg)
ALWAYS KEEP SECURITY IN MIND▸ HTTPS only▸ Signed data source▸ Checksums for downloads
![Page 28: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/28.jpg)
DOGFOODING▸ Use your own application▸ Get early feedback from colleagues
![Page 29: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/29.jpg)
PRODUCTION Successfulrelease
![Page 30: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/30.jpg)
20% projectSide project supported by company
![Page 31: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/31.jpg)
100,000+ usersestimated
![Page 32: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/32.jpg)
https://twitter.com/jnzavrl/status/897000758633168897
https://twitter.com/vedran_pavic/status/753542146842562560
![Page 33: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/33.jpg)
RECAP▸ Hackathons are fun▸ There is a lot to be done afterwards▸ HTML UI is awesome▸ Team is the most important
![Page 34: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/34.jpg)
Place your screenshot here
TOOLBOX APP
Check it outatjetbrains.com/toolbox/app
Follow @JBToolboxfor updates
![Page 36: I am Victor Kropp Hackathon to... · 2017-08-21 · HI! I am Victor Kropp and I want to tell you a story how we went from hackathon to production in a year](https://reader033.vdocuments.net/reader033/viewer/2022050314/5f7720c17ac4d33f9e3e7e2b/html5/thumbnails/36.jpg)
Thank you!Victor [email protected]@jetbrains.com