Tag Archives: HTML

What Most Schools Don’t Teach … And I’m Determined to Learn

At the beginning of both 2012 and 2013, I named learning to code as one of my goals for the year. Recently, I have been exploring new ways to accomplish that goal and I wanted to share them in case others would find them useful too!

In the past, I have explored parts of Codeacademy and TryRuby. Unfortunately, my participation on both of those sites was too sporadic to really teach me very much, so I have been looking into other ways to learn coding.

This spring, I spent more time engaging with Scratch because I hope to introduce it to my students next year. As I mentioned in January, I have been using the Super Scratch Programming Adventure book to guide my learning. Participating in the MIT Learning Creative Learning MOOC has also helped me to try new projects and actually publish one of my own on the Scratch website. I think having a resource like the Scratch book that I can carry around and explore at my own pace, one that’s engaging and asks me to create something with a purpose (e.g., a functioning game) has helped me to learn more of the program. Having the MOOC community has also made a difference because I have been exposed to a group of people engaged in similar work and willing to post their own work and share ideas. Finally, the hope of using this with my students has been a big motivator in helping me persevere with Scratch.

But what if you’re not looking to learn Scratch? Luckily, I’ve also found some other great resources recently to learn coding that have similar supports. One of them is joining local Meetup groups that supports tech learning and offer coding classes. There are actually a couple of groups in my area and they seem to collaborate together or at least announce events for one another so that I have an opportunity to learn almost any coding language I’d like by attending one of their classes. Unfortunately, some of them are pricey (at least for coding newbies on a tight budget) and they are also often on weekends, which can be a challenge sometimes.

Still, I recently attended a Python class and really loved it! I had no previous experience with Python and after a day long session on a Saturday plus a few hours Friday night, I really felt like I had a foundation for working with the language. I still need to work on learning all of the syntax rules but the logic makes much more sense and I was exposed to some great, free resources, like CodingBat and OpenHatch Wiki. Being in a room full of other learners and facilitators (who were very willing to help and problem-solve!) and having such a large block of time dedicated to learning Python, really made it manageable to dive into the language. Now, I need to get back to Codeacademy to practice and start trying to apply my knowledge!

After winning a contest on Twitter for a free class on Codagogy.com, I also took a two week course with them on the basics of HTML. As they define them it, Codagogy offers “Online collaborative web development courses.” where you can “Learn to code in a small group of like-minded women.

codagogy html image

I have picked up bits and pieces of HTML over the years working on my own websites and projects but I was pleasantly surprised to find that I still learned a lot from the basics course. There were answers to little questions that I had always wondered about and wonderfully clear yet concise screencasts about the how-to’s and why’s about things like getting your own domain, finding a server, and adding alt tags to images.

Codagogy in 60 seconds from Susan Buck on Vimeo.

My favorite part of Codagogy courses is how they are structured. You join a two week course but assignments/exercises are only distributed on Sunday, Tuesday, and Thursday, so the work is not overwhelming and is gently introduced. There are also deadlines and points you can gain from completing exercises to help keep you motivated and on-track. This is something I found I struggle with on more free-form sites like Codeacademy. Plus, there are little quizzes at the end of each exercise where you’re asked to check your understanding and also apply your knowledge, so you can walk away feeling confident about what you’ve learned and your ability to use your new skills.

Finally, you are in the course with a limited number of other participants and you have access to a course forum where you can meet/greet those other women, ask questions, and share ideas or resources. This community aspect really brings it all together and makes Codagogy a great  but flexible space to learn new coding skills. Best of all, their courses are very affordable and if you refer friends, both you and they, get $17 off!

codagogy css basics logo

I’m excited to start my next Codagogy course, CSS Basics! In an effort to get more women coding, Codagogy has kindly offered two codes to give away for a free Codagogy class. Even if you’re not looking to code right now, you can sign up for their class on SEO or get notified when Photoshop for the Web is ready.

Enter to win a free class!

Examining Open Education

open lock

We Participate, Therefore We Are. ~ Brown & Adler

This past week, I had the chance to delve deeper into the idea of open education and open education resources (OER) thanks to both #ETMOOC and the #MediaLabCourse.

Before this week, I hadn’t spent much time considering the differences between “open” and “free” and the power they can bring to people around the world when they are combined together. Free is valuable for the accessibility it provides but open, I discovered, means much more than just making something accessible or available to the public. It also means providing transparency and the blueprint for how and even why something was created. This unique insight into how something was made (e.g., a website, a software program), allows users to make the transition from consumers to creators much more easily. Suddenly, the plans behind a product are not only visible but they’re also “unlocked” and available for re-mixing, mashing, and updating so that they can meet the needs of individual contexts and previously unimagined goals.

It’s quite literally like holding the “secret code” in your hands to a door you might never have known existed before and then being able to enter that code in, walk through the door, and start making changes to the entire architecture of a place, program, or site.

Of course, one of the benefits of the open learning movement and the open education community, is that you don’t have to walk through that door alone. It’s similar to the community that has evolved around #ETMOOC when we all walked through the “door” of this free, open course and began to collaborate together. You join a community of other users who have also entered into an open space and who subscribe to a philosophy of open, shared inquiry and peer-to-peer learning. One of the key takeaways from the open educator’s panel and the Open Learning session I watched was the value and power of the community.

These open source communities serve to provide a place for “legitimate peripheral participation” in the words of Brown & Adler, where the process of joining a community “counts” as learning and new students can “engage in ‘learning to be’ even as they are mastering the content of a field.” I find this so exciting and freeing – the idea that you can learn as-you-go without needing to start as an expert, with the expectation that you will fail sometimes, and you can do it among a community of new peers and colleagues who are eager to support your growth.

mozilla open school

One of the best examples I have found to help concretize and demonstrate open learning is the Mozilla project and specifically Thimble. I was excited to see all of the activity happening for Open Education Week including the launch of Mozilla’s Open Badge system. Of course, after I learned about it, I wanted a badge! So I started a Thimble project that I thought connected well with the open theme: Open Webville, which was created by the new School of Open. In the first project, you have a chance to play with the HTML code for a website while also learning about Creative Commons Licenses by adding new text and CC images.

To make my page, I had an opportunity to dive into learning about and researching Creative Commons (CC) licenses and also HTML and CSS code. Although most of the steps involved things I already knew how to do (e.g., use an href tag, find CC images) I loved the ability to click and learn more details about each piece of code and then add my own to add to it. For example from seeing the HTML in my own blog, I had put together that

  • (list item) is used for lists but I never knew that the
      tag above those meant “ordered list.”

remixed animal

Next, I tried out some literal re-mixing of animals to build a site about my fictional endangered species, the Enchidolmel. While making my page, I had the opportunity to re-mix code in a scaffolded environment, learn about new HTML tags and apply the knowledge I had learned/practiced while making my last page. I was also engaged in learning about real endangered species as I created my fictional animal and maybe most important, I was exposed to the idea that I can be a creator and re-mixer of websites. I was shown that I have the power to take code and images and hack them to create something new that makes sense and holds meaning to me and then I can share that with the world!

These are the types of activities that I think are vital for our students to experience. They hit on so many 21st century skills and breakdown barriers to learning, creation, publication, and sharing. I can’t wait to try another Thimble project … and collect some more badgesHave you tried any? Will you introduce this site to your students?