Class Projects and Warm Ups

All Source Code & Assets

Warm Up 1: Section 3

Requirements:

Create a new Xcode project - choose a Single View Application for iOS
Turn off Landscape Right and Landscape Left. Turn on Upside Down and Portrait
Click your storyboard and drag a UILabel onto the storyboard.
Make the text on the label say, "Hello, world!"
Choose any iPhone simulator and then click the Run button to run your app

The End Result:

Your app should run and have a label on the screen that says, "Hello, world!"

Warm Up 2: Section 4

Create a function called isEven that takes one parameter of type Int.

Determine if that number is even or odd. If the number is even return true, otherwise return false.

Call the function and pass in an even number and print the result.

Call the function again and pass in an odd number and print the result.

Warm Up 3: Section 5

Create a loop that iterates 200 times starting at 1
If the value of the current iteration is a multiple of 3 print the word "Boo"
If the value of the current iteration is a multiple of 5 print the word "Ya"
If the value of the current iteration is a multiple of 3 AND a multiple of 5 print the word "BooYa"

Project 1: Building an iOS App on Your Own

(related lessons Section 2)

Overview
You are going to build an app similar to the Boom App in the video. Use the instructional video for help as your are building your application.

Requirements:

Build this app for and using the iPhone 6 simulator
Grab two images (or make your own) from the Internet, one that is Red and one that is Blue
Put those two images on the screen in the storyboard
Put two buttons on the screen/storyboard
The first button should say, "Hide Blue"
The second button should say, "Hide Red"
If the red button is pressed the red image should hide
If the blue button is pressed the blue image should hide
Turn off support for Landscape Left and Landscape Right and turn on support for Upside Down and Portrait

End Result

If you've built the app correctly, when you press the Run button to run your app on the simulator, you should see a red image, a blue image, and two buttons. Tapping the buttons once each will hide each corresponding image. You will have to restart the app from Xcode to see those images again.

Your final app could look similar to this:

4caf4171

See File: Section 02 Exercise 01 Solution (70.8 kB)

Project 2: Variable Operations
(related lessons Section 2)

Simple Math Operations In Swift

Using Swift and an Xcode Playground you are going to perform some simple math operations.

Requirements:

Create a variable with a name of your choosing that has a value of 15
Create a 2nd variable with a name of your choosing that has a value of 5
Create a 3rd variable that stores that sum of the 1st and 2nd variables (20 should print to the screen)
Create a 4th variable that stores the result of a multiplication operation - the stored result should be equal to 45
Create a 5th variable that stores the result of the 1st variable minus the 2nd variable - the result should be 10
Create a 6th variable that stores the result of the 1st variable divided by the 2nd variable - the result should be 3
Create 3 new variables of any name and of any value, but all on the same line
Create 3 constants (let) of any name and of any value, but all on the same line
Create an explicit variable of any name of type Double and don't give it any value
Create another explicit variable of any name of type Int but DO give it an initial value of 423
Create a variable of type String with a value of "Hello"
Create another variable of type String with a value of "World"
Create a 3rd variable to store the result of concatenating the first two strings (using the + symbol)
Using that 3rd variable again, store the result of concatenating the first two string but instead using "\(someVar)" syntax

See File: Section 01 Exercise 02 Solution Playground (7.9 kB)

Project 3: Functions
(related lessons Section 3)

Requirements:

Create a new Xcode Playground
Create a function named add that takes two parameters of type Double and returns the sum of the two numbers
Create a function named subtract that takes two parameters of type Int and returns the difference of the two numbers
Create a function named multiply that takes two parameters of type Float and returns the product of the two numbers
Create a function named divide that takes two parameters of type Double and returns the result of dividing the first parameter by the second
Call those functions and pass different values into the parameters - ensure they are producing the correct results

See File: Exercise Functions Solution Playground (7.6 kB)

Project 4: Auto Layout
(related lessons Section 3)

Use the video on Auto Layout to solve this exercise. Build a layout that looks like these images on the various screen sizes:

92a3934c

Use whatever colors you want. You will want to use constraints to achieve the desired result. There is more than one way to do this.

See File: Exercise Layout Constraints Solution (54.4 kB)

Project 5: Multiples App
(Exercise video)

See Exercise - Multiples App in Section 3

See Files:
Exercise 05 Art (66.2 kB)
Exercise 05 Multiples Source (124.7 kB)

Project 6: Arrays & Loops
(related lessons Section 4)

Create an empty array of type Int called oddNumbers
Using a standard for loop add all odd numbers less than or equal to 100 to the oddNumbers array
Create a second array called sums of type Int
Using a for each loop, iterate through oddNumbers array and add the current iteration value + 5 to the sums array
Using a repeat while loop, iterate through the sums array and print "The sum is: x" where x is the current value of the iteration (ie The sum is: 15)

In the end, if done correctly, the sums array should print as follows:

eea26f83

See File: Exercise Arrays Loops Solution Playground (8.1 kB)

Project 7: Stack Views
(related lessons 4)

Build a layout that looks identical to this using stack views:

d32eb787

The graphic files are attached in the resources section.

Attribution:

https://thenounproject.com/search/?q=post&i=181380
https://thenounproject.com/search/?q=inbox&i=14972...
https://thenounproject.com/search/?q=heart&i=96615

See Files:
Stackview Exercise Graphics (104.0 kB)
Stackview Exercise Solution (168.8 kB)

Project 8: Enhancing our Calculator
(Exercise video)

See Exercise - Enhancing our Calculator

See File: Retro Calc Exercise Graphics (196.1 kB)

Project 9: Enhancing Your Gigapet
(related lessons Section 5)

Let's take our barely functional Gigapet and make it better!

Requirements:

Create a way to restart the game (replay button or your choice) when the Gigapet dies - he should get full health, and come back to life (find your own graphic for this button)
Create a view that only loads when the app first starts that allows you to pick between two characters (use the attached graphical resources for that). Whatever character picked is the one that is used in the game until the app is closed and re-opened
Create a 3rd item that the Gigapet needs randomly - obedience - find your own graphic for this item
Based on which character is selected change the scenery to match that character (pick your own graphics from the attached graphical resources)

See Files:
Assets Scenery (1.5 MB)
Assets Characters (8.3 MB)

Project 10: Size Classes
(related lessons Section 6)

Use Auto Layout & Size Classes to create the following layouts:

iPad Landscape

iPhone Landscape (All phones - should not cut off views)

Portrait - All iPhones and all iPads in Portrait

Project 11: No Storyboards
(related lessons Section 6)

Create an app without storyboards (from memory if possible!)

Must have 3 view controllers
Must not use storyboards (launch screen storyboard is fine)
App Delegate must load first view controller
First view controller must programmatically load the 2nd view controller (You can use IBAction if you want)
The second view controller must programmatically load the 3rd view controller (You can use IBAction if you want)
The second and third view controllers should have a back button that takes the user to the previous view controller

Project 12: Your Own Favorite Place
(related lessons Section 6)

Create your own version of Favorite Place that is actually about your favorite place!!

Requirements

Must have a main screen that has a full screen image of your favorite place
Main screen must have two buttons or controls that can take you to two different view controllers
- The first button should be entitled, "About [my place]" (ie About Yucca Valley)
- The second button should be entitled "Photos"
The About My Place screen should have at least:
- One photo of the place strategically placed (wherever you want)
- Population
- Brief history
- Description
- Things to do
- Back button to go back to main screen
The Photos view controller should have at least:
- 5 UIImageViews with photos of that place
- And a back button to take you back to main screen
All screens must support:
- Portrait
- Landscape
- iPad
Use Size Classes to make sure your app looks good on all screen sizes
Submit exercise to github
Post screenshots/github links of finished work here:http://community.devslopes.com/category/25/student...

For design inspiration see here:

https://www.pinterest.com/johnpozy/ios-app-design-...

Project 13: Favorite Movies
(related lessons Section 7)

Create an app that shows a list of your favorite movies

Requirements

Create your own logo for this app (You can use http://textcraft.net/ if desired)
The main screen/view controller will show a list of your favorite movies
- Each Table Cell will show an image with rounded corners, a title, a description of why you like the movie, and a link to the movie on IMDB
When you click a list item it will take you to the details view controller
The details view controller:
- Will show a bigger image of your favorite movie, your title, your description, the imdb link, and an additional field that shows the plot of the movie as provided by IMDB
- Will have a back button
- The fields on this screen are not editable
There will be an "Add" or "+" button on the main screen that allows you to add a new favorite movie
The new favorite movie screen/view controller:
- Will allow the user to enter a title, a description, the IMDB url, the IMDB plot description, and an image
- It will have a save button to save the movie
- It will have a cancel button to take you back to the main screen
When you add a new movie it shows up instantly on the list on the main screen
You can choose between NSUserDefaults or Core Data to store your data
Submit the finished app to Github
Post screenshots/github links of finished work here: http://community.devslopes.com/category/25/student...
Make sure to use colors and style your app

Here are some links for design inspiration:

Here is the IMDB website url:

http://www.imdb.com/

Project 14: Weather App
(related lessons Section 9)

Create your own weather app that displays the current weather for today.

Requirements:

Sign up for open weather API and read their documentation here:
- http://openweathermap.org/current
Using Alamofire or NSURLSession connect to the API and download data (You might want to test out GET requests with Postman first)
Parse the incoming JSON
Show a graphically pleasing weather app that shows the weather for your current location (you can hard code your location in)
Use https://thenounproject.com/ for icons/graphics
Submit your project to Github
Post your finished app images/urls to: http://community.devslopes.com/category/25/student...

The end result might look like this:

Project 15: Expanding Your Social Network App
(Exercise video)

See video "Expanding Your Social Network App"

Project 16: Submit Your App to the App Store!!!(related lessons Section 12)

SUBMIT ONE OF YOUR APPS TO THE APP STORE!!! :D

All Source Code & Assets

Pedro Miguel Soares

32

102