Don't like this style? Click here to change it! blue.css
Ok my story is in several shotgun parts, clearly not trying to go deep but to give you tools you might want to consider as you inevitably need to make more than just web apps for your clients:
Alright I'm not going to write 8 micro lectures for our 50 minutes today or anything like that, my goal is perhaps already accomplished if I have taught you how to teach yourself a new tech (CTFs and projects) and given you the google search term to get you going. At this point in the lecture you should now be able to explore each of these, make a hello world, present to a stakeholder your solution and why, etc.
But sometimes the meta-cognition takes longer to take hold than I would like as an empowerer of young students so I'll get you to demo a bit for yourself in order to increase your likelihood of jumping in bravely.
So you can, within your existing website, access Accelerometers, GPS, Cameras, Microphones, Touch Events, Resizes, Rotation Events, etc.
So play with these things here are some code demos:
I challenge you to a game of Mona-Lisa Smile: Head to this demo: https://eyealwaysfeellike.com/ It can read the emotions on your face. Your job is to take a screen shot where the AI believes you are happy but that will get the class to vote that you're actually sad. An emotional Turing test if you will.
I'll put prof.ninja/pong up on the screen and someone with an android smartphone can go to prof.ninja/paddle and play against the AI (on my big screen)
I spent time improving a cool game this morning: irl-minesweeper.web.app I've dropped a secret pin on campus, your job is to echo locate the secret.
I don't need to say much more than this but all apps have access to a browser too, so you can often just embed your responsive app into a native app and win the day already.
HW: Do a hello world using cordova which will take your js code and build it into a native Android or iOS app.
Let's do the Hello World with Expo. There are two ways forward, you can just install from CLI and have an emulator, OR you can get the expo app and use something like https://docs.expo.io/ (I recall using https://snack.expo.io/) and QR codes to demo your app on your phone while you develop. Let's do that one.