From learning how to code (2 weeks) then jumping in to EmberJS. A look into what it's like to be a beginning developer and how easy EmberJS is to use with very little knowledge. This talk provides light insight on Ember-CLI, components, add-ons, and troubleshooting code. Video: vimeo.com/144527585

1. Tracy Lee
@ladyleet
Global Ember Meetup
October 24, 2015
From 0 to

2. Hi! I’m Tracy. :)
• Board Member @HackerDojo
• Organizer @ModernWebUI
• Founder / CEO of Wingman &
Dishcrawl
• Editor @VentureHacked
• Unofficial Tomster Distribution
Center
@ladyleet

3. I am on the Internet
• twitter.com/ladyleet
• github.com/ladyleet
• instagram.com/ladyleet
• facebook.com/ladyleet
• linkedin.com/in/tracyslee
@ladyleet

4. The$Dishcrawl$Growth$Story$
$$$
• 250$ci'es$in$US,$CA,$UK$
• Grown$1000%$in$1$year$
• 180$people$working$for$us$
• Core$team$of$10$
#ladyleet$
TwiEer:$@dishcrawlSJ$
Facebook.com/dishcrawlsanjose$
Instagram:$@dishcrawlSJ$
@ladyleet

5. Today we’ll talk about…
• Why I wanted to learn how to code
• My “web apps” and open source “contributions”
• Ember-cli
• Troubleshooting code
• Add-on community
• Components
• Reusing data in multiple places
@ladyleet

6. One day I met Tomster…
@ladyleet

7. I spent months collecting Tomsters
before I deciding I wanted to learn.
@ladyleet

8. My “Formal” Training
2 weeks
May 4, 2015 - May 15, 2015
@ladyleet
http://ladyleet.github.io/codingclasses/

9. @ladyleet
http://ladyleet.github.io/codingclasses/
Day 1

10. @ladyleet
http://ladyleet.github.io/codingclasses/
Day 3

11. @ladyleet
http://ladyleet.github.io/codingclasses/
Day 6

12. @ladyleet
Day 13

13. Why do I want to learn?
@ladyleet

14. GIVE ME EMBER!
@ladyleet
Leeeeeroy JENKINS!

15. Things I Love about Ember
@ladyleet
Community.

16. Convention over configuration
makes my life easy.
@ladyleet
• Do a lot with knowing very little.
• A “right” way. Less probability to screw up.
• If you follow conventions, things just work.
• OPC - Other people’s code. I can look at other
projects and know where things are even if I don’t
know what they are.

17. My Ember “Web Apps”!
@ladyleet
https://github.com/venturehacked/venturehacked.github.io

18. My Ember “Web Apps”!
@ladyleethttps://github.com/ladyleet/dishcrawl

19. Open Source “Contributions”
@ladyleet
https://github.com/mike-north/ember-cli-materialize

20. Ember-CLI
Anyone can create a new project easily with no
knowledge needed.
@ladyleet

21. Ember-CLI
Free Tests! I don’t have to know how to write a test
but I get them anyways.
@ladyleet

22. Ember-CLI
Components make my code more manageable.
And are easy to create and setup.
@ladyleet

23. Ember-CLI
And if I screw anything up, I can destroy it easily.
@ladyleet

24. Ember-CLI
• Easy way to type in commands after ember s.
• Backgrounding and foregrounding ember in terminal.
• When you’re running ember, just ctrl+z to suspend and bg to continue
ember in background. Then, to kill, bring it to the foreground by hitting fg
and ctrl+c.
@ladyleet

25. Ember-CLI
@ladyleet

26. Why doesn’t it work?
@ladyleet

27. Is ember-cli-materialize actually installed?
@ladyleet

28. Troubleshooting code
Ember Inspector is awesome!
@ladyleet
https://github.com/emberjs/ember-inspector

29. Troubleshooting code
Ember Inspector is awesome!
@ladyleet
https://github.com/emberjs/ember-inspector

30. Telling me about build errors FTW.
@ladyleet
Troubleshooting code

31. Troubleshooting Code
@ladyleet

32. Troubleshooting Code
@ladyleet

33. @ladyleet
Troubleshooting Code

34. @ladyleet
Troubleshooting Code

35. @ladyleet

36. @ladyleet
(Thank you @jordanhawker for saving me)
Troubleshooting Code

37. @ladyleet

38. Ember’s Add-On Community
@ladyleet
@katiegengler & @pgengler
@gcollazo

39. Ember’s Add-On Community
• There’s probably an add-on for that.
• My friend was looking to use emblem the other day.
@ladyleet

40. Ember’s Add-On Community
My Fave - ember-cli-materialize
@ladyleet
http://mike.works/ember-cli-materialize/

41. Components
@ladyleet
https://github.com/venturehacked/venturehacked.github.io

42. Components
@ladyleet
https://github.com/venturehacked/venturehacked.github.io

43. Re-using data in multiple places
(aka using a utils file in a non-conventional way)
@ladyleethttps://github.com/venturehacked/venturehacked.github.io

44. Re-using data in multiple places
(aka using a utils file in a non-conventional way)
@ladyleet
ember g component investor-profile-card
https://github.com/venturehacked/venturehacked.github.io

45. Re-using data in multiple places
(aka using a utils file in a non-conventional way)
@ladyleet
https://github.com/venturehacked/venturehacked.github.io

46. Re-using data in multiple places
(aka using a utils file in a non-conventional way)
@ladyleet
https://github.com/venturehacked/venturehacked.github.io

47. Re-using data in multiple places
(aka using a utils file in a non-conventional way)
@ladyleet
https://github.com/venturehacked/venturehacked.github.io

48. My Relationship with Javascript
Who needs another relationship with
this many emotions? @ladyleet

49. @ladyleet
My Relationship with
Javascript

50. I feel like this a lot.
@ladyleet

51. I feel like this a lot too.
@ladyleet

52. What resources I found helpful
• Ember guides
• Ember slack community
• Ember sherpa slack
• Live coding
• Ember twiddle
• Youtube videos on ember
@ladyleet

53. I am on the Internet
• twitter.com/ladyleet
• github.com/ladyleet
• instagram.com/ladyleet
• facebook.com/ladyleet
• linkedin.com/in/tracyslee
@ladyleet