SlickQuiz, simply put, is:

A jQuery plugin for creating pretty, dynamic quizzes.

I’ll let the demo speak for itself – check it out below!!

Check out the github page for all the technical details!

Overall, I attended three keynotes, a product launch, eight presenter sessions, a vendor session and an open space talk. It was a pretty packed two days to say the least. But of all those events, I’d say the three that stood out to me most were:

• Scott Chacron’s (Github) keynote on Developer Driven Development & the Open Source Business Model
• Mobile Smackdown – 3 mobile platform developers took 15 mins each to attempt the construction of the same basic Twitter app.
• Women In Tech open spaces discussion session.

Read more about each of these sessions below, along with summaries of my favorite sessions.

Session Notes

Netflix in the Cloud

Carl Quinn | @cquinn | Presentation Slides

Netflix in the Cloud was an extremely in-depth look at how Netflix runs their service in the Amazon AWS cloud. This presentation was pretty well over my head for the most part, but it was very interesting to see how a site with so much traffic is structured.

The talk began with a discussion of the downfalls of their old data center solution, followed by a thorough overview of their new, faster, scalable, available, and productive cloud architecture.

There’s no way I could possibly try to explain their setup, so I took a few screen grabs from of the slides (click to enlarge):

An overview of the Netflix deployment setup on Amazon AWS

A look at Netflix processing usage of Amazon AWS

A request from start to finish, look at all those caches!!

If you’re interested in hearing all the nitty gritty, check out the presentation linked above for a full hour long session video.

jQuery 102

Rod Paddock | @rodpaddock | Presentation Slides

While I was already relatively familiar with most of the “advanced” concepts presented in this talk, Rod Paddock’s explanations and demonstrations certainly helped to reinforce my understanding of those techniques.

Topics discussed included:

• The basic jQuery selector methods
• Dynamic UI functions like live, liveQuery, and bind – used to attach events to elements in the DOM
• Sending AJAX requests with ajaxSend and ajaxSetup
• My personal favorite, creating pretty popups with the dialog method
• And of course, how to create a jQuery plugin.

To my teammates reading this: If you attended the jQuery Summit web conference in November, there’s not a ton of new stuff, but it’s certainly a good refresher.

Test Driven JavaScript (Vendor Session – Pillar)

Justin Searls of Pillar | @searls | Presentation Slides

This vendor session focused primarily on Jasmine, the JavaScript test framework. I wasn’t able to take many notes, as Justin miraculously managed to fly through 60 slides and numerous demos in a quick 20 minutes, but it was an interesting introduction to JavaScript testing overall.

For those of you wondering why you should even bother testing your JavaScript, Justin referred us to one of his previous presentations: JavaScript Craftsmanship – Why JavaScript is worthy of TDD.

Going offline with HTML5 and iPhone

Michael Ball | @ballmw | Presentation Slides

Instead of taking notes in this session, I began working on my first mobile web app – which has since evolved into a jQuery Mobile TV remote interface. The “Presentation Slides” linked above are not actually slides, but rather notes. So you may want to use it more as a reference than a guide – there are a lot of good tips.

Developing High Performance Web Applications

Timothy Fisher (Compuware) | @tfisher | Presentation Slides

This was an extremely well put together session by Compuware Technical Consultant, Timothy Fisher, focused on client-side optimization, with an emphasis on loading JavaScript.

Timothy first explained why frontend performance matters (basically because this is typically where the enduser spends the most time waiting, it’s easy to optimize, and you’ll see big results), and then went on to review the most common frontend optimization best practices:

• Reduce HTTP requests – combine JavaScript and CSS into fewer files, sprite images
• Use a CDN – content delivered by a fast distributed network
• Make pages cacheable – add expires headers, use static content
• Use gzip compression – “60-80% savings on text based content”
• Place stylesheets at the top – keep them external and avoid @import
• Place scripts at the bottom – allows page content to be render first, keep external
• Minify JavaScript and CSS – save bandwidth / download time
• Maximize Parallel Downloads – split components across domains, enables browsers to load more in parallel
• Optimize Images – avoid high-res unless it is intentional, don’t let browser scale images, sprite images

Next, Timothy moved on to loading JavaScript, stating that, “no single Javascript should execute for more than 100mS to ensure a responsive UI.” This portion included:

• Using Web Workers to allow for asynchronous JS execution
• Various methods of setting up non-blocking JS loads:
  • Dynamic Script Elements – can run at top of page

    var script = document.createElement('script');
    script.type = "text/javascript";
    script.src = "file.js";
    document.getElementsByTagName("head")[0].appendChild(script);

  • Script Injection – uses AJAX to get the JS. The big advantage is that you can control when the script is parsed and executed, but the script must be served from same domain.
  • Recommended Method: Dynamically load the rest of the JS needed

    <script src="loader.js"></script>
    <script>
      loadScript("the-rest.js", function(){
        Application.init()
      });
    </script>

• An overview of open source JS loaders – ControlJS, LabJS, and RequireJS

The presentation slides are definitely worth checking out!

Mobile Smackdown

Jeff Blankenburg (Windows Phone 7) | Chris Judd (Android) | Daniel Steinberg (iPhone)

As the name implies, this was one #BADA55 session where three developers from three mobile platforms took turns in an attempt to build the same basic Twitter application for each of their respective platforms in 15 minutes each.

Daniel Steinberg kicked off with iOS development and literally flew through it – he had to have practiced that before! Chris Judd followed up with Android and made it about half way through development before his time ran up. And Jeff Blankburg didn’t get very far at all with Windows Phone 7.

What does it all mean? Well, probably just that some came more prepared than others, but overall it was a very cool comparison and introduction to each of the development platforms.

The Open Source Business (Keynote)

Scott Chacron (Github) | Presentation Slides

This presentation was the last keynote of the conference, but it was certainly not the least. Scott brought his insight into the open source business and what he calls “developer driven development,” suggesting that any organization can integrate open source methodologies into their practice.

The main characteristic of open source businesses that Scott focused on was this concept of “developer driven development” which essentially boils down to one thing: trust. He suggests that if you trust your employees and give them what they want – they’ll do better work than you could’ve even imagined. Throughout his presentation, Scott touched on roughly five key aspects of DDD:

• Autonomy
• Power / Responsibility
• No meetings
• No feature backlog or roadmaps
• Free beer!

According to Scott, applying these concepts to your business can result in increased productivity, agile development, and more good ideas. They also give the developers a lot of flexibility in how and what they work on, ultimately keeping developers interested and attached.

Women In Tech (Open Space)

Women in Tech – I love how we all have demon eyes!

Yes! There were women at CodeMash, somewhere around 40 from what I heard, and our numbers are growing!! This informal open spaces discussion session was my introduction to the world of girly geeks, but it certainly won’t be my last.

Coming from a job where I was the only female employee over a three year span, I could definitely relate to challenges of being a woman in tech. At the same time, I feel extremely fortunate to have joined a company like Quicken Loans where gender diversity is encouraged and much more prevalent. I now work with numerous females and I couldn’t be happier – just being able to relate to and identify with other women is a huge boost to motivation, creativity, and overall comfort.

I’ll definitely be looking into participating in more Women In Tech groups – I’ve even discovered Girls In Tech Detroit which I hope to get involved with in the future.

Wrap Up

So there it is, a relatively high-level overview of my CodeMash 2011 adventure. All-in-all, the entire event was a great learning experience and a lot of fun. In fact, my only real complaint was the lack of tea provisions haha! (Seriously though, not everyone drinks pop and coffee!)

Looking for more presentation slides? Here’s an aggregated list of CodeMash 2011 Presentation Slides.

Lovely theme, eh? It’s called Color Paper and it’s FREE from Smashing Magazine.

That is all for now… stay tuned – cool things should start to happen soonish ;)

In it, I discuss the micro-blogging trend and a few different ways that businesses can take advantage of it. Check it out and let us know how you’ve seen micro-blogging used in the business world.

On to the update… It’s been about 5 1/2 months since my last post, I was freelancing then – but now I’ve got a real job – Project Manager at MetaSpring, a marketing, design and development startup studio in Ann Arbor, Michigan. And awesomely enough, I primarily get to work with Rails! We just launched our redesigned website and blog so please check them out and leave a comment!

Aside from the new job, life’s been normal… Went to California over Thanksgiving with Adam, that was awesome. Christmas, w00t. New Years, woohoo! Work. Work. Work work work. Oh, ..and I’m about to buy a new MacBook (!!!!..sorta..).

This 12” PowerBook G4, God bless its beautiful little form factor, is audible from the opposite end of my apartment. Adam likens the sound of it to that of a dustbuster. And it really is driving me crazy, not to mention it’s way too slow for what I need it to do. So, I have to upgrade. First let me say, I love the MacBook Air body – sleek, sexy, almost weightless. I checked it out in Best Buy last week and it definitely had me salivating…sigh…but it needs more power. So, I’m getting a white MacBook with an upgraded hard drive to match the specs of the default black MacBook (which, by the way, is $100 more than the white with even specs).

If all goes well, I’ll be making that purchase before the end of the weekend :) But now I’m going to bed, and hopefully sleeping off this oncoming cold. Wish me luck!

Recent government action has dramatically increased (300-1200%) the fees internet radio companies must pay to play the music you enjoy.

This means that sites like Pandora and Last.fm, as well as many other online radio stations, could be shut down due to bankruptcy.

You can help, let your voice be heard. Visit SaveNetRadio.org to see how you can help prevent the death of online radio.

The first interview was with Robert Dempsey, Project Director of Atlantic Dominion Solutions a Ruby on Rails website and application development firm, and Founder and Director of Rails For All a non-profit organization dedicated to the promotion of Ruby on Rails to developers and businesses.

My interview with Robert is available in the Interviews section at Rails for All.

The second interview was with Craig Ambrose, a freelance agile web developer specializing in Ruby on Rails. In November, Craig began producing his Freelancing On Rails podcasts which have been a great insight into the world of freelance web development (something I’d like to try full time down the road).

Read on to view my interview with Craig…

1. How did you get into software development, and more specifically, Ruby on Rails? Did you have any university training or were you more self-taught?

I spent three years at uni (software engineering) but I never finished because I was doing a year of industry placement with a computer games company and got a bit involved in the project and lost interest in going back to uni. So, while I found university invaluable, I did find I was learning more once I left. I’m personally in favour of a more balanced combination of theory and practice. Usually whenever people give me a chance to rant about it I advocate an apprenticeship model for programmers, with a couple of days a week of “trade school”, covering all the theory, and a much heavier programming component that university usually offers, on real projects for real clients, rather than contrived problems.

I started using Rails a couple of years ago when I was at a local industry group (on the subject of design patterns) and pitching about the lack of good object-relational modelling layers in PHP and someone suggested that I try Active Record (and Rails). I tried rewriting a small PHP app I’d written in Rails instead and was surprised by how much faster it came together and how much nicer the code looked.

2. What kind of jobs did you have before freelancing and how did they help prepare you for this work?

I spent about 4 years doing C and C++ programming in a couple of different game development companies, and when the second one downsized, I started doing freelance work as a PHP programmer. After about eighteen months of that I was feeling a bit isolated and stagnant in my learning. At the games companied I’d been part of teams (of about ten programmers) and there were always more senior people to learn from. As a PHP developer I was working with a a couple of other programmers on occasion, but many of them were self-taught, which I don’t have anything against, but they didn’t seem to have much interest in pushing their skills beyond producing spaghetti and calling it programming. Also, I found that I was working more and more for the same client that I ended up being basically an employee.

In the end, I took a job at a .NET firm for a year. The work wasn’t terribly interesting, but I found that my “freelancing mind set” really helped in dealing with management and the companies clients. I was learning more again, but the organisation and technology where very conservative, so obviously I was being left behind. When I finally quit to freelance again (and this time with an intention of having a bigger variety of clients, and working exclusively in rails) I had a bunch of knowledge about what the bigger companies were doing. Still, I don’t think that the experience is entirely necessary, people can start freelancing straight away, providing they have ways of continuing their own learning.

3. What part of your job is the most interesting or rewarding and which is the most challenging or difficult? What motivates you to continue in spite of these difficulties?

The rewarding bit is not working for someone else. It’s good to be able to succeed and fail on my own merits, and make my own decisions about which technologies and development practices are most effective. I enjoy the face to face contact with clients, and the networking and marketting.

The downside is probably cash flow. A single contractor is pretty exposed to the feast and famine income of payments and gaps between projects. It seems to be slowly becoming less of an issue, but it’s probably the single biggest obstacle to freelancing.

4. From your personal experience in this field, what attributes do you think are essential for success?

Confidence. Everything else can be faked if you’ve got confidence. :)

Oh, I guess being able to program helps too, but that just requires practice and a whole lot of books.

Well, I’m really not sure why I didn’t do this a month ago, or why it took me this long to think of it, but my new portfolio site is up at JulieMarie.net.

I built the site with Radiant, a simple, Ruby on Rails based content management system and designed the layout myself.

Check it out! Let me know what you think :)

Jewls

Well, since I don’t really have a lot of time to write more than one blog post per month, I figured I’d link you all to my Twitter page where I have the chance to post once or twice a day.

You can find me at twitter.com/jewlofthelotus. Add me if you’re a Twitter-er (?), too. :)

I don’t tweet too often and I don’t necessarily tweet about what I am doing. But if I have something meaningful to say in less than 140 characters, I’ll tweet about it.

And so I give in to this Twitter thing.

Jewls

When I came to MSU, I thought that the music industry was where I belonged. I knew performance was definitely not the path for me, so I took the production route. MSU offers two courses in audio production, both of which I passed with flying colors, but neither of which left me with a strong sense of confidence or inspiration to jump into the business. This was not the fault of the professor. It just turns out that I’d rather just listen to music and appreciate it, than create it on my own and push it into a market that I won’t waste time critiquing at this time.

Last spring, after finishing both audio classes, I spent a lot of time worrying that I was headed down the wrong road. As I finished up my last audio class, I watched my boyfriend, Adam, code away and make websites. I liked his freedom and I liked that he was making something that people could use. With music, people can absorb it – listen to it, dance to it, appreciate it. With the internet, you can interact – with people and with applications. It only became clear to me recently, but interaction has always intrigued me. I guess this comes from my fascination with determinism – I enjoy observing interactions and the effects of those interactions. Human interaction is particularly interesting. In my interactions with people, I’ve always liked to play a mutual role – lots of different groups of friends, never taking sides in a fight. I’ve also always enjoyed entertaining people – throwing parties is one of my specialties, you know. I like a lot of different types of people, I don’t like fighting, and I like to make people happy. Plus, I enjoy interaction. So, how do I make a career of this? Well, I had a whole summer to figure things out. So, I headed to Europe and forgot about the future. I also signed up for a few web-related classes before I left.

As you may have heard, Europe was incredible and completely life-altering. I came back to Michigan eager to do something enjoyable with my life (as well as, return promptly back to Italy). So, I gave into Adam’s praise of Ruby on Rails and spent the rest of my summer working through RoR tutorials and reading Agile Web Development with Rails. When school started back up, I had a Computer-Mediated Communications class as well as an Interactive Media class. From there, I built ExpressiveConnections.com for my Interactive Media class, and learned a lot about online interaction in the CMC class. It was a good semester.

My Scripting Web 2.0 class this semester is great. My “Is God Dead?” class has allowed me to explore determinism among other things more. And the other classes are, well, okay.

So, I’m enjoying the internet. I really enjoyed making Expressive Connections. I want to learn more, and I want to be really good at it all one day. I’ve only been doing this web thing for eight months, though. So, I feel like I have a ways to go. I also feel like I missed out on a lot during the first three years of college….I could have been taking programming courses and database classes. (It especially irks me that when I was in high school making websites for rock bands (the faces of greenwheel) and templates for Diary-x journals, or Freshman year of college when I made an online portfolio, that I didn’t recognize my interest in the web then. I guess I can excuse myself in high school since the characteristics of today’s “Web 2.0” (like interaction, participation, customization, and collaboration), weren’t quite there yet. I didn’t see the full potential of the web, then. And, I guess I can excuse myself for Freshman year because I built my portfolio site using Adobe GoLive and it was a frustrating experience, to say the least. However, looking at the old source code today gives me a good laugh.)

So now I’m going to graduate and need to figure out what I’m going to do with myself after that. I think I’ve almost come to some sort of clear rational decision, but I’m not there yet. Here are some things I’ve been thinking about:

1. Grad School – Human-Computer Interaction at U of M
2. Freelancing…
3. A real job somewhere…

I like freelancing because I can be my own boss and work on my own hours. I’m hesitant about getting a “real job” mostly because I have only been doing this 8 months. I barely have a relevant resume. And, I feel like there’s a lot more that I should know before going for a “real job.” Finally, there’s grad school. Honestly, this program at U of M sounds perfect. And applying is 90% positively in my near future, however, before I apply – I need to get Michigan residency. No more of these Out-of-State fees, thank you. When I am able to get residency, though, will determine which semester I am able to apply for. If I wait to get a place in Ann Arbor after graduation and then get residency, the soonest I could apply for is Winter admission. So, then I’d need to find something to do on a full-time basis between May and January. Whether that would be freelancing or a job or an internship – I have NO IDEA.

Sigh. But that is where I am now. Trying to make decisions. Excited about the future, unsure of how I’m getting there. I’m good at planning, though. So, hopefully it will all come together soon.

If you read this far, please leave a comment so I can bake you a cake.

Jewls