Code Monkey home page Code Monkey logo

ios8_facebook's Introduction

ios8_facebook

[prototyping] Facebook iOS8 App

image

Overview

The purpose of this homework is to use Xcode to explore views and navigation of Facebook.

Milestones

  1. Setup:
  • Create a new project (disable Auto Layout). Guide
  • Add the image assets above. Guide
  • Configure the app icon and splash screen. Guide
  1. Tab Bar
  • Add a tab bar controller with 5 view controllers.
  • Embed each view controller in its own navigation controller. Set a different background color for each view controller so you can confirm the tab bar controller is working correctly.
  • Configure the titles and icons of the tab bar items.
  • Guide: Using Tab Bar Controllers
  1. Scrollable views
  • Each view controller should have an image view for the custom navigation bar and a scroll view that contains an image view for the content of the tab. Hide the navigation bar of each navigation controller.
  • Since you have to set the content size of the scroll view in code, you have to create a custom view controller for each screen (e.g., FeedViewController, MessagesViewController, etc)
  • For the FeedViewController, add an additional image view that contains the compose buttons for status, photos, and check ins.
  • Guides: Creating Custom View Controllers, Using UIScrollView
  1. Story Detail View
  • Add a invisible button to the Thrillist post that takes you to a detail page.
  • The Thrillist Detail View Controllers, should have an image view for the custom navigation bar, a scrollview for the content, and an image view for the compose.
  • Add a UIButton for "Like" and configure the title and image for the default and selected state.
  1. Posting
  • Tapping the Status, Photo, or Check In buttons from the feed page should modally present the respective compose view controllers.
  • Tapping cancel on each view controller should dismiss the view controller. Since this has to be done in code, you'll need custom view controllers for each compose screen.
  • Guide: Using Modal Transitions
  1. Bonus
  • In the story detail view, tapping in the text field should bring up the keyboard and animate the text field above the keyboard.
  • Tapping the comment button from the home feed should push the story detail view and automatically select the text field.

Time spent

6 hours spent in total

Libraries

platform :ios, '8.0'
pod 'AVHexColor', '~> 1.2.0'
pod 'Reveal-iOS-SDK'

ios8_facebook's People

Contributors

stanleyhlng avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

devgod irvbriscoe

ios8_facebook's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.