{"id":1933,"date":"2020-06-17T22:45:18","date_gmt":"2020-06-17T22:45:18","guid":{"rendered":"http:\/\/endlesshybrids.com\/?p=1933"},"modified":"2020-06-17T22:45:18","modified_gmt":"2020-06-17T22:45:18","slug":"learn-javascript-by-backwards-design","status":"publish","type":"post","link":"https:\/\/endlesshybrids.com\/education\/learn-javascript-by-backwards-design\/","title":{"rendered":"Learn JavaScript by Backwards Design"},"content":{"rendered":"\n

The focus on learning syntax of a programming language is one of my fundamental problems with the method that programming is often taught. I’m going to talk about an approach that works backwards from the desired result. This approach describes how to structure a course based not on the content you want to cover but on understanding the big questions and concepts behind the content. It’s called backwards design and is deeply explained in the book Understanding by Design<\/em>. <\/p>\n\n\n\n

The process starts by identifying what’s most worth understanding in the topic. That word–understanding–is loaded with meaning but also with ambiguity. In backwards design, you ask, “What does it mean to understand something?”, “What are the big ideas?”, “What are the essential questions?”. <\/p>\n\n\n\n

Clarifying the answers to these questions uncover the key aspects, i.e., the blocks that serve as a foundation for building more knowledge on your own. <\/p>\n\n\n\n

With technology, it seems that it’s always changing every day. Well, the specific implementations, the specific tools that we use do change very quickly. But the core components are quite solid. <\/p>\n\n\n\n

One of the big differences, supposedly, of formal institutional-based education and an online course developed by someone on the Internet is the method of assessing the level of understanding. A lot of online courses give you the material and you’re own your own, often stuck in tutorial hell without feedback or further guidance. But I’m very curious as to how online courses can develop more engagement with students, more feedback, and more assessment that helps the students learn. Ultimately, that leads to more credibility for online learning and, perhaps, eventually, can resolve the biggest difference between institutional-based education and ad hoc individualized learning: credentials. Literally, the degree: the documentation that certifies you have learned something (supposedly). <\/p>\n\n\n\n

Quality assessment is not about knowing syntax and facts but for you to demonstrate that you can apply what you have learned in a new situation. Can you go from the step-by-step instructions of a tutorial, and then implement variations of those concepts in a project of your own?<\/strong><\/p>\n\n\n\n

Actually, a person’s portfolio is the true measure of what one has learned.<\/p>\n\n\n\n

A portfolio<\/strong> may not be only a series of projects but also a range of multimodal explanations that demonstrate you have absorbed the material and possess the capacity to remix it in creative ways. This multimodal material in a portfolio could be videos where you are explaining technology, could be websites that showcase your work, audio tracks that feature you discussing the concepts in a podcast, slides from a presentation, an essay exploring the limitations or effectiveness of a protocol. Your portfolio gathers selected<\/strong> artifacts of the knowledge you have constructed<\/strong>. <\/p>\n\n\n\n

Too often in teaching, we have our learning outcomes, then set those aside and start figuring out how to slot copious amounts of content into those outcomes. With backwards design, you stay focused not on content but what leads to transferrable skills and what learning activities engages the student in demonstrating those skills. <\/p>\n\n\n\n

For instance, a student learning JavaScript does not necessarily need to know how to flatMap an array. That comes later when the student realizes the need for it in a project. A student needs to have a solid grasp of foundational concepts like arrays and functions before struggling with more specific tasks. If the foundational concepts are solid, then the student should be able to figure out how to apply more complex features. Or, maybe the student will need to take a more advanced course, but you got to have a solid foundation before you start on the foundation of the next level. <\/p>\n\n\n\n

The lens through which I view web technologies is always through storytelling. <\/p>\n\n\n\n

It could be storytelling proper, as through interactive fiction, or it could be through data visualization, or branding, or ebooks, or interactive documentaries, or online games, or even through user experience. For me, personally, storytelling is a process that excites me. It’s my motivation for coding. So, when I teach beginning JavaScript, I teach it in the style of JavaScript for Interactive Storytelling. And I always put it in the context of the web. <\/p>\n\n\n\n

That’s just me. That’s my thing. Other teachers take different approaches and that’s okay.<\/p>\n\n\n\n

As an overarching structure, one can fall back to the reliable questions: who? what? where? when? why? and how?<\/p>\n\n\n\n

I often teach journalism students, so that’s a familiar organizing principle to them. But I rearrange the order and expand the questions:<\/p>\n\n\n\n