{"id":2337,"date":"2025-07-11T08:39:49","date_gmt":"2025-07-11T08:39:49","guid":{"rendered":"https:\/\/people.utm.my\/nurhazwani\/?p=2337"},"modified":"2025-07-14T02:36:08","modified_gmt":"2025-07-14T02:36:08","slug":"dear-future-me-we-can-code-now-using-canva-code","status":"publish","type":"post","link":"https:\/\/people.utm.my\/nurhazwani\/2025\/07\/11\/dear-future-me-we-can-code-now-using-canva-code\/","title":{"rendered":"Dear Future Me, We Can Code Now (using Canva Code)"},"content":{"rendered":"\n<p class=\"has-text-align-left wp-block-paragraph\">It was a last-minute decision to sign up for Skolar\u2019s July Canva Code Bootcamp (CCB July), and let me tell you, I do not regret a single cent spent. The main reason I decided to join was because I had previously tried navigating Canva AI to build my own apps, but got stuck halfway. The more CCB reminders I saw, the more tempted I became. So I thought, why not scratch that creative itch?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The two-day bootcamp left me completely bamboozled, in the best possible way. I was already impressed by the results on Day 1. But Day 2? That took things to a whole new level. Both expert speakers, Dr. Tazli Azizan and Don Skolar from Skolar, opened what I can only describe as a digital Pandora\u2019s box. They didn\u2019t just teach, they revealed a whole new world of possibilities. And no, I\u2019m not exaggerating.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>8 July &#8211; Wizarding Our Way to App Creation Using Canva Code<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-211359.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-211359-1024x484.png\" alt=\"\" class=\"wp-image-2338\" srcset=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-211359-1024x484.png 1024w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-211359-300x142.png 300w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-211359-768x363.png 768w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-211359-624x295.png 624w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-211359.png 1248w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If there\u2019s one major takeaway from Day 1, it\u2019s this: I can be vulnerable and conversational with ChatGPT to help brainstorm app ideas. GPT becomes our creative partner in crime, helping us refine prompts until we are ready to bring them to life. The process goes something like this:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Brainstorm with ChatGPT \u2192 Copy and paste the prompt into Canva AI (Code for Me) \u2192 Let Canva do its magic \u2192 Refine as needed \u2192 Publish.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-205753-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-205753-1-1024x615.png\" alt=\"\" class=\"wp-image-2340\" srcset=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-205753-1-1024x615.png 1024w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-205753-1-300x180.png 300w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-205753-1-768x461.png 768w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-205753-1-624x375.png 624w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-08-205753-1.png 1136w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-11-161458.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"388\" src=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-11-161458-1024x388.png\" alt=\"\" class=\"wp-image-2341\" srcset=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-11-161458-1024x388.png 1024w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-11-161458-300x114.png 300w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-11-161458-768x291.png 768w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-11-161458-624x236.png 624w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-11-161458.png 1333w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">The earlier parts were conversational<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Tadaa: <a href=\"https:\/\/waniesk.my.canva.site\/halal-restaurant-picker-app-for-johor-bahru\">NAK MAKAN MANA EK?<\/a> &amp; <a href=\"https:\/\/waniesk.my.canva.site\/let-us-write\">LET&#8217;S WRITE<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It sounds fancy because it is. With better prompt crafting, the sky\u2019s the limit. Sure, there\u2019s room for improvement, but honestly, this is already a great head start. With continued practice and maybe new tools on the horizon, I believe I can create even more engaging apps for my teaching and learning needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>9 July &#8211; Connecting App with a Database<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now this is where things got spicy, and a little tricky. We learned how to set up a database using Google Sheets and link it to our Canva Code apps using Google Apps Script. I started off following along just fine, but eventually, I got lost in the steps. Rather than panic, I decided to just observe and absorb what was being demonstrated.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I won\u2019t go into the technical details here, mostly because I need more practice. But one thing is for sure, teaching and learning are about to get a lot more interesting.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-09-204905.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-09-204905-1024x504.png\" alt=\"\" class=\"wp-image-2342\" srcset=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-09-204905-1024x504.png 1024w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-09-204905-300x148.png 300w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-09-204905-768x378.png 768w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-09-204905-624x307.png 624w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-09-204905.png 1491w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">The three pillars of hope <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-10-094325.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" src=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-10-094325-1024x529.png\" alt=\"\" class=\"wp-image-2343\" srcset=\"https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-10-094325-1024x529.png 1024w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-10-094325-300x155.png 300w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-10-094325-768x397.png 768w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-10-094325-1536x794.png 1536w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-10-094325-624x323.png 624w, https:\/\/people.utm.my\/nurhazwani\/wp-content\/uploads\/sites\/907\/2025\/07\/Screenshot-2025-07-10-094325.png 1871w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">After 1000 tries, I succeeded! But, data captured was still faulty.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Final Thoughts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">I joined CCB July with curiosity, but I left with renewed sense of hope. Enough to keep me going for 20 years+ or so.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If this is only the beginning, I can\u2019t wait to see what\u2019s next.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It was a last-minute decision to sign up for Skolar\u2019s July Canva Code Bootcamp (CCB July), and let me tell you, I do not regret a single cent spent. The main reason I decided to join was because I had previously tried navigating Canva AI to build my own apps, but got stuck halfway. The [&hellip;]<\/p>\n","protected":false},"author":4959,"featured_media":2344,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62,5],"tags":[53,56,57],"class_list":["post-2337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-misswanie","category-teaching","tag-englishwithmisswanie","tag-gamification","tag-lifeasateacherinutm-2"],"_links":{"self":[{"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/posts\/2337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/users\/4959"}],"replies":[{"embeddable":true,"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/comments?post=2337"}],"version-history":[{"count":5,"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/posts\/2337\/revisions"}],"predecessor-version":[{"id":2352,"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/posts\/2337\/revisions\/2352"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/media\/2344"}],"wp:attachment":[{"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/media?parent=2337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/categories?post=2337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/people.utm.my\/nurhazwani\/wp-json\/wp\/v2\/tags?post=2337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}