This brings a Codepen-like view into your IDE.
Spell book palette software#
Spell book palette how to#
Read this blog post to learn how to use the extension, and check out this blog post to learn how I created the extension.
Instead, it’s a few button clicks, and they can stay within their IDE. This extension reduces the extra steps I would need to guide learners into configuring GitHub Pages. Deploy to GitHub Pages - This is an extension I developed to help folks quickly deploy their static sites to GitHub Pages.Live Share - Learners can use this to collaborate and pair program with each other.
Spell book palette code#
Prettier - This helps learners format their code in a way that is easy to read and follow.ESLint - This helps learners quickly recognize and reduce any issues in their code.
The participant opens a Codespace, and it immediately loads with the extensions I require:.The experience I created for each participant resembles the following: The experience for each workshop attendee With Codespaces, the participants can confidently follow along and productively learn. As a workshop attendee, struggling to follow along in workshops sometimes fractures my ego or makes me lose interest. This reduces tons of time, stress, and chaos. Now, I have the peace of mind that everyone has the same environment as me and can easily follow along. Instead of expecting beginner developers to understand how to clone repositories to work with a template, they can open up a Codespace and work in a development environment I created. Running a workshop in Codespaces creates a better experience for all participants. I finally found the solution to the chaos of workshopping and educating beginner developers to code – GitHub Codespaces. Meanwhile, people around me were creating masterpieces. I would attend workshops and spend the whole time trying to set up my environment. It was a mess, but understandably so! When I first learned to code, I had similar experiences. Learners would put them in the wrong files or fail to use the right extensions. Sometimes, I would tell them just to copy and paste the contents of each file from the starter code, but that would also present issues. For example, when I taught folks HTML, CSS, and JavaScript, we always spent the first 15 minutes of each class session making sure all attendees had access to the starter code, could run the code locally, and could follow along.įurther complicating the matter was that these learners were remote and had never written code, so it’s hard to tell if each person had properly cloned the repository and used the right file. My experience has taught me that when you don’t have the right technologies, frustration builds up for both teachers and learners. Ironically, my career is centered around teaching people about technology. Fun fact: both of my parents were teachers and actually taught at my elementary school, which made me swear off ever becoming a teacher. Since 2018, I’ve taught introductory web development to cohorts of 15-25 folks. Use Codespaces to teach HTML, CSS, and JavaScript to beginner developers
0 kommentar(er)
