SlideShare a Scribd company logo
Preparing for the
WebGeek DevCup

       Bryan Bibat
   pangkaraniwang developer
6 Hours
NOT
ENOUGH
 TIME!
Solution:
Do everything that you can
   do before the event
according to the rules:
No Offsite Development:

   All development must be
performed on-site between the
 aforementioned start and end
       times for the event.
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.
HOWEVER
Languages & Tools:

  Applications may be assembled
  using any mix of programming
languages, application frameworks,
      and development tools.
You cannot pre-build an app,
but you can pre-build a framework.
framework
          ≈
app that does nothing
Rest of this talk:
●
    Preparing your App/Framework
     ●
       Preparing everything else
For professional developers:
     nothing new here!
App Prep
Languages?
Frameworks?
Databases?
Third-party APIs?
doesn't matter
     (had app)
Choose what you are
  comfortable with
less time Google-ing
          =
  more time coding
Once you've decided...
Build your "framework"
your framework must:
   ●
       run on a web server
your framework must:
     ●
       run on a web server
●
  not have errors when browsed
your framework must:
      ●
         run on a web server
  ●
    not have errors when browsed
●
  connect to a database, if needed
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)
Feel free to add modules found
      in other frameworks
Framework Modules


Front End Design Frameworks
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Framework Modules


   Page Templating
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Framework Modules


   Administration
Preparing for the WebGeek DevCup
Framework Modules




   Authentication
Framework Modules




     Pagination
demo
Apart from framework setup,
 your biggest potential time
      waster would be...
Machine Prep
Install everything
   beforehand!
Don't expect the Wi-Fi to be
   flawless on the event
Make sure everyone in your
team is able to execute and
    develop your app
Possible option:

Virtual Environments
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Once you can run the app, go
install whatever you want in
         your machine
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Have a backup internet
      connection
Make sure everyone in your
team is able to execute and
    develop your app
Revision Control
"If it's not in version control, it
          doesn't exist."
The Joel Test
  (http://www.joelonsoftware.com/articles/fog0000000043.html)




1. Do you use source control?
Also proves you didn't cheat
Doesn't matter what you choose
    as long as you use one
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Share your code.

Don't worry about people
       copying it.
Deployment
Making your app available on
the internet is optional, but will
       help in the judging
Preparing for the WebGeek DevCup
The Joel Test
   (http://www.joelonsoftware.com/articles/fog0000000043.html)




2. Can you make a build in one step?
Option 1:

Use push-based hosting
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Option 2:

Deploy Automation Tools
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
Preparing for the WebGeek DevCup
one command:

 cap deploy
Preparing for the WebGeek DevCup
Everything's prepped except the
     most important part...
Team Prep
Communication is key!
       (yes it's cliche)
asset creation and integration,
asset creation and integration,
      conflict resolution,
asset creation and integration,
      conflict resolution,
    bug finding and fixing,
asset creation and integration,
      conflict resolution,
    bug finding and fixing,
 feature creation and pruning,
asset creation and integration,
      conflict resolution,
    bug finding and fixing,
 feature creation and pruning,
               etc.
No ideal group composition -
 work with what you have
Mostly devs?
Focus on the functionality. Take
risks in experimental technology.
Mostly designers?
 Limit features but polish them.
Focus on making your app usable.
Don't forget the basics!
Problems are easier to fix
  in design than in code
POP QUIZ
Your software project is
  running very late,
   what do you do?
Your software project is running
   very late, what do you do?


A. Add more people to the project
Your software project is running
   very late, what do you do?


A. Add more people to the project
   B. Make people work harder
Your software project is running
   very late, what do you do?


A. Add more people to the project
   B. Make people work harder
   C. Cut unnecessary features
If you answered A or B,




I have bad news for you
Your software project is running
   very late, what do you do?


A. Add more people to the project
   B. Make people work harder
   C. Cut unnecessary features
Self Prep
Get some sleep
Bring a jacket
Say no to drugs...
...or whatever floats your boat
Remind yourself
 to take breaks
HAVE FUN!
HAVE FUN!
   meh
LEARN
LEARN
about others and about yourself
Thank you for listening!



   bryanbibat.net | @bry_bibat
  speakerdeck.com/u/bryanbibat
For the bored,
here's me doing a dry run:
http://youtu.be/ZE15NycXHJk
       (2 hours, 1 app)
Thank you for listening!



   bryanbibat.net | @bry_bibat
  speakerdeck.com/u/bryanbibat

More Related Content

PDF
Pair Programming (2014)
PDF
JavaOne 2016 - The DevOps Disaster
PPTX
Evaluation Question Number 6
PDF
Digital Ocean Amsterdam meetup March 2017 - The DevOps disaster
PDF
Oracle Code Brussels 2017 - The DevOps disaster
PDF
Codemotion Amsterdam 2016 - The DevOps Disaster
PDF
Move test planning before implementation
PDF
DevOps Utrecht - The DevOps Disaster
Pair Programming (2014)
JavaOne 2016 - The DevOps Disaster
Evaluation Question Number 6
Digital Ocean Amsterdam meetup March 2017 - The DevOps disaster
Oracle Code Brussels 2017 - The DevOps disaster
Codemotion Amsterdam 2016 - The DevOps Disaster
Move test planning before implementation
DevOps Utrecht - The DevOps Disaster

What's hot (20)

PDF
JavaZone 2016 - The DevOps disaster
PPTX
Enterprise Development on a Shoestring Budget
PDF
Use Scrum and Continuous Delivery to innovate like crazy!
PDF
GOTO Amsterdam 2016 - The DevOps Disaster
PDF
Pavel Nikolov: Inspire
PDF
Failfast
ODP
I Smell A RAT- Rapid Application Testing
PPTX
How to Get Started with Cypress
PPTX
Pain Driven Development by Alexandr Sugak
PDF
Selenium conference, 2016
PDF
html5 & phonegap
PPT
Something drupal this way comes
PPTX
Question 6
PPTX
Learning to be IDE Free (PrDC 2015)
PDF
Shifting landscape of mobile automation, and the future of Appium - Jonathan ...
PDF
How QCLean Works? Introduction to Browser Extensions
PDF
Justin Ison
PDF
iOS Scroll Performance
PPTX
Evaluation question 6
PPTX
Open NTF OpenSource is collaboration at its best and matters
JavaZone 2016 - The DevOps disaster
Enterprise Development on a Shoestring Budget
Use Scrum and Continuous Delivery to innovate like crazy!
GOTO Amsterdam 2016 - The DevOps Disaster
Pavel Nikolov: Inspire
Failfast
I Smell A RAT- Rapid Application Testing
How to Get Started with Cypress
Pain Driven Development by Alexandr Sugak
Selenium conference, 2016
html5 & phonegap
Something drupal this way comes
Question 6
Learning to be IDE Free (PrDC 2015)
Shifting landscape of mobile automation, and the future of Appium - Jonathan ...
How QCLean Works? Introduction to Browser Extensions
Justin Ison
iOS Scroll Performance
Evaluation question 6
Open NTF OpenSource is collaboration at its best and matters
Ad

Viewers also liked (13)

PDF
Rails is Easy*
PDF
Ruby and Rails by Example (GeekCamp edition)
KEY
Rails by example
PPTX
Ruby on Rails and the Semantic Web
PDF
Static Sites in Ruby
PPT
Ruby On Rails Tutorial
PDF
Ruby on Rails 101 - Presentation Slides for a Five Day Introductory Course
PDF
Things Future IT Students Should Know (But Don't)
PDF
Upgrading to Ruby 2.1, Rails 4.0, Bootstrap 3.0
PDF
So You Want to Teach Ruby and Rails...
PDF
Things IT Undergrads Should Know (But Don't)
PDF
Version Control with Git for Beginners
PDF
Ruby On Rails Introduction
Rails is Easy*
Ruby and Rails by Example (GeekCamp edition)
Rails by example
Ruby on Rails and the Semantic Web
Static Sites in Ruby
Ruby On Rails Tutorial
Ruby on Rails 101 - Presentation Slides for a Five Day Introductory Course
Things Future IT Students Should Know (But Don't)
Upgrading to Ruby 2.1, Rails 4.0, Bootstrap 3.0
So You Want to Teach Ruby and Rails...
Things IT Undergrads Should Know (But Don't)
Version Control with Git for Beginners
Ruby On Rails Introduction
Ad

Similar to Preparing for the WebGeek DevCup (20)

PDF
Surviving a Hackathon and Beyond
PDF
Random thoughts and dev practices / advices to build a great product
PPTX
Hackathon survival guide
ODP
Hackathon - Presentation at Kelltontech
PPTX
Software Development Demo:GDSC&UISS .pptx
PPTX
Real world software launch
KEY
TxJS 2011
PDF
Cisco webex zend con2010 presentation
PDF
Cisco webex zend con2010 presentation
PDF
Your first web application. From Design to Launch
PPTX
OSSCube - Zend Webinar
PPTX
Agile product development
PDF
Why do mobile projects (still) fail - September 2014 edition
KEY
Why Do Mobile Projects Fail?
PDF
Wasserman Keynote at ICSSP 2013
PDF
Effective entrepreneurship for developers
ODP
Path Dependent Development (PyCon AU)
PPTX
OOP 2014 - Lifecycle By Design
KEY
Become Efficient or Die: The Story of BackType
PPTX
Software testing
Surviving a Hackathon and Beyond
Random thoughts and dev practices / advices to build a great product
Hackathon survival guide
Hackathon - Presentation at Kelltontech
Software Development Demo:GDSC&UISS .pptx
Real world software launch
TxJS 2011
Cisco webex zend con2010 presentation
Cisco webex zend con2010 presentation
Your first web application. From Design to Launch
OSSCube - Zend Webinar
Agile product development
Why do mobile projects (still) fail - September 2014 edition
Why Do Mobile Projects Fail?
Wasserman Keynote at ICSSP 2013
Effective entrepreneurship for developers
Path Dependent Development (PyCon AU)
OOP 2014 - Lifecycle By Design
Become Efficient or Die: The Story of BackType
Software testing

More from bryanbibat (16)

PDF
Hd 10 japan
PDF
Git Basics (Professionals)
PDF
From Novice to Expert: A Pragmatic Approach to Learning
PDF
Lambda Expressions in Java 8
PDF
Productive text editing with Vim
PDF
Latest Trends in Web Technologies
PDF
Virtualization
PDF
Some Myths in Software Development
PDF
Latest Trends in Open Source Web Technologies
PDF
What it takes to be a Web Developer
PDF
Ruby and Rails by example
PDF
Ruby on Rails
PDF
before you leap
PDF
Sowing the Seeds
ODP
From Doghouses to Skyscrapers
ODP
Haml & Sass presentation
Hd 10 japan
Git Basics (Professionals)
From Novice to Expert: A Pragmatic Approach to Learning
Lambda Expressions in Java 8
Productive text editing with Vim
Latest Trends in Web Technologies
Virtualization
Some Myths in Software Development
Latest Trends in Open Source Web Technologies
What it takes to be a Web Developer
Ruby and Rails by example
Ruby on Rails
before you leap
Sowing the Seeds
From Doghouses to Skyscrapers
Haml & Sass presentation

Recently uploaded (20)

PDF
KodekX | Application Modernization Development
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Encapsulation theory and applications.pdf
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
Cloud computing and distributed systems.
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PPTX
sap open course for s4hana steps from ECC to s4
KodekX | Application Modernization Development
Per capita expenditure prediction using model stacking based on satellite ima...
Chapter 3 Spatial Domain Image Processing.pdf
Encapsulation theory and applications.pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
Building Integrated photovoltaic BIPV_UPV.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Cloud computing and distributed systems.
Encapsulation_ Review paper, used for researhc scholars
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Unlocking AI with Model Context Protocol (MCP)
20250228 LYD VKU AI Blended-Learning.pptx
MYSQL Presentation for SQL database connectivity
Advanced methodologies resolving dimensionality complications for autism neur...
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Spectral efficient network and resource selection model in 5G networks
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
NewMind AI Weekly Chronicles - August'25 Week I
sap open course for s4hana steps from ECC to s4

Preparing for the WebGeek DevCup