3 Things I Learned from Lecturing Remotely 🎓
Tags: education, discuss, career
Published: 2020-03-21 13:01:25

---
title: 3 Things I Learned from Lecturing Remotely 🎓
published: true
description: Three things that helped me prepare for my first remote lecture, which can hopefully start a dialogue for us to share best practices.
canonical_url: https://corrinachow.com/blog/3-things-i-learned-from-lecturing-remotely
tags: education, discuss, career
cover_image: https://images.ctfassets.net/c3b73bxvesf2/1ici7uFJZNlIPQwTwcENVF/01e082e8a06d95120a28d1bff10a4697/daria-nepriakhina-zoCDWPuiRuA-unsplash.jpg?w=800&q=50
---

Over the past handful of weeks, the spread of COVID-19 has escalated much quicker than most anticipated. It was an inevitability that many of us would transition to working remotely, myself included. As a teacher of programming, this posed an interesting challenge. For me, teaching programming in person is already fairly new, let alone teaching remotely! Fortunately, I work with a wonderful education team able to provide me with the information and tools necessary.

Here are three things that helped me prepare for my first remote lecture, which can hopefully start a dialogue for us to share best practices.

## 1. Reproduce the in-person learning environment 👩🏻‍🏫

![Whiteboarding](https://images.ctfassets.net/c3b73bxvesf2/6OOvNu50z1MvUvBYZz7sSu/d2b4bdf056fa5ac79662281f350be964/thisisengineering-raeng-4dR9LmMzhT0-unsplash__1_.jpg?h=500)

Students do best in a familiar environment, and a part of your responsibility as the lecturer is to make the most of their learning experience and drive their success. When picking tools for your setup, opt for tools that feel familiar or intuitive, for the sake of both your student’s comfort as well as your own. For instance, if you use a whiteboard to demonstrate pseudo-code in person, consider software like [ScreenBrush](https://apps.apple.com/us/app/screenbrush/id1233965871?mt=12), an app that allows you to draw over your screen, or [Zoom](https://zoom.us/), a video conferencing tool with a built-in whiteboard functionality that allows you and the students to work on solving a problem together.

![Remote apps](https://images.ctfassets.net/c3b73bxvesf2/hb2Ej4bVPaSeRKZSN9Hdk/cb3c01ad6f36f1469a55c0fe71349e1b/remote-apps.png?h=500)

With video conferencing apps like [Google Meet](https://meet.google.com/), **always test your setup**, either with a friend, colleague, or yourself on another computer. Go through a dry run with your new set up and ask for feedback on audio quality, background level noise, as well as on the delivery of your content. Navigating digitally mediated communication has different pitfalls for miscommunication than face to face discussion. Speak slowly and clearly. Walk through demos at a pace which accounts for the audio and visual delay.

Finally, **encourage everyone to turn on their camera — yourself included**. It will allow you to gauge the feel of the class as you present, and offer students a visual cue for their comprehension.

## 2. Provide multiple channels of communication for students during and after the lecture 📢

Inform the class beforehand on how they can ask a question during and after the lecture. Can they ask a question during the presentation? Is there a dedicated chat room for questions they can ask questions in that you’ll answer after the lecture? What worked for me was having a Slack channel open on a third of my screen and the lecture slides on the rest and answering questions as they came in. Because it was a small class, students also had the option to speak directly over the call.

Find something that works for your situation, be willing to experiment, and ask for feedback on what works best for everyone. There is no single “right” solution.

## 3. Put accessibility to the forefront when delivering content online 🤝

Be prepared for all sorts of roadblocks in communication between yourself and your students. Not everyone has access to a stable internet connection, hardware, or software. One of my students wasn’t able to stay in the Google Meet for more than several minutes at a time due to connectivity issues. Another student had a computer that didn’t allow for hours-long conference calls.  Both Zoom and Google Meet give you the option to record and download the meeting and share it afterward.

![Google Meet captions](https://1.bp.blogspot.com/-2SIAOsk7sfU/XX-rpL2AObI/AAAAAAAAISU/RxO88suBDTwDlT4ItfbvA53HBFXImvdtgCLcBGAsYHQ/s640/Turn%2Bon%2Bcaptions.png)
<figcaption>How to enable captions in Google Meet</figcaption>

Google Slides and Meet have the option of enabling captions (doc for [Slides](https://support.google.com/docs/answer/9109474?hl=en), doc for [Meet](https://support.google.com/meet/answer/9300310?co=GENIE.Platform%3DAndroid&hl=en), available in English only at the moment) for those who don’t have the best audio. Alternatively, there are services like [Otter.ai](https://otter.ai/) that can transcribe meeting audio to captions if you're not recording with Meet.

![Repl.it as a teaching tool](https://images.ctfassets.net/c3b73bxvesf2/5fq4Tmn8KEdHGQk5tkWxZk/703847440f038c22326b6e3ab057413d/Screen_Shot_2020-03-17_at_6.04.38_PM.png?h=400)
<figcaption>Using Repl.it as a programming teaching tool</figcaption>

Another helpful tool that serves a dual purpose for note-taking and live-demoing is [Repl.it](https://repl.it/). Writing comments in the file about the concept that you’re covering, then providing an example lets students revisit the code later to try it out themselves.

![CodePen Activity](https://images.ctfassets.net/c3b73bxvesf2/3e4bAAshAGoYPinHs43umc/ec3091298f7751f9646c51a2d77d9e7e/image__3_.png?h=500)
<figcaption>Use CodePen to provide code snippets and small projects they can complete on their own</figcaption>

Complementary to Repl.it, [CodePen](https://codepen.io/) can also be used to live-demo front-end activities. Create a “before” pen and an “after” pen so that they’re able to follow along during the lecture, then implement it themselves. A combination of [Auto Updating Previews](https://blog.codepen.io/documentation/editor/auto-updating-previews/) in the Editor, [Live View](https://blog.codepen.io/documentation/pro-features/collab-mode/) (pro), and [Collab Mode](https://blog.codepen.io/documentation/pro-features/collab-mode/) (pro) make it an excellent way to demonstrate how changes in the code are reflected in the UI. Students loved the tangible aspect of it.

![VS Code Live Share](https://code.visualstudio.com/assets/blogs/2017/11/15/vs-code-ls-session.png)

[VS Code](https://dev.to/azure/vs-code-february-2020-release-highlights-video-59h6) is a tried and true real-time collaboration tool for developers. Students will be able to follow your cursor while you navigate the project, and make edits to the code themselves. That, used in conjunction with the port forwarding functionality, helps keep students engaged by allowing them to change the code, and see the results in their own browsers.

Design your lectures with empathy. Adapt your teaching methods to accommodate different learning styles, in real life and online.

In a period of self-isolation, everyone is at least a bit stressed with sudden lifestyle changes. There will invariably be an adjustment period, but the redeeming factor is that there is already an abundance of tools at our disposal that we can use to be effective teachers.

If you are currently transitioning into remote teaching, I’d love to hear feedback and what you've found useful to ease the transition. 🚀