JAVASCRIPT
SKILL DEFINITION & VOCABULARY
What is coding used for?
Just about...everything nowadays. Coding not only allows you to explore different careers, it teaches you different problem-solving strategies. For example, the ability to program a simple "if, then" statement can transform your every day mundane routines into efficient coding loops. Explore for more information here...ifttt.com
Learn how to code
GO TO CODE.ORG
Click Sign In on the top right
3. Click Continue with Google
4. Sign in with your School account
First, let's look at A3: Existing products with your teams to see what types of apps can be made using App Lab.
Practice designing the look at feel of a sample app using these tutorials:
Existing Apps (Lesson 1)
Design Mode in App Lab (Lesson 2)
Intro to Programming (Lesson 6)
Debugging (Lesson 7)
Look at the Design Specifications given to you on B1 in your Design Worksheet.
Wireframe a prototype of your app's screens that will include the elements required by the Design Specifications using Framer.com and add this to B3. Click here for example wireframes
Share your prototype with your group for feedback and testing
Build a Digital Prototype in Design mode and link your screens
Now that you know what your app is going to look like, let's finalize our A4 Skills Research section in the Design Worksheet and investigate how to code some more elements! Check out the App Lab Knowledge Hub below for some resources...
AppLab Resources
Use and contribute to the Code.org Knowledge Hub.
SDG #1: Poverty Information & Quiz, The Hero of SDG#1: No Poverty , Picking up the Poor
SDG #3: How's your Health Today? / DDD / EcoHealth
SDG #4: Roblox School, V-EDU / Learn Vietnamese & English / EDU Vietnam / Make-A-Band
SDG #6: Showering 101
SDG #11: Cleaner Drop of Air
SDG #13: Hanoi's AQI
SDG #15: Recycle Cycle / Regal Rescue
SKILLS RESEARCH
Note that the majority of your Skills Research has been filled in because we have learned the Design and Code mode within the Intro to App Design Unit on Code.org already. The only area for further research is if there are activities your client likes that you have not yet learned how to code. Explore the AppLab Knowledge Hub to see if students from previous years found tutorials on how to add different types of games that might appeal to your client... Here is a PADLET
CLIENT RESEARCH
In this unit, your Client Research questions have been created for you to scaffold your research development and give you more time to focus on learning the Skills Research necessary to complete the mobile phone application in time.
Client Research focuses primarily on the needs of your target audience. Since our audience is within the UNIS Community, we will explore how that community views the SDGs using Empathy Maps.
Other Coding Tools
Code Combat
Code Combat is a great gamified way of learning either Python or Javascript. Battle your way through enemies and learn about loops and variables along the way.
Metaverse AR
Create your own Augmented Reality app! It's a great way to start learning to wireframe as well.
Thunkable
Drag and drop block coding app that makes development much easier. Start to make an app immediately and use the tutorials provided.
App Lab
Use the Building Apps tutorials to get you up to speed with your Javascript. Create applications and explore how to program a WebApp that will work on any device.