diff --git a/worksheets/appleFacts/assets/AppleFacts-step1.png b/worksheets/appleFacts/assets/AppleFacts-step1.png new file mode 100644 index 0000000..3970835 Binary files /dev/null and b/worksheets/appleFacts/assets/AppleFacts-step1.png differ diff --git a/worksheets/appleFacts/assets/AppleFacts-step2.png b/worksheets/appleFacts/assets/AppleFacts-step2.png new file mode 100644 index 0000000..49bb5bb Binary files /dev/null and b/worksheets/appleFacts/assets/AppleFacts-step2.png differ diff --git a/worksheets/appleFacts/assets/AppleFacts-step3.png b/worksheets/appleFacts/assets/AppleFacts-step3.png new file mode 100644 index 0000000..a57cc92 Binary files /dev/null and b/worksheets/appleFacts/assets/AppleFacts-step3.png differ diff --git a/worksheets/appleFacts/assets/AppleFactsDemoGif.gif b/worksheets/appleFacts/assets/AppleFactsDemoGif.gif new file mode 100644 index 0000000..710972b Binary files /dev/null and b/worksheets/appleFacts/assets/AppleFactsDemoGif.gif differ diff --git a/worksheets/appleFacts/assets/AppleImagesToAssetsFolder.gif b/worksheets/appleFacts/assets/AppleImagesToAssetsFolder.gif new file mode 100644 index 0000000..8967f04 Binary files /dev/null and b/worksheets/appleFacts/assets/AppleImagesToAssetsFolder.gif differ diff --git a/worksheets/appleFacts/assets/appleFactsDemo.gif b/worksheets/appleFacts/assets/appleFactsDemo.gif new file mode 100644 index 0000000..a9097ce Binary files /dev/null and b/worksheets/appleFacts/assets/appleFactsDemo.gif differ diff --git a/worksheets/appleFacts/assets/step1.png b/worksheets/appleFacts/assets/step1.png new file mode 100644 index 0000000..00b4495 Binary files /dev/null and b/worksheets/appleFacts/assets/step1.png differ diff --git a/worksheets/appleFacts/assets/step2.png b/worksheets/appleFacts/assets/step2.png new file mode 100644 index 0000000..c7b704f Binary files /dev/null and b/worksheets/appleFacts/assets/step2.png differ diff --git a/worksheets/appleFacts/index.md b/worksheets/appleFacts/index.md new file mode 100644 index 0000000..2997402 --- /dev/null +++ b/worksheets/appleFacts/index.md @@ -0,0 +1,62 @@ +## Apple Facts + +* Introduce Apple facts: Finished Product preview +* Do not eat disclaimer +* The aims (Steal from APPLE) +* Introduction: Most apps do not have a single screen blah +* Segue JOKE ! +* Add single Apple image button +* Segue explanation to go to a detail view +* Navigation Controller explanation (push/pop stack of plates) +* Add Navigation controller to project +* Build up template of detail view controller (image, title, description) and explain constraints +* Passing information using prepare for Segue +* Adding more apple images and configuring their segues to detail view. + +This is another series of introduction to iOS. This time we will introduce + +### What are we going to build? + +We'll be building a apple Facts app, where the user will see a list of Apple images and be able click on one and move to a single screen with more detail about that apple. + + ![finalDemo](./assets/AppleFactsDemoGif.gif) + + +### Pre-requisites + +In order to do iOS development, you will need a Mac. + +Download and install Xcode from the App Store. This may take a while — its a big program. + +### Creating a Project + +##### 1. Open Xcode and click **Create a new Xcode project**. + + ![step1](./assets/AppleFacts-step1.png) + +##### 2. Select Single View Application from the **iOS > Application list**, and click **Next** + + ![step2](./assets/AppleFacts-step2.png) + +##### 3. Fill in the project details: + +* **Product Name**: AppleFacts +* **Team**: None +* **Organization Name**: Whatever you want — your name is always a good fill-in +* **Organization Identifier**: com.(OrganizationName) + +Make sure Swift is selected as the language, and Devices is set to Universal. + +Untick the 3 boxes at the bottom. + +Click Next + + ![step3](./assets/AppleFacts-step3.png) + +##### 4. Select a sensible place to save your project, then hit **Create**. + +The first thing will be to get hold of the images we will need for our project. Click [here](https://drive.google.com/drive/folders/1kZIvWC3Mx-HrsEoC7r4WriVNxnwc6nBj?usp=sharing) to download the apple images. + +Once downloaded, drag the images into the `Assets.xcassets` folder of the project + + ![finalDemo](./assets/AppleImagesToAssetsFolder.gif)