Upgrade to Pro — share decks privately, control downloads, hide ads and more …

RG Workbook

railsgirls
November 17, 2013
2.5k

RG Workbook

A4, 2-up, short-edge bind. Thank you Tim McEwan!

railsgirls

November 17, 2013
Tweet

Transcript

  1. =0 Rails Girls Your cookbook to the world of web

    development. + = railsgirls.com
  2. The Team Draw your team. What makes you special? Why

    are you going to succeed? Problem Draw here your problem - how it exists today? +RZFRPHLW·VD problem? Solution Draw here your solution. Make it tangible, real and descriptive. Revenue and &RPSHWLWLRQ :KR·VSD\LQJZKDW" What are they paying for? Who are your competitors? The Magic What does the future look for you? What is your vision? What is your mission? My first investor deck
  3. Make it real. Make it happen. Coding is only part

    of the fun. As soon as you have an application up and running, you should start thinking about your users and how to keep your app running. 'UDZKHUH\RXUÀUVWHPDLOQHZVOHWWHUWHPSODWHWR\RXUXVHUV
  4. Get excited and make things Software changes cultures. We believe

    that in a world where everything will involve the Internet, we need to get the girls involved too. Web applications are modern craftsmanship. Build tomorrows products. Learn to solve problems. Wonder how things work. We can give the ingredients, but you make the recipes.
  5. 6WDUWZLWKVLPSOHPRFNXSVRI\RXULGHD Balsamiq http://balsamiq.com Mockingbird http://gomockingbird.com 3URWRW\SHVDSS http://prototypesapp.com/ Design Dribbble http://dribbble.com/

    CSSgrid http://cssgrid.net Colour Lovers http://www.colourlovers.com Marketing Magic 6KRSLI\http://www.shopify.com Moo http://www.moo.com Stickermule http://www.stickermule.com Customer service & feedback UserVoice http://www.uservoice.com/ Wufoo http://wufoo.com *RRJOH'RFV )RUPV http://docs.google.com 'HYHORSHUFRPPXQLWLHV Github http://www.github.com 6WDFNRYHUÁRZKWWSVWDFNRYHUÁRZFRP Forrst http://www.forrst.com Social Facebook Social Plugins http://goo.gl/wSkVL Twitter Resources KWWSJRRJO820KV
  6. Get going with something small. 2QFH\RX·YHJRWWHQWKHÀUVWELWHRIFRGLQJ web apps, try out

    the following. The idea is not to start building the next Facebook. Try creating something simple, yet interesting, in just a couple of days. Focus on the one thing you want to achieve - this is what applications anyways should be about.
  7. Knowing how ´,·YHORQJDUJXHGWKDW8,GHVLJQSURJUDPPLQJDQGSURGXFW strategy should be learned apprentice-style with your

    hands and through experience, not through school and pedagogy. When I go to conferences about design I see a lot of declarative knowledge. Knowledge of. The latest CSS rules. The new JavaScript syntax. Ten ways to make users happy (supposedly) or whatever else. :KDW,GRQ·WVHHDUHSURFHGXUHV³VRPHERG\VWDQGLQJXSWKHUH with a pen or a text editor and making things happen and showing KRZLW·VGRQH7KDW·VZKDW,ZDQWWRVHHDQGWKDW·VZKDW,WKLQNRXU industry needs more of.” - Ryan Singer, 37 Signals Futher Reading: 7KHÀUVWVWHSLVWRVWDUW http://goo.gl/02u5 Code as Craft by Etsy http://goo.gl/5iX7L Why Software is Eating the World http://goo.gl/ry3Sc Product Managers in Modern 'HYHORSPHQWWHDPV http://goo.gl/TjRB6 Have we all become hackers http://goo.gl/PA8e2 A Tour of the Design Process at 37signals http://goo.gl/Fc49 5by5 Podcasts KWWSJRRJO4-T8
  8. Don’t daydream. Just design. Draw. Sketch. Wireframe. Mockup. Plans and

    ideas are nothing compared to something you can see, touch, hear or smell. Most applications are just screens with ER[HVDQ\RQHFDQGUDZWKHP,I\RXFDQ·W you need to think about the idea more. Drawing captures your idea into something concrete and real.
  9. Getting futher Try Ruby http://www.tryruby.org Programming Ruby in your browser.

    Codeschool http://www.codeschool.com Try out the Rails for Zombies module: a free, browser-based Rails workshop. Other classes interesting too! Codeacademy http://www.codeacademy.com A new Y-Combinator startup aiming to teach the world to code. 'RQ·WIHDUWKH,QWHUQHW http://www.dontfeartheinternet.com/ Frontend stuff (CSS & HTML) explained through short videos. $4XLFN DQG+RSHIXOO\3DLQOHVV 5LGH7KURXJK5XE\ ZLWK &DUWRRQ)R[HV  http://mislav.uniqpath.com/poignant-guide/book/chapter-3.html 7KHOHJHQGDU\:K\·V3RLJQDQW*XLGHWR5XE\SDUWFRPLF book, part coding exercise. RailsGuides http://guides.rubyonrails.org/ Tutorials and guides created by the Rails community
  10. Cheatsheet for your app <RXU5XE\RQ5DLOVDSSFDQEHIRXQGDW projects/railsgirls <RXFDQVWDUW\RXUDSSE\RSHQLQJ7HUPLQDODQG cd projects/railsgirls rails

    s AFFHVVWKHDSS Open http://localhost:3000 on your web browser 0RVWRIWKHWLPH\RXHGLWWKHÀOHVDWDSSGLUHFWRU\ app/views/ (the user interfaces of your app) DSSPRGHOV PRGHOVGHÀQHDSSLQIRUPDWLRQVWUXFWXUH app/controllers/ (are the glue between models and views) Tools we use 7ZLWWHU%RRWVWUDS (to style the app)WW Komodo Edit WRHGLWWKHFRGHÀOHV KWWSJRRJO,.K Heroku (to host the application) http://heroku.com
  11. Lunch box your web app. The Bentobox is our conceptual

    model for understanding web applications and their components. The Japanese lunchbox model aims to have a balanced mix of things. Much like web apps, the “Ekiben“, looks for content which LVDUUDQJHGLQWKHPRVWHIÀFLHQWJUDFHIXO manner. The bento is presented in a simple, beautiful, balanced way. Nothing lacking. 1RWKLQJVXSHUÁXRXV1RWGHFRUDWHGEXW wonderfully designed.
  12. My Bentobox Backend. How the application works. Frontend. How the

    application looks. Backend. How the application runs. Backend. How the application stores data. Storage Logic Style and structure Infrastructure Application: Designed by: