Friday, October 31, 2014

Udacity Bloopers: Front-End Nanodegree

You may have seen the post from earlier this month on Making Courses at Udacity.  One thing that was left out of that behind the scenes video were the bloopers made during filming!  To fill that gap, here’s a bloopers video that our team has compiled to share some of the memorable moments during production.

Our Udacity team loves to have fun while working, and the process of creating the best courses for our students requires a lot of planning.  Still, when it comes time to step in front of the camera, all that planning and preparation might not prevent a verbal blunder, or a mustache falling off mid-scene.  All sorts of funny mistakes are made.  Mistakes that make you groan and laugh and embody the concept of “try, try, and try again”.  

We hope you get a little chuckle from this fun Friday post and share in some of the fun we have in creating our courses!

Tuesday, October 28, 2014

Everything you need to know about workforce education, you learned in Kindergarten

Working in education technology, I hear a lot of lingo and theories in the industry. Popular adjectives for learning currently include: project-based, applied, adaptive, personalized, blended, mastery, competency… I’m guilty of using those terms all the time as well. But what strikes me is that none of this is new. In fact, so much of what we know about learning, early childhood educators have known for years. 
6 things you learned in Kindergarten will take you farther than you think at work!

And education really can no longer end early in our lives in college. As technologies rapidly change, careers change apace. We can’t afford to forget about workforce education and to not embrace lifelong learning. So with the school year in full swing, a quick top 6 reminders that all we need to know about lifelong adult learning, we learned in Kindergarten.

1) Storytime!

There’s a reason why stories are so popular and so powerful in classrooms. They allow children to learn language and concepts within contexts that excite their imagination and matter. Just an early reminder of why applied learning, context, and the power of stories remains just as important when it comes to corporate training. It’s why case studies are used in business schools. And when it came to coding, why I got pulled in by Udacity’s CS101 course where you build your first mini-Google (search engine).

2) I don’t know how to do that...yet

We talk about failing forward, trying new things, and taking risks. Of always being open to learning. With children you can see this innate hunger for learning. It’s their innate “growth mindset.” The baby who will try to grasp an object again and again. My youngest who is learning to walk and starting to pick up language. He doesn’t care that he doesn’t know how, it’s just a matter of keeping at it and when. There is so much that they don’t know how to do…yet. Their innate curiosity keeps them going. And with the right encouragement, we can all tap into our innate curiosity.

2) “But why?"

My son, for a while, drove me crazy with that question as one explanation led to another question. He genuinely was curious. Let’s always strive to nurture curiosity. So much of workforce education focuses on the “how” and that’s limiting. As one student recently reflected"One thing I love about Udacity classes is that they focus as much on the big picture of why to do something, as on how to technically execute something. When you focus only on the HOW, your knowledge is fragile.”

4) We learn; we are not taught 

This was something that really struck me about the amazing Kindergarten teachers we’ve been lucky to have over the years. They are important as “Teachers," but not in the way we think of teachers. They guide, they mentor, they play alongside. They involve other students in co-teaching. They learn and demonstrate learning from the children. 

In and out of the classroom, they take many shapes and sizes. If we only learn from people who have teacher in their title, life would be so limiting! In my career to date, I have been lucky to part of teams from whom I could learn. Most of the true learning in my career has not been when I’ve been overtly taught. 

5) We are all artists (and scientists/writers/engineers/firefighters…)

My daughter is going to grow up to be an inventor/artist/singer/doctor. She does not understand why there are right-brained or left-brained professions — after all, we need our full brain! And as adults, we should remind ourselves that we should not buy into that old canon. Tom Kelley from IDEO has a great story on what it means for innovation. The gist: let’s aspire for our workforce to be smart creatives and allow them to “just try stuff."

6) Playing is learning by doing

Note this is not about just fun. It’s not about finding your passion or purely happiness. Sometimes it’s hard and play can be frustrating. When the block of towers falls, when you can’t get the pipes to line up, it’s good to sweat it out. But play is fundamentally about doing something active. It’s not enough to just watch videos or read a textbook when you want to learn how to code, to just take a tech example. It’s much more effective to play with some code and build your first mobile app to gain those skills. So, why should workforce training be associated with libraries of videos? Let’s get some projects and hands-on-playing-with-play-doh-and-sand-and-paint type of learning going! As professionals, we should remember to play.

Curious to see what employers who worry about talent, or thought leaders in workforce education, would add to this list. Or what any fellow parents with young children have observed at school and at home and at work. To take a cue from my kids, I want to learn more! Comment below or tweet @shen_ed.

Monday, October 27, 2014

Dog Puns and Web Dev Fundamentals

Truly great websites can change the world wide web, and the people outside it. 

Recently, a Front-End Web Developer trailblazer single-handedly sparked a dog pun epidemic in our Mountain View offices with his first nanodegree project, a puppy-specialized website mockup.

Im-paws-ibly cute, no? But enough about BarkMind, PawLocker, Pawstumes and other amazing puppy-oriented products. Who is the man behind the puns? 

Haopei is a self-taught freelance web developer and web entrepreneur hailing from Guyana. When Haopei got his first computer in 2002, he was “amazed at the extended possibilities made available by the internet,” and began teaching himself how websites work. 

He “built some embarrassing stuff along the way,” but stuck with it and eventually taught himself to build sites including SpaceSeek Guyana and SkilledGuyanese. Haopei shares, “SkilledGuyanese, a much needed job website here in Guyana, is built on Google App Engine and with Python, which I learned in Steve Huffman’s Web Development course.” 

Why teach himself? Haopei describes a classic access challenge: “I decided not to attend the (only) university in my country, since I found that the web components being taught were outdated. It’s challenging for any university to keep up its curriculum with the pace of changing web standards, after all. I decided to continue learning online.”

Haopei knows that despite learning web development on his own, he has gaps in his knowledge. He says, “I think most self-taught web dev people, like myself, learn by sporadically searching the web for tutorials, and along the way, we miss out on some important parts.” 

With Udacity, Haopei’s “been able to pick up useful foundational information, regardless of how basic the course or project seems to be” and is “making breakthroughs.” Go Haopei! 

Haopei’s dream job is to be part of a team that builds “useful, value-adding, socially-impactful, world-changing things. Incredible things can happen when skilled, passionate people collaborate on a vision.” 

We cannot wait to see what you do next in the nanodegree and beyond, Haopei!

Tuesday, October 21, 2014

Luca: Designer, Developer, Nanodegree Pioneer

As we get to know our first Front-End Web Developer nanodegree class, we are absolutely inspired by our amazing students, and we can't wait to introduce them to the community

Today, we’d like you to meet Luca!

Luca is a freelance interaction designer based in Milano, Italy, who is “not really interested in becoming a web developer!” 

Instead, Luca enrolled in the nanodegree to learn to prototype his own designs.

Web Dev for Design Prototyping

Luca's sketches and wireframes for a coffee machine
As an interaction designer, Luca says, “I believe that it's impossible to design great products without prototyping and using them to see what doesn't work.” 

While he “used to use software to make mockups and wireframes,” Luca prefers to code simple, responsive prototypes. He finds that the nanodegree is “perfect for [his] goals” because adding HTML, CSS, Git and JavaScript to his skill set will allow him to code interactive prototypes that will give his users better experiences.

Luca’s Rule #1: Write Code Every Day  

We are super impressed with Luca’s projects, and when we asked for the secret to his success, he told us: “I have a new rule: try to do a little every day.” 

Luca recommends reading John Resig’s blog post, “Write Code Every Day,” as well as the Udacity data team’s findings on successful student behavior, if you need a little extra inspiration to make your own daily resolution.

Luca’s Rule #2: Real Life Projects

For Rule #2, Luca draws on advice from Ruby on Rails and Basecamp creator David Heinemeier Hansson. In his blog post, “How Do I Learn to Program?” David shares how he finally *really* learned to program after twenty-plus years of programming.
Check out Luca's first nanodegree project, his own portfolio!
The answer? Learning by doing things he truly cared about, by “programming because I gave a damn about what I was writing and I wanted it done sooner rather than later.” 

Luca echoes, “I apply what I’m learning on my real life projects because when I care about what I do, I put more effort into it.”

Biggest Nanodegree Surprise: The “Why” of Learning

Luca’s biggest nanodegree surprise - so far! - is learning how to learn. 

He says, “I am improving my skills and my knowledge; this I expected. I didn't expect to learn how to learn. In How to use Git and GitHub, Sarah and Caroline use conceptual maps and reflection as learning tools.” 

He adds, “One thing I love about Udacity classes is that they focus as much on the big picture of why to do something, as on how to technically execute something. When you focus only on the HOW, your knowledge is fragile.”

Monday, October 20, 2014

What Are Frameworks and How Do Developers Work with Them?

Front-end developers can work within frameworks or build their own.
Front-end developers can work within frameworks or build their own.
There are multiple solutions for every problem in web development. Do you develop your own solution or do you try to implement someone else’s? Or should you do a bit of both? 

In fact, the field of front-end web development is rife with frameworks, or code toolsets that solve commonly faced problems. 

Frameworks make your life easier by simplifying complex problems so you can focus on finishing your project. Simply import a framework and take advantage of your new tools! Let’s take a look at similarities and differences between front-end developers who primarily build with frameworks and those who build frameworks.

Building within Frameworks

As the web is such a large, complicated and competitive space, there are literally hundreds of different tools and technologies you can use to build websites.

Looking at front-end job postings, you’ll find cryptic lists of frameworks and technologies on top of which websites are built. People build with JavaScript frameworks like AngularJS and BackboneJS. Some websites are built with CSS frameworks like Twitter’s Bootstrap (like Udacity), while others use Zurb’s Foundation 4. Some websites are built with pure CSS, while others rely on CSS preprocessors like SASS and LESS. Some people prefer writing JavaScript but others enjoy the syntactic sugar of CoffeeScript. The list goes on and on.

How do you manage the ever changing landscape of front-end web development tools? Try them out yourself! Follow sites like Hacker News and Tales from the Front-End to stay on top of the latest developments and give them a try! Read documentation, write code and, most importantly, learn, learn, learn.

Contributing to Frameworks

While there are tons of solutions available for you to build almost any kind of website you can think of, sometimes you need to build something that doesn’t exist yet. And for that, you’ll need to create a library of code yourself.

Many front-end developers contribute to open source libraries in order to support the entire community of developers. For instance, developers at Google build AngularJS and Polymer, both of which are freely available to all Front-End developers. Many developers support the front-end community by contributing to open source libraries as well. jQuery, one of the most popular front-end scripting tools, was created by former Mozilla engineer John Resig as an open source project.

Front-End web developers building custom solutions need to be well-rounded in HTML, CSS and JavaScript. Single page web apps especially rely on custom JavaScript solutions to bring an idea to life.

Interestingly enough, while JavaScript is primarily a front-end language, many developers are transferring their skills to back-end proficiency with the rise of JavaScript based servers like NodeJS.

Best Practices for Front-End Developers

Whatever Front-End route you choose, the most effective way to boost your career is to keep up-to-date with new technologies. Experiment! Try any and all front-end technologies! Read documentation, build experiments, learn what works best for your projects and stay ahead in the rapidly evolving landscape of front-end web development!

To build your front end web development skills, check out our Front-End Web Developer nanodegree, where you’ll learn by doing as you build a portfolio recognized by industry employers.

Tuesday, October 14, 2014

Behind the Scenes: Making Courses at Udacity

Students First - that's our motto at Udacity. 

It's the first thing you'll see, painted over an entire wall, as you enter the office. It's the first you'll hear when we debate what we should teach and how we should teach it. It's what drives our passion for crafting your learning experience, and it's what makes our team so special. 

It is a great experience being on a team that truly values the student learning experience and is always trying to learn and expand our pedagogy expertise. This passion we all share shines through in our course development process.

So you may ask, “What goes into a Udacity course?” Here are the four main chapters:


Starting with our first brainstorm for course topics, we keep students first by considering what skills they will need to land or advance their dream job. We develop an outline and discuss the best ways to teach our students the particular topic and how to get them involved through interactions.


We script each lesson as if we were talking directly to the student complete with visual ideas and all!  We collaborate with other course developers and potential students to insure we are on the right track with what students want in how we’re planning the course.


We film the course. We might not get every take just right, but it’s the bloopers that make recording so much fun!


We get the course ready for the site which can include programing feedback or quizzes or preparing a project so our students can have an interactive experience.

This entire process from start to finish is filled with creativity, teamwork, research, and quite a few laughs along the way. After all, if we don’t have fun creating the course, why should we expect our students to enjoy taking the course?

Thursday, October 9, 2014

Sneak Peek: Front-End Web Development Newsletter

With our inaugural class of Front-End Web Developer nanodegree students in the starting blocks, we’re developing extra content to guide and inspire aspiring web developers. We are thrilled to channel some of this extra content into a new monthly Front-End newsletter, which includes front-end best practices, resources, and more!

Check out these resources from our first newsletter, let us know what you’d like to see in future editions, and sign up to receive Front-End newsletters here!

It’s Moving, OMG!
Some of the things you can do with CSS and JavaScript are downright CRAZY! Check out some of these fantastic animations and demos and see if you can decipher some of the quirks and tricks they make use of.

It’s Time to Talk About <time>
HTML5 has added a variety of new tags to give us ways of presenting our content semantically. Check out this approachable guide to HTML5’s time element, and make your visually rich content also semantically rich.

Wait, I Can Do THAT?
Learning JavaScript isn’t just about learning to write code. You also need to be able to read other people’s code. Check out these 5 Common JavaScript Tricks!
Squashing Personal Bubbles
When using inline-block elements, you often want them to be presented right beside each other, but the browser seems to do everything it can to prevent that. Learn to fight whitespace between inline block elements.

Got any tips, tricks or inspiration to share? What do YOU want to see in this newsletter? Tweet us @Udacity with the #frontend hashtag, or just comment to let us know what you think!

We hope to see you for our next issue of this newsletter. If you want in, don’t forget to sign up!