be brave and open source
TRANSCRIPT
![Page 1: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/1.jpg)
Front-end Dev & Designer at Lunar Logic
Anna Migas
WebMuses
Rails Girls Kraków
![Page 2: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/2.jpg)
Anna Migas @szynszyliszys
Be brave and Open Source
![Page 3: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/3.jpg)
![Page 4: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/4.jpg)
the most altruistic people
open source contributors
kidney donors
me
![Page 5: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/5.jpg)
Thoughts preventing me from Open Sourcing 1 year ago:
1. It’s just not for me.
2. I have nothing to share.
3. My code is not good enough.
![Page 6: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/6.jpg)
FLIP technique
A B
0 200px
-200px 0
![Page 7: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/7.jpg)
FLIP!FLIP!
FLIP!FLIP!
FLIP!
![Page 8: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/8.jpg)
slack time
![Page 9: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/9.jpg)
A B
Blogpost
Cupcake ipsum dolor sit amet. Gingerbread chupa chups powder brownie chocolate bar tiramisu tootsie roll apple pie. Caramels pudding chocolate bar brownie chocolate bar chupa chups.
Tart chocolate cake jelly-o croissant tiramisu dessert croissant pudding cotton candy. Jelly-o wafer cake muffin carrot cake sweet roll. Tart jelly-o fruitcake chocolate cotton candy marshmallow halvah cotton candy apple pie.
Macaroon topping chocolate bar. Chocolate bar pie oat cake marzipan chupa chups wafer bonbon. Biscuit croissant cotton candy donut gingerbread. Candy tootsie roll cupcake icing cake sweet roll bonbon.
B A
A
Examples
![Page 10: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/10.jpg)
A B
B A
A
Library
A B
B A
![Page 11: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/11.jpg)
Learning
Cursing
Fun
Coding
TestingRewriting things
![Page 12: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/12.jpg)
![Page 13: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/13.jpg)
![Page 14: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/14.jpg)
500?
![Page 15: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/15.jpg)
>11000
>25000
![Page 16: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/16.jpg)
“This is brilliant”
“This is amazing”
“Thank you for explaining this”
![Page 17: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/17.jpg)
It is for me.
1. Confidence boost.
2. Pure joy of sharing your knowledge with someone.
3. Learning new things.
4. Feeling competent.
5. Job opportunities.
![Page 18: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/18.jpg)
the most altruistic people
open source contributors
kidney donors
me
![Page 19: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/19.jpg)
the most altruistic people
open source contributors
me
kidney donors
![Page 20: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/20.jpg)
Thoughts preventing me from Open Sourcing 1 year ago:
1. It’s just not for me.
2. I have nothing to share.
3. My code is not good enough.
![Page 21: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/21.jpg)
Open Source
Create your own library
Contribute to an existing library
![Page 22: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/22.jpg)
Rule of thumb: Commit to the repository you use
![Page 23: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/23.jpg)
First step is always the hardest
![Page 24: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/24.jpg)
How to make the first step
1. Fix typo/whitespace/comma.
2. Look through the Issues in the repository you
are familiar with.
3. Find a first-timer friendly bug.
![Page 25: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/25.jpg)
![Page 26: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/26.jpg)
Resources
1. Video of Kent C. Dodds speaking about first
contributions https://www.youtube.com/watch?
v=HjgZQeMrw6c
2. http://www.firsttimersonly.com/
3. https://egghead.io/courses/how-to-contribute-
to-an-open-source-project-on-github
![Page 27: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/27.jpg)
Open Source
Create your own library
Contribute to an existing library
![Page 28: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/28.jpg)
Create your own library But what library?
![Page 29: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/29.jpg)
Create your own library Where to find an idea?
![Page 30: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/30.jpg)
1. Explore the unknown
![Page 31: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/31.jpg)
Service Workers
AMP
CSS modules
elm
RxJS VueJS
Web Animations API
![Page 32: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/32.jpg)
2. Find a gap
![Page 33: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/33.jpg)
![Page 34: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/34.jpg)
3. Let others inspire you
![Page 35: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/35.jpg)
![Page 36: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/36.jpg)
4. Find an inspiration in the most unexpected places
![Page 37: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/37.jpg)
Service Workers
AMP
CSS modules
elm
RxJS VueJS
Web Animations API
![Page 38: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/38.jpg)
![Page 39: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/39.jpg)
Thoughts preventing me from Open Sourcing 1 year ago:
1. It’s just not for me.
2. I have nothing to share.
3. My code is not good enough.
![Page 40: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/40.jpg)
Some level of expertise is required
![Page 41: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/41.jpg)
Is my code good enough?
Ask a friend to validate your idea/code
![Page 42: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/42.jpg)
Is my code good enough?
![Page 43: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/43.jpg)
Is my code good enough?
![Page 44: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/44.jpg)
Steps to release your own project
1. GitHub repository.
2. Bower/npm/bundler etc.
3. Blogpost.
4. Demo page (if applicable).
5. Spread the word.
![Page 45: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/45.jpg)
pro tip
choose a unique name to search for mentions easily
![Page 46: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/46.jpg)
pro tip
![Page 47: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/47.jpg)
pro tip
![Page 48: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/48.jpg)
pro tip
mention relevant people on Twitter
![Page 49: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/49.jpg)
pro tip
make it fun, there is no pressure
![Page 50: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/50.jpg)
thank youGood Luck and Have Fun
Anna Migas @szynszyliszys
![Page 51: Be brave and Open Source](https://reader031.vdocuments.us/reader031/viewer/2022020314/5872e8ff1a28abfa548b69c9/html5/thumbnails/51.jpg)
Links
1. https://www.ted.com/talks/
abigail_marsh_why_some_people_are_more_altruistic_than_others
2. https://aerotwist.com/blog/flip-your-animations/
3. https://github.com/szynszyliszys/repaintless
4. https://github.com/LunarLogic/starability
5. https://github.com/LunarLogic/auroral
6. http://jsipsum.lunarlogic.io/
7. https://github.com/issues?q=label%3Afirst-timers-only+is
%3Aopen
8. http://designaur.cc/ (drawings of me were made by Gosia)