ios: building more with less
DESCRIPTION
Yet another Dribbble client showing how to build iOS apps quickly by leveraging open source projects.TRANSCRIPT
iOS: building more with less
Saturday, April 20, 13
The Goodsgithub.com/
kylestew/Hustle
slidesha.re/XWV29m
Saturday, April 20, 13
CEO - inVnt LLCFreelance Mobile Developer
@kyleRstewart
github.com/kylestew/
Hustle
slidesha.re/XWV29m
Saturday, April 20, 13
Saturday, April 20, 13
Saturday, April 20, 13
Hustle
github.com/kylestew/
Hustle
Saturday, April 20, 13
What are we building and why?
Sketching & mockups - lean design
Project planning
Register in iTunes (domains, etc)
i00 - The Plan
Saturday, April 20, 13
What and Why
Mobile browsing of Dribbble feeds
Example shippable project
Use open source projects
Saturday, April 20, 13
Saturday, April 20, 13
Project Planning
bit.ly/XNm3d8Saturday, April 20, 13
Stake your Claim
Saturday, April 20, 13
i00 Retro
[est time: 1hr - infinity]Saturday, April 20, 13
GitHub
Edit your README.md
Create project
CocoaPods
Organize the project structure
i01 - Project Setup
Saturday, April 20, 13
i01 Retro
[time: 30min] [tag: i01]Saturday, April 20, 13
Main structure of app
ViewDeck - Facebook/Path style sidebar
Storyboard - Apple provided UI layout tool
Navigation code
i02 - Navigation
Saturday, April 20, 13
ViewDeck
github.com/Inferis/ViewDeckSaturday, April 20, 13
Hustle’s Storyboard
Saturday, April 20, 13
Saturday, April 20, 13
Skinning Navigation
Saturday, April 20, 13
i02 Retro
[time: 2hrs] [tag: i02]Saturday, April 20, 13
Research data endpoints for Dribble
Grab data from Popular feed
Unit test with Kiwi
Networking library: AFNetworking
i03 - Network
Saturday, April 20, 13
api.dribble.com/shots/popular
Saturday, April 20, 13
Kiwi - iOS Testing
https://github.com/allending/Kiwi
Saturday, April 20, 13
Object that handles loading feeds
Can switch feed endpoints
UI Needs
Saturday, April 20, 13
Class under test
Saturday, April 20, 13
Saturday, April 20, 13
github.com/AFNetworking/AFNetworking
Saturday, April 20, 13
i03 Retro
[time: 2hrs] [tag: i03]Saturday, April 20, 13
Standard TableView loading code
Standard cells
SVProgressHUD
Add pull to refresh
i04 - Data Binding
Saturday, April 20, 13
Standard TableView loading pattern
Saturday, April 20, 13
SVProgressHUD
Saturday, April 20, 13
github.com/soffes/sspulltorefresh
Saturday, April 20, 13
i04 Retro
[time: 1hr] [tag: i04]Saturday, April 20, 13
Start by writing more tests
Hook up navigation to call correct ShotLoader
i05 - Add other feeds
Saturday, April 20, 13
Saturday, April 20, 13
Upgrade Navigation
Saturday, April 20, 13
i05 Retro
[time: 1hr] [tag: i05]Saturday, April 20, 13
Blocked!
Need rest of app design
i06 - Design
Saturday, April 20, 13
Good Designers Steal?
Saturday, April 20, 13
i06 Retro
[time: 3hrs] [tag: i06]Saturday, April 20, 13
Rip up the PSD and make stuff
Table view cells
Navigation cells
Feed cells
i07 - Skin it!
Saturday, April 20, 13
Feed Cells
Saturday, April 20, 13
Create in Storyboard
Saturday, April 20, 13
ShotCell
Saturday, April 20, 13
Saturday, April 20, 13
SDWebImage
https://github.com/rs/SDWebImage
Saturday, April 20, 13
Navigation Cells
Saturday, April 20, 13
i07 Retro
[time: 4hrs] [tag: i07]Saturday, April 20, 13
TableView pagination
http://nsscreencast.com/episodes/8-automatic-uitableview-paging
i08 - Gold Plating
Saturday, April 20, 13
i08 Retro
[time: 2hrs] [tag: i08]Saturday, April 20, 13
Whats next?
Detail View!!!
Parallaxing
Custom pull to refresh view
More functionality
The Future
Saturday, April 20, 13
SHIP IT!!!
Saturday, April 20, 13
CEO - inVnt LLCFreelance Mobile Developer
@kyleRstewart
github.com/kylestew/
Hustle
slidesha.re/XWV29m
Saturday, April 20, 13