ios: building more with less

Post on 31-Aug-2014

468 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

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

cocoapods.org

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

dribbble.com/api

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

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

top related