Last Updated on August 6, 2015 by Tim
DesignCoder.io is a free, 5 hour course that shows you exactly how to design and build a real app on both native iOS and Android platforms.
This free course is split up into three sections over a three week period. You will learn how to design an app mockup in Adobe Photoshop, and then code the app in iOS *and* Android using Xcode and Android Studio.
Course Outline
Follow along with this 5 hour *free* course that will show you how to build a fictional “Speech Timer” app from design mockup, to finished native code. Gary Simon of DesignCourse.com walks you through step by step of the design process, while Vivz of slidenerd.com walks you through the coding process in Android as well as Xcode Swift.
Designing the App
1. Designing the logo
13:32
2. Designing the UI
11:36
3. Designing the OFF button state
04:33
4. Preparing assets
05:32
5. Exporting the assets
06:59
Android app development
6. Android Studio project setup
11:05
7. The layout
14:22
8. Fine tuning the layout
16:02
9. How the app works
08:44
10. How the handler works as a timer
11:29
11. Taking input from the user
11:59
12. Processing user input (concept)
04:45
13. Processing user input implementation
09:28
14. The timer
14:29
15. Fine tuning the timer
13:48
16. Stopping the timer
13:12
17. Play the tone
07:35
iOS app development
18. Xcode setup
05:33
19. The layout
11:26
20. Adding images to widgets
11:17
21. Link the storyboard to code
11:23
22. Setting a custom font
07:58
23. How the app works
07:43
24. Testing the nstimer
11:57
25. Making the timer work
09:46
26. The timer tick and stop
13:09
27. Taking input from the user
12:12
28. Processing user input
13:13
29. Play the tone
06:22
Website: designcoder.io
