ios: building more with less

55
iOS: building more with less Saturday, April 20, 13

Upload: kyle-stewart

Post on 31-Aug-2014

468 views

Category:

Technology


0 download

DESCRIPTION

Yet another Dribbble client showing how to build iOS apps quickly by leveraging open source projects.

TRANSCRIPT

Page 1: iOS: Building More with Less

iOS: building more with less

Saturday, April 20, 13

Page 2: iOS: Building More with Less

The Goodsgithub.com/

kylestew/Hustle

slidesha.re/XWV29m

Saturday, April 20, 13

Page 3: iOS: Building More with Less

CEO - inVnt LLCFreelance Mobile Developer

@kyleRstewart

github.com/kylestew/

Hustle

slidesha.re/XWV29m

Saturday, April 20, 13

Page 4: iOS: Building More with Less

Saturday, April 20, 13

Page 5: iOS: Building More with Less

Saturday, April 20, 13

Page 6: iOS: Building More with Less

Hustle

github.com/kylestew/

Hustle

Saturday, April 20, 13

Page 7: iOS: Building More with Less

What are we building and why?

Sketching & mockups - lean design

Project planning

Register in iTunes (domains, etc)

i00 - The Plan

Saturday, April 20, 13

Page 8: iOS: Building More with Less

What and Why

Mobile browsing of Dribbble feeds

Example shippable project

Use open source projects

Saturday, April 20, 13

Page 9: iOS: Building More with Less

Saturday, April 20, 13

Page 10: iOS: Building More with Less

Project Planning

bit.ly/XNm3d8Saturday, April 20, 13

Page 11: iOS: Building More with Less

Stake your Claim

Saturday, April 20, 13

Page 12: iOS: Building More with Less

i00 Retro

[est time: 1hr - infinity]Saturday, April 20, 13

Page 13: iOS: Building More with Less

GitHub

Edit your README.md

Create project

CocoaPods

Organize the project structure

i01 - Project Setup

Saturday, April 20, 13

Page 14: iOS: Building More with Less

cocoapods.org

Saturday, April 20, 13

Page 15: iOS: Building More with Less

i01 Retro

[time: 30min] [tag: i01]Saturday, April 20, 13

Page 16: iOS: Building More with Less

Main structure of app

ViewDeck - Facebook/Path style sidebar

Storyboard - Apple provided UI layout tool

Navigation code

i02 - Navigation

Saturday, April 20, 13

Page 17: iOS: Building More with Less

ViewDeck

github.com/Inferis/ViewDeckSaturday, April 20, 13

Page 18: iOS: Building More with Less

Hustle’s Storyboard

Saturday, April 20, 13

Page 19: iOS: Building More with Less

Saturday, April 20, 13

Page 20: iOS: Building More with Less

Skinning Navigation

Saturday, April 20, 13

Page 21: iOS: Building More with Less

i02 Retro

[time: 2hrs] [tag: i02]Saturday, April 20, 13

Page 22: iOS: Building More with Less

Research data endpoints for Dribble

Grab data from Popular feed

Unit test with Kiwi

Networking library: AFNetworking

i03 - Network

Saturday, April 20, 13

Page 23: iOS: Building More with Less

dribbble.com/api

Saturday, April 20, 13

Page 24: iOS: Building More with Less

api.dribble.com/shots/popular

Saturday, April 20, 13

Page 25: iOS: Building More with Less

Kiwi - iOS Testing

https://github.com/allending/Kiwi

Saturday, April 20, 13

Page 26: iOS: Building More with Less

Object that handles loading feeds

Can switch feed endpoints

UI Needs

Saturday, April 20, 13

Page 27: iOS: Building More with Less

Class under test

Saturday, April 20, 13

Page 28: iOS: Building More with Less

Saturday, April 20, 13

Page 29: iOS: Building More with Less

github.com/AFNetworking/AFNetworking

Saturday, April 20, 13

Page 30: iOS: Building More with Less

i03 Retro

[time: 2hrs] [tag: i03]Saturday, April 20, 13

Page 31: iOS: Building More with Less

Standard TableView loading code

Standard cells

SVProgressHUD

Add pull to refresh

i04 - Data Binding

Saturday, April 20, 13

Page 32: iOS: Building More with Less

Standard TableView loading pattern

Saturday, April 20, 13

Page 33: iOS: Building More with Less

SVProgressHUD

Saturday, April 20, 13

Page 34: iOS: Building More with Less

github.com/soffes/sspulltorefresh

Saturday, April 20, 13

Page 35: iOS: Building More with Less

i04 Retro

[time: 1hr] [tag: i04]Saturday, April 20, 13

Page 36: iOS: Building More with Less

Start by writing more tests

Hook up navigation to call correct ShotLoader

i05 - Add other feeds

Saturday, April 20, 13

Page 37: iOS: Building More with Less

Saturday, April 20, 13

Page 38: iOS: Building More with Less

Upgrade Navigation

Saturday, April 20, 13

Page 39: iOS: Building More with Less

i05 Retro

[time: 1hr] [tag: i05]Saturday, April 20, 13

Page 40: iOS: Building More with Less

Blocked!

Need rest of app design

i06 - Design

Saturday, April 20, 13

Page 41: iOS: Building More with Less

Good Designers Steal?

Saturday, April 20, 13

Page 42: iOS: Building More with Less

i06 Retro

[time: 3hrs] [tag: i06]Saturday, April 20, 13

Page 43: iOS: Building More with Less

Rip up the PSD and make stuff

Table view cells

Navigation cells

Feed cells

i07 - Skin it!

Saturday, April 20, 13

Page 44: iOS: Building More with Less

Feed Cells

Saturday, April 20, 13

Page 45: iOS: Building More with Less

Create in Storyboard

Saturday, April 20, 13

Page 46: iOS: Building More with Less

ShotCell

Saturday, April 20, 13

Page 47: iOS: Building More with Less

Saturday, April 20, 13

Page 48: iOS: Building More with Less

SDWebImage

https://github.com/rs/SDWebImage

Saturday, April 20, 13

Page 49: iOS: Building More with Less

Navigation Cells

Saturday, April 20, 13

Page 50: iOS: Building More with Less

i07 Retro

[time: 4hrs] [tag: i07]Saturday, April 20, 13

Page 52: iOS: Building More with Less

i08 Retro

[time: 2hrs] [tag: i08]Saturday, April 20, 13

Page 53: iOS: Building More with Less

Whats next?

Detail View!!!

Parallaxing

Custom pull to refresh view

More functionality

The Future

Saturday, April 20, 13

Page 54: iOS: Building More with Less

SHIP IT!!!

Saturday, April 20, 13

Page 55: iOS: Building More with Less

CEO - inVnt LLCFreelance Mobile Developer

@kyleRstewart

github.com/kylestew/

Hustle

slidesha.re/XWV29m

Saturday, April 20, 13