{"id":21,"date":"2025-03-27T14:56:42","date_gmt":"2025-03-27T21:56:42","guid":{"rendered":"https:\/\/blogs.ubc.ca\/dmdl\/?page_id=21"},"modified":"2025-09-17T12:32:40","modified_gmt":"2025-09-17T19:32:40","slug":"the-course","status":"publish","type":"page","link":"https:\/\/blogs.ubc.ca\/dmdl\/the-course\/","title":{"rendered":"The Course"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull has-custom-content-position is-position-bottom-center is-light wp-duotone-grayscale\" style=\"padding-top:0px;padding-bottom:150px;min-height:590px;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-999999\" alt=\"\" src=\"https:\/\/blogs.ubc.ca\/dmdl\/wp-content\/themes\/michelle\/assets\/images\/starter\/16to9.png?ver=v1.5.8\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer has-15vmax-min-height\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center\">Digital Media &amp; Data Literacy<\/h1>\n\n\n\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Learn About Digital Media &amp; <br>Data Literacy<\/h2>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:75%\">\n<p class=\"has-text-align-center has-large-font-size\">This entry-level course will support participants in their daily lives as they use, consume, interact with and craft media.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><br><\/p>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js is-open\" data-initially-open=\"true\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h3 id=\"at-210\" class=\"c-accordion__title js-accordion-controller\" role=\"button\">Introduction<\/h3><div id=\"ac-210\" class=\"c-accordion__content\">\n<h4 class=\"wp-block-heading\">What do you currently know about digital media and data literacy? Write an informal definition, in your own words. <\/h4>\n\n\n\n<p>Instructions: Share your response to the question above in the Padlet space below. To make a post, click on the plus sign (+) icon in the lower-right corner. Write your response in the pop-up window. Once finished, click the &#8220;submit&#8221; button to post.<\/p>\n\n\n\n<div class=\"padlet-embed\" style=\"border:1px solid rgba(0,0,0,0.1);border-radius:2px;box-sizing:border-box;overflow:hidden;position:relative;width:100%;background:#F4F4F4\"><p style=\"padding:0;margin:0\"><iframe src=\"https:\/\/padlet.com\/embed\/i878fyns3439bj0b\" frameborder=\"0\" allow=\"camera;microphone;geolocation;display-capture;clipboard-write\" style=\"width:100%;height:608px;display:block;padding:0;margin:0\"><\/iframe><\/p><div style=\"display:flex;align-items:center;justify-content:end;margin:0;height:28px\"><a href=\"https:\/\/padlet.com?ref=embed\" style=\"display:block;flex-grow:0;margin:0;border:none;padding:0;text-decoration:none\" target=\"_blank\"><div style=\"display:flex;align-items:center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/padlet.net\/embeds\/made_with_padlet_2022.png\" width=\"114\" height=\"28\" style=\"padding:0;margin:0;background:0 0;border:none;box-shadow:none\" alt=\"Made with Padlet\"><\/div><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-initially-open=\"false\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h3 id=\"at-211\" class=\"c-accordion__title js-accordion-controller\" role=\"button\">Module 1<\/h3><div id=\"ac-211\" class=\"c-accordion__content\">\n<h4 class=\"wp-block-heading\">Understanding Digital Ecosystems &amp; Online Environments<\/h4>\n\n\n\n<p class=\"has-background\" style=\"background:linear-gradient(135deg,rgb(245,222,154) 0%,rgb(243,147,78) 100%)\"><em><strong>Learning Outcome:<\/strong> Understand the dynamics of the digital ecosystem and online environments, such as social media, news platforms, and e-commerce<\/em> and comprehend one&#8217;s own entanglement with digital ecosystems.<\/p>\n\n\n\n<p><strong>Digital ecosystems<\/strong> are designed for the ideal user; one that is knowledgeable and trusting of technology, who has regular access to the Internet and devices (e.g., smart phone, tablet and\/or computer). This user is likely to readily explore the ecosystem and feel confident in making choices around behaviours such as what to click &#8220;ok&#8221; to. For users who are new\/lack knowledge and\/or practice with the Internet and devices will experience a digital ecosystem quite differently. There are a number of behaviours that are designed into the system (e.g., click patterns, button styles, colour significance) that are so baked into the user experience, that seasoned users tend to take for granted. A new user lacks confidence when navigating ecosystems. There might be facets of a digital ecosystem that are not designed for everyone to access (e.g., no closed captions on instructional videos, a webpage cannot be explored by tabbing through it, and no alternative text on images).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/06\/pexels-fauxels-3183150-1024x683.jpg\" alt=\"Top view of people sitting around a wooden table with their laptops and tablets.\" class=\"wp-image-208\" style=\"width:655px;height:auto\" srcset=\"https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/06\/pexels-fauxels-3183150-1024x683.jpg 1024w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/06\/pexels-fauxels-3183150-300x200.jpg 300w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/06\/pexels-fauxels-3183150-768x512.jpg 768w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/06\/pexels-fauxels-3183150-717x478.jpg 717w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/06\/pexels-fauxels-3183150.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Image: <a href=\"https:\/\/www.pexels.com\/photo\/top-view-photo-of-people-near-wooden-table-3183150\/\">Pexels.com<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<p><strong>Digital ecosystems<\/strong> are a collection of websites, applications and devices that are interconnected through data sharing. By sharing user data, organizations can gain a better understanding of user preferences and curate advertising, social media and news content that are related (ID Digital Agency, n.d.). When an organization has a unified experience across its website, social media platforms, and advertising, it\u2019s going to positively influence the user experience and potentially drive growth (e.g., a sale, a new \u201clike\u201d or \u201cfollow\u201d, an email subscription).<\/p>\n\n\n\n<p>The <strong>digital ecosystem<\/strong> was not created by accident; it exists out of a strategy to gain user trust and buy-in (ID Digital Agency, n.d.). Microsoft, Google, and Apple are examples of companies who have carefully designed digital ecosystems that encourage users to use their products, offering a seamless, unified user experience. For example, if you use an Apple smartphone, it comes with Apple applications, and you might also have an Apple email account. Eventually, using this suite of products will become more familiar and comfortable for you because they are visually and functionally designed to feel relative to one another.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"What is a Digital Ecosystem?\" width=\"1474\" height=\"829\" src=\"https:\/\/www.youtube.com\/embed\/0dSkdemAScs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Types of Online Environments and Their Interests <\/h4>\n\n\n\n<p>Mobile applications, ecommerce (online shopping) websites, news websites, advertising, and social media are all interconnected in digital ecosystems separately and between each other through sharing data. Some ecosystems are interested in identifying your taste in fashion, food, and products; others are interested in what you like to read or listen to, or what your political beliefs are. Digital ecosystems are more successful when they collect lots of accurate data on their users and have a wide variety of products\/services\/websites. Amazon utilizes the digital ecosystem strategy to expand their reach and level of integration into users&#8217; lives (Petritski et al., 2023).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdn.prod.website-files.com\/63c11ebd44d4cf6e98ece5aa\/660bd7cb9f9b8834c023d6fb_Amazon%20digital%20ecosystem%20map.webp\" alt=\"Amazon's ecosystem includes a huge array of websites, products and services.\"\/><figcaption class=\"wp-element-caption\">Amazon&#8217;s ecosystem includes a huge array of websites, products and services. Image via <a href=\"https:\/\/www.heyinnovations.com\/resources\/digital-ecosystems\">Hey Innovations<\/a>.<\/figcaption><\/figure>\n\n\n\n<p>Some examples of digital ecosystems:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/globemediagroup.ca\/\">The Globe Media Group<\/a> (of The Globe and Mail)<\/li>\n\n\n\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/Apple_ecosystem\">Apple Inc.<\/a> (of Mac, iPhone, Apple Watch&#8230;)<\/li>\n\n\n\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/Meta_Platforms\">Meta Platforms, Inc.<\/a> (of Facebook, Instagram&#8230;)<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Understanding Digital Ecosystems and Decision-making<\/h4>\n\n\n\n<p>As users navigate and interact with different online environments, their interactions with the digital ecosystems create a trail of data. The data collected by companies is not all for the purposes of surveillance; which is a quick and common conclusion to jump to. This data is used for positive purposes for both users and corporations, such as provide insights to developers through submitted error reports when your device or application crashes, or using data to innovate new products and technology (Hey Innovations).<\/p>\n\n\n\n<p>What a user <em>clicks<\/em> on a website, <em>likes<\/em> on social media, pauses to <em>read<\/em> or <em>listen<\/em> to, or <em>says<\/em> to Alexa, all supports the goals and strategy of digital ecosystem. Considering user behaviour leaves behind <strong>footprints<\/strong> of data, online user engagement is not exactly empty, aimless activity. Since user interactions hold relevance to corporations because the value of the data generated and collected; there is reason for users to be mindful as they navigate online. For example, a user searches \u201cfunny cat videos\u201d on YouTube, that application is going to suggest more funny cat videos, or related content\u2014maybe the user doesn\u2019t want to see more of that topic. Together, the platforms and devices within the ecosystem create a valuable, useful web of information. Our daily lives are intertwined with devices, the Internet, applications, and technology; and we can choose how connected we truly want to be with that technology.<\/p>\n\n\n\n<p><strong>Watch the video below and consider the question: <\/strong>How do you feel about your level of interconnection with technology?<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Digital Wellbeing: Technology and our daily lives\" width=\"1474\" height=\"829\" src=\"https:\/\/www.youtube.com\/embed\/L7rB_Iwlh8M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"border-style:none;border-width:0px;border-radius:0px\">Check Your Understanding<\/h4>\n\n\n\n<p>Reflect on what an average day is for you and how many digital ecosystems you interact with. Think about the type of device(s) you\u2019re using, the applications that get opened, websites visited, and passwords input. Write down all encounters in a list. <em>Are you surprised by the number of touchpoints that you have with technology throughout a single day?<\/em> <\/p>\n\n\n\n<p><strong>Share the total number of items you wrote down in the Padlet below.<\/strong> (Optional: share the list of technologies\/media too).<\/p>\n\n\n\n<div class=\"padlet-embed\" style=\"border:1px solid rgba(0,0,0,0.1);border-radius:2px;box-sizing:border-box;overflow:hidden;position:relative;width:100%;background:#F4F4F4\"><p style=\"padding:0;margin:0\"><iframe src=\"https:\/\/padlet.com\/embed\/ew1qaok30i414iyh\" frameborder=\"0\" allow=\"camera;microphone;geolocation;display-capture;clipboard-write\" style=\"width:100%;height:608px;display:block;padding:0;margin:0\"><\/iframe><\/p><div style=\"display:flex;align-items:center;justify-content:end;margin:0;height:28px\"><a href=\"https:\/\/padlet.com?ref=embed\" style=\"display:block;flex-grow:0;margin:0;border:none;padding:0;text-decoration:none\" target=\"_blank\"><div style=\"display:flex;align-items:center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/padlet.net\/embeds\/made_with_padlet_2022.png\" width=\"114\" height=\"28\" style=\"padding:0;margin:0;background:0 0;border:none;box-shadow:none\" alt=\"Made with Padlet\"><\/div><\/a><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Reflect on your own relationship, reliance or entanglement with these digital ecosystems. Are you surprised by the number of contact points that you have in a day? Are you more reliant on these ecosystems, on technology, more than you thought you were? Reliance or entanglement is not necessarily a bad thing, but having an awareness of it can be helpful in understanding our individual relationship with technology.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-initially-open=\"false\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h3 id=\"at-212\" class=\"c-accordion__title js-accordion-controller\" role=\"button\">Module 2<\/h3><div id=\"ac-212\" class=\"c-accordion__content\">\n<h4 class=\"wp-block-heading\">Online Safety, Data &amp; Privacy<\/h4>\n\n\n\n<p class=\"has-background\" style=\"background:linear-gradient(135deg,rgb(245,222,154) 0%,rgb(243,147,78) 100%)\"><strong>Learning Outcomes:<\/strong> Understand the fundamentals of online safety, data privacy, and the handling of personal data by algorithms. And make informed decisions regarding online activities based on an understanding of digital rights and responsibilities.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">A Basic Explanation of Data and Algorithms<\/h4>\n\n\n\n<p>The term <strong>data<\/strong> can mean different things in different contexts. For simplicity, we&#8217;re referring to the <strong>data that is shared in everyday life<\/strong>; for example, on social media platforms, when performing a Google search, shopping online (buy or browse), or using ChatGPT. What we click and view, type, and even say (if your device settings enable application listening), becomes information (data) that is sent back to the application or website that you are using. <\/p>\n\n\n\n<p><strong>Algorithms<\/strong> are complex mechanisms that use data to make rapid decisions to curate your browsing experience based off of your interests previously identified by what you clicked, typed and what you&#8217;ve visited and viewed. Algorithms can help you find content or websites that you have previously visited, and recommend related content; this can be very helpful.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/08\/pexels-kindelmedia-7688658-edited-1024x576.jpg\" alt=\"Five people looking at their smartphones sitting on a bench underneath a tree.\" class=\"wp-image-285\" srcset=\"https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/08\/pexels-kindelmedia-7688658-edited-1024x576.jpg 1024w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/08\/pexels-kindelmedia-7688658-edited-300x169.jpg 300w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/08\/pexels-kindelmedia-7688658-edited-768x432.jpg 768w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/08\/pexels-kindelmedia-7688658-edited-1536x864.jpg 1536w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/08\/pexels-kindelmedia-7688658-edited-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Image: <a href=\"https:\/\/www.pexels.com\/photo\/people-using-their-smartphones-while-sitting-on-a-bench-7688658\/\">Pexels.com<\/a><\/figcaption><\/figure>\n\n\n\n<p>It&#8217;s not magic that after Googling camping tents, you are now seeing advertising for camping tents while scrolling through Facebook or viewing a news website. Your interest has been tracked and now you will be marketed to; suddenly, your browsing experience may feel not so private.<\/p>\n\n\n\n<p><strong>The video below explains the impact algorithms can have on what content you experience or miss out on.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Social media algorithms explained | CBC Kids News\" width=\"1474\" height=\"829\" src=\"https:\/\/www.youtube.com\/embed\/F5tz887wXCY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Your Data Footprint<\/strong><\/h4>\n\n\n\n<p><strong>Algorithms<\/strong> are very helpful for users and really shape our online experience. However, it is important to remember the purpose of data collection. Yes, it positively influences our browsing experience, but an organization develops a detailed &#8220;picture&#8221; of a user with the data they collect. Our data informs algorithms of our interests and lifestyle, creating a &#8220;picture&#8221; of who we are. As we travel around the Internet to various websites and applications, we&#8217;re actively creating a <strong>data footprint<\/strong>; a trail of clues that informs algorithms of what to show us and what not to.<\/p>\n\n\n\n<p>You can take some control by<strong> reviewing the settings<\/strong> on your device and applications. Storing system\/application preferences do improve the user experience, but you could consider opting out of optional preferences (e.g., view your <strong>web browser data <\/strong>sharing settings, the option of sharing of <strong>habitual data<\/strong>, and\/or the option to show curated advertising etc.).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"border-style:none;border-width:0px;border-radius:0px\">Check Your Understanding<\/h4>\n\n\n\n<p>Let&#8217;s identify opportunities in a tool\/application\/website, that you currently use, to minimize data sharing. Optional: implement those changes now, later or not\u2014that&#8217;s up to you. <\/p>\n\n\n\n<p>Choose a user profile that you have, it might be: Google, Apple, Microsoft, Amazon, Instagram, Facebook. LinkedIn, etc. Accounts that are part of a large digital ecosystem tend to have more functions to opt-in and opt-out of. Follow the general steps below:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select a user account on a tool\/application\/website.<\/li>\n\n\n\n<li>Navigate to your user profile.<\/li>\n\n\n\n<li>Find the section within system preferences\/settings where you can control: notifications, privacy, data, emails, advertising, and\/or third-party application access.<\/li>\n<\/ol>\n\n\n\n<p>This exercise is a great opportunity to explore what is \u201cunder the hood\u201d of your user profile. Exploring the settings means reading details that you may not be familiar with or understand. There might be discomfort that comes with exploring new territory and that\u2019s totally okay. Did you find settings or functions that you\u2019d like to disable? Consider how you engage with technology and if changing these settings would suit your needs and comfort level better.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-initially-open=\"false\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h3 id=\"at-213\" class=\"c-accordion__title js-accordion-controller\" role=\"button\">Module 3<\/h3><div id=\"ac-213\" class=\"c-accordion__content\">\n<h4 class=\"wp-block-heading\">Effective Use of Digital Tools and Creative Self-Expression + Innovation &amp; Discovery and Finding Community<\/h4>\n\n\n\n<p class=\"has-background\" style=\"background:linear-gradient(135deg,rgb(245,222,154) 0%,rgb(243,147,78) 99%)\"><strong>Learning Outcomes:<\/strong> Effectively use a range of digital tools and applications to engage with digital media in various contexts. Develop skills for creative self-expression using digital media platforms and tools that are socially and ethically responsible. Grow individual empowerment through learning and identifying opportunities for collaboration and thoughtful connection in communities.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Coding and Website Design: Visual Design for Trust and Creativity<\/h4>\n\n\n\n<p> At first glance, a <strong>website or application<\/strong> (app) can look very sophisticated and complex if you don&#8217;t know how they are made. First impressions are important, and for website\/application design, that could mean making or breaking a user&#8217;s trust within seconds based off of the visual appearance of it. <strong>Making a website look legitimate, trustworthy and &#8220;real&#8221; is not difficult to do<\/strong>. We&#8217;ll touch on this topic of trust in <em>Module 4: Mis- and Disinformation<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0070\/7032\/articles\/beautiful_20websites.png?v=1741706179\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0070\/7032\/articles\/beautiful_20websites.png?v=1741706179\" alt=\"A concept of a home page of a website, by Shopify, with a large mouse cursor hovering over the centre image.\"\/><\/a><figcaption class=\"wp-element-caption\">Image: <a href=\"https:\/\/www.shopify.com\/ca\/blog\/11863377-30-beautiful-and-creative-ecommerce-website-designs\">Shopify.com<\/a><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">The Building Blocks of a Website<\/h4>\n\n\n\n<p><strong>A website&#8217;s visual appearance and function are made up of three core elements: HTML code, CSS and Javascript.<\/strong> <strong>HTML <\/strong>(Hyper Text Markup Language) is the structure of the website, like the walls and roof of a house. <strong>CSS <\/strong>(Cascading Style Sheets) are the cosmetic styling of the website, like wall paint and decor. And <strong>Javascript<\/strong> is a programming language that allows for dynamic and interactive content on a website, such as the appliances and HVAC system within a house. THis is an ultra-simple explanation of a website&#8217;s building blocks. There are website development websites that don&#8217;t require you to know HTML, CSS or Javascript which makes creating your own website much more accessible.<\/p>\n\n\n\n<p>On the Internet, there are lots of tools available to help anyone make a website without any coding skills. These are referred to as <strong>&#8220;no-code&#8221; tools<\/strong>. In addition, asking a generative AI tool (e.g., ChatGPT, Perplexity) for help with writing code is a creative and practical use of AI technology.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Try Coding HTML <\/strong>(<em>Optional Activity):<\/em> <\/h5>\n\n\n\n<p>Learning to code is a creative endeavor that anyone can learn; you don\u2019t need a background in science or math to understand code. Go to <a href=\"https:\/\/coddy.tech\/\">Coddy.Tech<\/a> to experiment with writing some basic HTML code. It will guide you through the steps and help you if you get stuck.<\/p>\n\n\n\n<p><strong>The video below discusses why you might want a personal website, how to create one, and what to do with it.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How To Build A Website in 2025\" width=\"1474\" height=\"829\" src=\"https:\/\/www.youtube.com\/embed\/acBJsjCqgtM?start=9&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Digital Tools for Exercising Creativity and Finding Community<\/h4>\n\n\n\n<p>Perhaps building your own website is not something you want to commit time to, but would like to expand your creativity online. Below are a list of communities and tools to explore based on how you would like to create. There are many, many more tools that exist and we don&#8217;t officially endorse any of the tools or websites below:<\/p>\n\n\n\n<p><strong>Create Art and Design:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.canva.com\/\">Canva<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coolors.co\/\">Coolors<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.figma.com\">Figma<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/\">YouTube<\/a><\/li>\n<\/ul>\n\n\n\n<p><strong>Share Ideas and\/or Content:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/medium.com\/\">Medium<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/bsky.app\/\">Bluesky<\/a> or <a href=\"https:\/\/mastodon.social\/explore\">Mastodon<\/a> (alternatives to mainstream social media apps)<\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/\">GitHub<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.reddit.com\/\">Reddit<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/discord.com\/\">Discord<\/a><\/li>\n<\/ul>\n\n\n\n<p><strong>Brainstorming and Collaboration Tools:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/miro.com\/index\/\">Miro<\/a> or <a href=\"https:\/\/lucid.co\/lucidspark\">Lucidspark<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/ca.pinterest.com\/\">Pinterest<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/openai.com\/index\/chatgpt\/\">ChatGPT<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/notebooklm.google\/\">Notebook LM<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.perplexity.ai\/\">Perplexity<\/a><\/li>\n<\/ul>\n\n\n\n<p>Recall in <em>Module 2<\/em> it was mentioned that <strong>algorithms<\/strong> shape our online experience through curated suggestions. Using collected user data, algorithms can also help you find communities of people with similar interests as you. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"border-style:none;border-width:0px;border-radius:0px\">Check Your Understanding<\/h4>\n\n\n\n<p>Think about how you express yourself online or contribute information. Have you ever wanted to develop your own online space? That could be a personal website, a private journal (Google doc) or public blog (Medium or no-code website provider), join a supportive group (Reddit, Discord). There are many places to create content that are outside of social media. Developing content that is of personal interest will keep this space of creativity fulfilling. Identify a personal interest consider the kind of space you\u2019d like to develop. E.g., you love to bake, so visit Reddit to find a community who also enjoys the same and shares ideas and tips based off of their experiences. &nbsp;<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-initially-open=\"false\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h3 id=\"at-214\" class=\"c-accordion__title js-accordion-controller\" role=\"button\">Module 4<\/h3><div id=\"ac-214\" class=\"c-accordion__content\">\n<h4 class=\"wp-block-heading\">Online Content: Mis- and Disinformation<\/h4>\n\n\n\n<p class=\"has-background\" style=\"background:linear-gradient(135deg,rgb(245,222,154) 0%,rgb(243,147,78) 100%)\"><strong>Learning Outcome:<\/strong> Critically evaluate online information to determine its credibility and identify potential mis- and disinformation.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Defining Mis- and Disinformation<\/h4>\n\n\n\n<p><strong>Mis- and disinformation<\/strong> is absolutely rampant across the Internet, especially on social media. Often it is difficult to determine if information\/news\/posts are true which can lead to misunderstanding, confusion, anxiety, and\/or anger and the spreading of that mis- and disinformation to many<em>.<\/em> Mis- and disinformation<em> do not support<\/em> the development of a knowledgeable and informed society. A population that can identify false and fake information is <em>more resilient<\/em> to potential challenges that can stem from being misled (e.g., hacking, theft, bullying, confusion, anxiety, isolation etc.).<\/p>\n\n\n\n<p><strong>The short video below explains mis- and disinformation and where you encounter it, and why it exists.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"What is misinformation? Let\u2019s break it down | CBC Kids News\" width=\"1474\" height=\"829\" src=\"https:\/\/www.youtube.com\/embed\/wyUrV8BELG4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Why Some Mis- and Disinformation is so Believable<\/h4>\n\n\n\n<p>AI image generation tools and cheap digital [human] labour are used to create graphic design that can make information look polished and credible. Getting access to those tools and assets is very easy for anyone and they are usually low or free of monetary cost. For example, you might see an Instagram post that has slick imagery or video with cleanly designed text on it, not realizing that it is actually AI-generated content and the original author of the that post is merely looking for exposure or &#8220;clicks&#8221;. The source of the information or news that you&#8217;re reading may not be truthful or have your best interest in mind.<\/p>\n\n\n\n<p>It is easy to make information look high-quality which invites a user&#8217;s trust; however, be wary of content that does not provide a source or reference of where they got their information. Just like the video above, an Instagram post that makes a bold claim should be fact-checked. Before the end of this module, you will get to practice &#8220;identifying the fake&#8221;. It&#8217;s so important to check the accuracy of information, especially before you share it.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"SPOT Fake News Online\" width=\"1474\" height=\"829\" src=\"https:\/\/www.youtube.com\/embed\/i989FBs83e0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Fact Checking<\/h4>\n\n\n\n<p>There are a few reliable fact-checkers that you can use to see if what you read or saw was fake or real: <a href=\"https:\/\/www.snopes.com\/\">Snopes<\/a>, <a href=\"https:\/\/cse.google.com\/cse?cx=009843066196008418578:5c4h08rfa8q#gsc.tab=0&amp;gsc.sort=\">MediaSmarts Fact-checker<\/a> (pulls results from fact-checking websites), and <a href=\"https:\/\/factcheck.afp.com\/\">AFP Fact Check<\/a>. <\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-palette-1-color\"><strong>Tip:<\/strong> keep MediaSmarts&#8217; fact-checker website open in a tab on your web browser for quick access.<\/mark><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"border-style:none;border-width:0px;border-radius:0px\">Check Your Understanding<\/h4>\n\n\n\n<p>Identify the fake; practice identifying misleading or false information by using the four strategies detailed below (as outlined by MediaSmarts&#8217;: <a href=\"https:\/\/mediasmarts.ca\/teacher-resources\/break-fake-how-tell-whats-true-online\/backup\">Break the Fake<\/a>). You may only need to do one of these strategies, and it can take as little as 30 seconds. They are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use fact-checking tools,<\/li>\n\n\n\n<li>Find the source,<\/li>\n\n\n\n<li>Verify the source, and<\/li>\n\n\n\n<li>Check other sources.<\/li>\n<\/ul>\n\n\n\n<p><strong>The video below outlines the steps in more detail.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to tell what&#039;s true online | Break the Fake\" width=\"1474\" height=\"829\" src=\"https:\/\/www.youtube.com\/embed\/H3P73NqR7s0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>Test your info-identifying skills:<\/strong><\/p>\n\n\n\n<p>Try this mobile-friendly game: <a href=\"https:\/\/mediasmarts.ca\/sites\/mediasmarts\/files\/games\/reality-check\/index.html#\/sites\/mediasmarts\/files\/games\/reality-check\/\">\u201cReality Check\u201d via MediaSmarts<\/a><\/p>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-initially-open=\"false\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h3 id=\"at-215\" class=\"c-accordion__title js-accordion-controller\" role=\"button\">Module 5<\/h3><div id=\"ac-215\" class=\"c-accordion__content\">\n<h4 class=\"wp-block-heading\">Inclusion &amp; Exclusion, Community Representation<\/h4>\n\n\n\n<p class=\"has-background\" style=\"background:linear-gradient(135deg,rgb(245,222,154) 1%,rgb(243,147,78) 100%)\"><strong>Learning Outcome:<\/strong> Recognize issues of inclusion and exclusion within online experiences and content, considering diverse levels of access and representation.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Diversity and Representation on the Internet<\/h4>\n\n\n\n<p>Thinking back to how <strong>algorithms<\/strong> work, specifically in social media applications, much of what we view tends to fall into <em>varying types of uniformity<\/em>. The algorithm shows us similar types of content repeatedly (e.g., only funny cat videos, mom humor, fashion or sport bloopers etc.), but this also requires a closer look. It&#8217;s important to tune into <strong>who\/what you are viewing<\/strong> and find out <strong>who created the content<\/strong>. Whose voice is telling the story? And who is being represented? The even bigger question is, <strong>who is missing or excluded?<\/strong> Do you see people of all cultures, abilities, ages and ranging socio-economic status, all depicted and represented in a positive way? <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Digital Media Experiences Are Shaped by the Tools We Use | Digital Literacy 101\" width=\"1474\" height=\"829\" src=\"https:\/\/www.youtube.com\/embed\/8AXiTZ6LQfs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Algorithms limit our exposure to diversity by showing a select type of subject matter that pushes forward narratives of ableism, racism, sexism, ageism, anti-environmentalism, consumerism&#8230; and many more negative agendas. Of course, not all content on social media is &#8220;bad&#8221;, but being aware of what you&#8217;re being exposed to is taking a responsible step forward for your own wellbeing and those around you. What we see and experience online has a way of affecting how we show up in life; for ourselves, our friends and family, and for those we encounter in our communities\u2014both in-person and online.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How the media shapes the way we view the world - BBC REEL\" width=\"1474\" height=\"829\" src=\"https:\/\/www.youtube.com\/embed\/kVAztNx0rHQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Digital Labour, Sustainability and Data<\/h4>\n\n\n\n<p>The content that generative AI tools (e.g., ChatGPT) output does not occur organically or by magic. It&#8217;s important to understand that <strong>real people are part of the process<\/strong> that is designed to appear so simple. Corporations hire individuals all over the world for an extremely low wage (or no wage) to &#8220;clean&#8221; the data samples. This means reviewing a huge amount of text, images or videos, and removing any content that is deemed inappropriate, violent, or that has hallucinations (visual errors such as Mickey Mouse having 12 fingers instead of 4). Some labourers have to view a huge amount disturbing content for hours and days at a time. Can you imagine what that does to a person&#8217;s wellbeing? This underpaid\/unpaid labour or &#8220;ghost work&#8221; goes <em>unseen<\/em>; however, <strong>it is the backbone of the &#8220;AI magic&#8221;<\/strong>. This type of work is not a sustainable practice because it extracts from the labourers and extracts from the environment (energy, water and materials).<\/p>\n\n\n\n<p><strong>Activity:<\/strong> Have a look at Kate Crawford&#8217;s diagram <em>Anatomy of an AI system<\/em> (<a href=\"https:\/\/anatomyof.ai\/\">click here to access it in your web browser<\/a>). Specifically, check out the item on the <em>far-left side<\/em> called &#8220;Income Distribution&#8221;. You will find &#8220;Unpaid User Labour&#8221; at the very bottom of that large list. Now, zoom out (way out!) and you will see the massive system of artificial intelligence for the Amazon Echo device. <strong>The product\/AI is designed to look so simple and easy to the user<\/strong>, but there is an <em>incredible amount of resources<\/em> that make the user experience possible.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"border-style:none;border-width:0px;border-radius:0px\">Check Your Understanding<\/h4>\n\n\n\n<p>Conduct a small bias \u201caudit\u201d of a platform that you have access to such as Google, TikTok or Instagram. In your chosen platform, search for a topic. As you view the results on the page, consider the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>How can these search results be more inclusive?<\/li>\n\n\n\n<li>How do the search results compare? What or who is missing?<\/li>\n\n\n\n<li>What content is prioritized and why? (e.g., sponsored content, location bias, or identity bias etc.)<\/li>\n\n\n\n<li>How do you think the algorithm may have influenced the search results?<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-initially-open=\"false\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h3 id=\"at-216\" class=\"c-accordion__title js-accordion-controller\" role=\"button\">Conclusion<\/h3><div id=\"ac-216\" class=\"c-accordion__content\">\n<h4 class=\"wp-block-heading\">Congratulations on finishing the course!<\/h4>\n\n\n\n<p>Technology is always in constant motion; always changing. This can be challenging to navigate, but the good news is that you don&#8217;t need to have the answer to every challenge and making missteps is completely okay. Learning when to fact-check, research to inform your understanding when you&#8217;re not sure, and building up your own confidence level through practice are excellent approaching to building your resilience to changing technology.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/07\/pexels-anna-nekrashevich-7552568-1024x683.jpg\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/07\/pexels-anna-nekrashevich-7552568-1024x683.jpg 1024w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/07\/pexels-anna-nekrashevich-7552568-300x200.jpg 300w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/07\/pexels-anna-nekrashevich-7552568-768x512.jpg 768w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/07\/pexels-anna-nekrashevich-7552568-1536x1024.jpg 1536w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/07\/pexels-anna-nekrashevich-7552568-2048x1365.jpg 2048w, https:\/\/blogs.ubc.ca\/dmdl\/files\/2025\/07\/pexels-anna-nekrashevich-7552568-717x478.jpg 717w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>References<\/strong><br>Crawford, K., Joler, V. (2018). Anatomy of an AI system. <a href=\"https:\/\/anatomyof.ai\/\">https:\/\/anatomyof.ai\/<\/a> <\/p>\n\n\n\n<p>Crawford, K. (2021). Atlas of AI: Power, politics, and the planetary costs of artificial intelligence. <a href=\"https:\/\/katecrawford.net\/atlas\">https:\/\/katecrawford.net\/atlas<\/a> <\/p>\n\n\n\n<p>Elections Canada. (n.d.). Digital skills for democracy. <a href=\"https:\/\/electionsanddemocracy.ca\/digital-skills-democracy\">https:\/\/electionsanddemocracy.ca\/digital-skills-democracy<\/a><\/p>\n\n\n\n<p>MediaSmarts. (n.d.). Motives and methods: Building resilience to online misinformation in Canada. <a href=\"https:\/\/mediasmarts.ca\/research-and-evaluation\/research-reports\/motives-and-methods-building-resilience-online-misinformation-canada?mc_cid=980c15d410\">https:\/\/mediasmarts.ca\/research-and-evaluation\/research-reports\/motives-and-methods-building-resilience-online-misinformation-canada?mc_cid=980c15d410<\/a><\/p>\n\n\n\n<p>Petritski, E., Semenov, A. (2023, June 1). What are digital ecosystems, and why are they ruling the market?. <em>Hey Innovations.<\/em> <a href=\"https:\/\/www.heyinnovations.com\/resources\/digital-ecosystems\">https:\/\/www.heyinnovations.com\/resources\/digital-ecosystems<\/a><\/p>\n\n\n\n<p>ID Digital Agency (n.d.). How digital ecosystems work. &nbsp;<a href=\"https:\/\/iddigital.com.au\/digital-ecosystems\/how-digital-ecosystems-work\">https:\/\/iddigital.com.au\/digital-ecosystems\/how-digital-ecosystems-work<\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"entry-summary\">\nLearn About Digital Media &amp; Data Literacy This entry-level course will support participants in their daily lives as they use, consume, interact with and craft media. ReferencesCrawford, K., Joler, V. (2018). Anatomy&hellip;\n<\/div>\n<div class=\"link-more-container\"><a href=\"https:\/\/blogs.ubc.ca\/dmdl\/the-course\/\" class=\"link-more\" aria-label=\"Continue reading The Course\">Continue reading&hellip;<\/a><\/div>\n","protected":false},"author":91344,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/no-intro.php","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry","entry","entry-type-page"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/dmdl\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/dmdl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/dmdl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dmdl\/wp-json\/wp\/v2\/users\/91344"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dmdl\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":150,"href":"https:\/\/blogs.ubc.ca\/dmdl\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/blogs.ubc.ca\/dmdl\/wp-json\/wp\/v2\/pages\/21\/revisions\/305"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/dmdl\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}