preparing for the webgeek devcup

113
Preparing for the WebGeek DevCup Bryan Bibat pangkaraniwang developer

Upload: bryanbibat

Post on 29-Apr-2015

1.174 views

Category:

Technology


1 download

DESCRIPTION

presentation at the pre-event meetup

TRANSCRIPT

Page 1: Preparing for the WebGeek DevCup

Preparing for theWebGeek DevCup

Bryan Bibatpangkaraniwang developer

Page 2: Preparing for the WebGeek DevCup

6 Hours

Page 3: Preparing for the WebGeek DevCup

NOTENOUGH

TIME!

Page 4: Preparing for the WebGeek DevCup

Solution:

Do everything that you can do before the event

Page 5: Preparing for the WebGeek DevCup

according to the rules:

Page 6: Preparing for the WebGeek DevCup

No Offsite Development:

All development must be performed on-site between the aforementioned start and end

times for the event.

Page 7: Preparing for the WebGeek DevCup

No Offsite Development:

We don’t allow teams to re-purpose an existing app, add a feature, then flog their badly

disguised demo as a hack.

Page 8: Preparing for the WebGeek DevCup

HOWEVER

Page 9: Preparing for the WebGeek DevCup

Languages & Tools:

Applications may be assembled using any mix of programming

languages, application frameworks, and development tools.

Page 10: Preparing for the WebGeek DevCup

You cannot pre-build an app, but you can pre-build a framework.

Page 11: Preparing for the WebGeek DevCup

framework≈

app that does nothing

Page 12: Preparing for the WebGeek DevCup

Rest of this talk:

● Preparing your App/Framework● Preparing everything else

Page 13: Preparing for the WebGeek DevCup

For professional developers:nothing new here!

Page 14: Preparing for the WebGeek DevCup

App Prep

Page 15: Preparing for the WebGeek DevCup

Languages?

Page 16: Preparing for the WebGeek DevCup

Frameworks?

Page 17: Preparing for the WebGeek DevCup

Databases?

Page 18: Preparing for the WebGeek DevCup

Third-party APIs?

Page 19: Preparing for the WebGeek DevCup

doesn't matter(had app)

Page 20: Preparing for the WebGeek DevCup

Choose what you are comfortable with

Page 21: Preparing for the WebGeek DevCup

less time Google-ing=

more time coding

Page 22: Preparing for the WebGeek DevCup

Once you've decided...

Page 23: Preparing for the WebGeek DevCup

Build your "framework"

Page 24: Preparing for the WebGeek DevCup

your framework must:

● run on a web server

Page 25: Preparing for the WebGeek DevCup

your framework must:

● run on a web server● not have errors when browsed

Page 26: Preparing for the WebGeek DevCup

your framework must:

● run on a web server● not have errors when browsed

● connect to a database, if needed

Page 27: Preparing for the WebGeek DevCup

your framework must:

● run on a web server● not have errors when browsed

● connect to a database, if needed● not do anything else

(dummy programs are ok)

Page 28: Preparing for the WebGeek DevCup

Feel free to add modules found in other frameworks

Page 29: Preparing for the WebGeek DevCup

Framework Modules

Front End Design Frameworks

Page 30: Preparing for the WebGeek DevCup
Page 31: Preparing for the WebGeek DevCup
Page 32: Preparing for the WebGeek DevCup

Framework Modules

Page Templating

Page 33: Preparing for the WebGeek DevCup
Page 34: Preparing for the WebGeek DevCup
Page 35: Preparing for the WebGeek DevCup
Page 36: Preparing for the WebGeek DevCup

Framework Modules

Administration

Page 37: Preparing for the WebGeek DevCup
Page 38: Preparing for the WebGeek DevCup

Framework Modules

Authentication

Page 39: Preparing for the WebGeek DevCup

Framework Modules

Pagination

Page 40: Preparing for the WebGeek DevCup

demo

Page 41: Preparing for the WebGeek DevCup

Apart from framework setup, your biggest potential time

waster would be...

Page 42: Preparing for the WebGeek DevCup

Machine Prep

Page 43: Preparing for the WebGeek DevCup

Install everything beforehand!

Page 44: Preparing for the WebGeek DevCup

Don't expect the Wi-Fi to be flawless on the event

Page 45: Preparing for the WebGeek DevCup

Make sure everyone in your team is able to execute and

develop your app

Page 46: Preparing for the WebGeek DevCup

Possible option:

Virtual Environments

Page 47: Preparing for the WebGeek DevCup
Page 48: Preparing for the WebGeek DevCup
Page 49: Preparing for the WebGeek DevCup
Page 50: Preparing for the WebGeek DevCup

Once you can run the app, go install whatever you want in

your machine

Page 51: Preparing for the WebGeek DevCup
Page 52: Preparing for the WebGeek DevCup
Page 53: Preparing for the WebGeek DevCup
Page 54: Preparing for the WebGeek DevCup

Have a backup internet connection

Page 55: Preparing for the WebGeek DevCup

Make sure everyone in your team is able to execute and

develop your app

Page 56: Preparing for the WebGeek DevCup

Revision Control

Page 57: Preparing for the WebGeek DevCup

"If it's not in version control, it doesn't exist."

Page 58: Preparing for the WebGeek DevCup

The Joel Test(http://www.joelonsoftware.com/articles/fog0000000043.html)

1. Do you use source control?

Page 59: Preparing for the WebGeek DevCup

Also proves you didn't cheat

Page 60: Preparing for the WebGeek DevCup

Doesn't matter what you choose as long as you use one

Page 61: Preparing for the WebGeek DevCup
Page 62: Preparing for the WebGeek DevCup
Page 63: Preparing for the WebGeek DevCup
Page 64: Preparing for the WebGeek DevCup

Share your code.

Don't worry about people copying it.

Page 65: Preparing for the WebGeek DevCup

Deployment

Page 66: Preparing for the WebGeek DevCup

Making your app available on the internet is optional, but will

help in the judging

Page 67: Preparing for the WebGeek DevCup
Page 68: Preparing for the WebGeek DevCup

The Joel Test(http://www.joelonsoftware.com/articles/fog0000000043.html)

2. Can you make a build in one step?

Page 69: Preparing for the WebGeek DevCup

Option 1:

Use push-based hosting

Page 70: Preparing for the WebGeek DevCup
Page 71: Preparing for the WebGeek DevCup
Page 72: Preparing for the WebGeek DevCup
Page 73: Preparing for the WebGeek DevCup
Page 74: Preparing for the WebGeek DevCup
Page 75: Preparing for the WebGeek DevCup

Option 2:

Deploy Automation Tools

Page 76: Preparing for the WebGeek DevCup
Page 77: Preparing for the WebGeek DevCup
Page 78: Preparing for the WebGeek DevCup
Page 79: Preparing for the WebGeek DevCup

one command:

cap deploy

Page 80: Preparing for the WebGeek DevCup
Page 81: Preparing for the WebGeek DevCup

Everything's prepped except the most important part...

Page 82: Preparing for the WebGeek DevCup

Team Prep

Page 83: Preparing for the WebGeek DevCup

Communication is key!(yes it's cliche)

Page 84: Preparing for the WebGeek DevCup

asset creation and integration,

Page 85: Preparing for the WebGeek DevCup

asset creation and integration, conflict resolution,

Page 86: Preparing for the WebGeek DevCup

asset creation and integration, conflict resolution,

bug finding and fixing,

Page 87: Preparing for the WebGeek DevCup

asset creation and integration, conflict resolution,

bug finding and fixing, feature creation and pruning,

Page 88: Preparing for the WebGeek DevCup

asset creation and integration, conflict resolution,

bug finding and fixing, feature creation and pruning,

etc.

Page 89: Preparing for the WebGeek DevCup

No ideal group composition - work with what you have

Page 90: Preparing for the WebGeek DevCup

Mostly devs?

Focus on the functionality. Take risks in experimental technology.

Page 91: Preparing for the WebGeek DevCup

Mostly designers?

Limit features but polish them. Focus on making your app usable.

Page 92: Preparing for the WebGeek DevCup

Don't forget the basics!

Page 93: Preparing for the WebGeek DevCup

Problems are easier to fix in design than in code

Page 94: Preparing for the WebGeek DevCup

POP QUIZ

Page 95: Preparing for the WebGeek DevCup

Your software project is running very late, what do you do?

Page 96: Preparing for the WebGeek DevCup

Your software project is running very late, what do you do?

A. Add more people to the project

Page 97: Preparing for the WebGeek DevCup

Your software project is running very late, what do you do?

A. Add more people to the projectB. Make people work harder

Page 98: Preparing for the WebGeek DevCup

Your software project is running very late, what do you do?

A. Add more people to the projectB. Make people work harderC. Cut unnecessary features

Page 99: Preparing for the WebGeek DevCup

If you answered A or B,

I have bad news for you

Page 100: Preparing for the WebGeek DevCup

Your software project is running very late, what do you do?

A. Add more people to the projectB. Make people work harderC. Cut unnecessary features

Page 101: Preparing for the WebGeek DevCup

Self Prep

Page 102: Preparing for the WebGeek DevCup

Get some sleep

Page 103: Preparing for the WebGeek DevCup

Bring a jacket

Page 104: Preparing for the WebGeek DevCup

Say no to drugs...

Page 105: Preparing for the WebGeek DevCup

...or whatever floats your boat

Page 106: Preparing for the WebGeek DevCup

Remind yourselfto take breaks

Page 107: Preparing for the WebGeek DevCup

HAVE FUN!

Page 108: Preparing for the WebGeek DevCup

HAVE FUN!meh

Page 109: Preparing for the WebGeek DevCup

LEARN

Page 110: Preparing for the WebGeek DevCup

LEARNabout others and about yourself

Page 111: Preparing for the WebGeek DevCup

Thank you for listening!

bryanbibat.net | @bry_bibatspeakerdeck.com/u/bryanbibat

Page 112: Preparing for the WebGeek DevCup

For the bored, here's me doing a dry run:

http://youtu.be/ZE15NycXHJk(2 hours, 1 app)

Page 113: Preparing for the WebGeek DevCup

Thank you for listening!

bryanbibat.net | @bry_bibatspeakerdeck.com/u/bryanbibat