spark: jsfiddle meets salesforce lightning
TRANSCRIPT
![Page 3: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/3.jpg)
Code Collaboratively Hive Mind Share Executable Code
Key Takeaways
![Page 4: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/4.jpg)
• Astro is the product manager for our dev team.
• He has asked us to build him a new racecar app.
• Astro wants us to make it a Salesforce Lightning app.
Astro’s Racecar Challenge
![Page 5: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/5.jpg)
1. We have been given a tight deadline.
2. Our team has limited experience.
3. We deal with disconnected development silos.
Building Astro’s Racecar
![Page 6: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/6.jpg)
Code Collaboratively
• Lightning apps are meant to be chunked into components.
• This offers code reusability/portability and divides up the workload.
• Pair programming can be an effective technique for inexperienced teams.
![Page 7: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/7.jpg)
1. We have been given a tight deadline.
2. Our team has limited experience.
3. We deal with disconnected development silos.
Building Astro’s Racecar
![Page 8: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/8.jpg)
Hive Mind
• Crowdsourcing allows you to draw on the collective minds and talents of the entire community.
• Developers can easily share code with others via GitHub, a cloud repository service.
![Page 9: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/9.jpg)
1. We have been given a tight deadline.
2. Our team has limited experience.
3. We deal with disconnected development silos.
Building Astro’s Racecar
![Page 10: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/10.jpg)
Code Playgrounds
• Code playgrounds allow you to share and execute snippets of code.
• They are commonly used by web developers during development roadblocks.
• Salesforce developers need a code playground for debugging Lightning apps.
![Page 11: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/11.jpg)
Salesforce Lightning Components
• Lightning components stem from the open source Aura UI framework.
• Lightning components run on Apex, but Aura components run on Java.
• Aura apps can be compiled and run outside of Salesforce.
![Page 12: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/12.jpg)
DigitalOcean
• Docker packages apps into standardized containers.
• Dokku allows you to create a private, mini-Heroku through Docker.
MEAN.JS Docker Dokku
• DigitalOcean offers simple, inexpensive cloud hosting.
Spark
• MEAN.JS is a full-stack JavaScript solution for building web apps that use MongoDB, Express, AngularJS, and Node.js.
![Page 13: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/13.jpg)
Broken Lightning App Code Sample #1
![Page 14: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/14.jpg)
Create a Spark Demo #1
![Page 15: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/15.jpg)
1. We have been given a tight deadline.
2. Our team has limited experience.
3. We deal with disconnected development silos.
Building Astro’s Racecar
![Page 16: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/16.jpg)
Spark Source Code Code Sample #2
![Page 17: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/17.jpg)
Running Spark Locally Demo #2
![Page 18: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/18.jpg)
Code Collaboratively Hive Mind Share Executable Code
Key Takeaways
![Page 20: Spark: jsFiddle Meets Salesforce Lightning](https://reader031.vdocuments.site/reader031/viewer/2022021922/587197a31a28ab044e8b4fab/html5/thumbnails/20.jpg)
Thank you