Be brave and Open Source

51
Front-end Dev & Designer at Lunar Logic Anna Migas WebMuses Rails Girls Kraków

Transcript of Be brave and Open Source

Page 1: Be brave and Open Source

Front-end Dev & Designer at Lunar Logic

Anna Migas

WebMuses

Rails Girls Kraków

Page 2: Be brave and Open Source

Anna Migas @szynszyliszys

Be brave and Open Source

Page 3: Be brave and Open Source
Page 4: Be brave and Open Source

the most altruistic people

open source contributors

kidney donors

me

Page 5: Be brave and Open Source

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

FLIP technique

A B

0 200px

-200px 0

Page 7: Be brave and Open Source

FLIP!FLIP!

FLIP!FLIP!

FLIP!

Page 8: Be brave and Open Source

slack time

Page 9: Be brave and Open Source

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

A B

B A

A

Library

A B

B A

Page 11: Be brave and Open Source

Learning

Cursing

Fun

Coding

TestingRewriting things

Page 12: Be brave and Open Source
Page 13: Be brave and Open Source
Page 14: Be brave and Open Source

500?

Page 15: Be brave and Open Source

>11000

>25000

Page 16: Be brave and Open Source

“This is brilliant”

“This is amazing”

“Thank you for explaining this”

Page 17: Be brave and Open Source

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

the most altruistic people

open source contributors

kidney donors

me

Page 19: Be brave and Open Source

the most altruistic people

open source contributors

me

kidney donors

Page 20: Be brave and Open Source

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

Open Source

Create your own library

Contribute to an existing library

Page 22: Be brave and Open Source

Rule of thumb: Commit to the repository you use

Page 23: Be brave and Open Source

First step is always the hardest

Page 24: Be brave and Open Source

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
Page 26: Be brave and Open Source

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

Open Source

Create your own library

Contribute to an existing library

Page 28: Be brave and Open Source

Create your own library But what library?

Page 29: Be brave and Open Source

Create your own library Where to find an idea?

Page 30: Be brave and Open Source

1. Explore the unknown

Page 31: Be brave and Open Source

Service Workers

AMP

CSS modules

elm

RxJS VueJS

Web Animations API

Page 32: Be brave and Open Source

2. Find a gap

Page 33: Be brave and Open Source
Page 34: Be brave and Open Source

3. Let others inspire you

Page 35: Be brave and Open Source
Page 36: Be brave and Open Source

4. Find an inspiration in the most unexpected places

Page 37: Be brave and Open Source

Service Workers

AMP

CSS modules

elm

RxJS VueJS

Web Animations API

Page 38: Be brave and Open Source
Page 39: Be brave and Open Source

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

Some level of expertise is required

Page 41: Be brave and Open Source

Is my code good enough?

Ask a friend to validate your idea/code

Page 42: Be brave and Open Source

Is my code good enough?

Page 43: Be brave and Open Source

Is my code good enough?

Page 44: Be brave and Open Source

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

pro tip

choose a unique name to search for mentions easily

Page 46: Be brave and Open Source

pro tip

Page 47: Be brave and Open Source

pro tip

Page 48: Be brave and Open Source

pro tip

mention relevant people on Twitter

Page 49: Be brave and Open Source

pro tip

make it fun, there is no pressure

Page 50: Be brave and Open Source

thank youGood Luck and Have Fun

Anna Migas @szynszyliszys

Page 51: Be brave and Open Source

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)