After wading out of the kiddie pool (with Khan Academy’s HTML/CSS Basics), I felt ready for a plunge into interactive web design. Code School’s tone is a bit more grown up, but not quite as presumptive of background knowledge as Udacity’s courses, which largely lack scaffolding (baby steps up to larger concepts).
Course: Introduction to JQuery
Requisites: HTML and CSS (intermediate); programming (basic)
Time commitment: 3-5 hours
Instructional design: 9/10
+Video intros to each unit keep the user engaged, and helps to contextualize concepts, a la mind maps.
+Very little fluff. Crisp, well-paced visuals.
+ Content is chunked into 6 units. Each unit is broken down into 2-4 key concepts, each of which has follow-up practice exercises.
+ Extensive skill break-down and scaffolding eliminate remediation needs – it’s near impossible to “miss a step.”
+ Content is pertinent – no one-off skills you’ll never use again.
-The user’s work does not always carry over task-to-task, like you would see in, say, Codecademy. It’s a bit cumbersome to re-type your code from the previous screen.
Interface design: 5/10
+Logical visual flow from directions at the top, DOM in the middle, and console input (where you do your work) at the bottom.
-A lot of visual toggling that ultimately feels inefficient – a third column with directions, for example, would eliminate the constant “look-up, look-down” visual pattern which, on a larger screen, can be a concern for visual load.
-Poor segregation of items on the screen – lesson title, directions, and output all run together visually.
+White space is easy on the eyes, and feels like a PDE/code editor. Look at me, Mom – I’m a programmer!
-Not responsive to mobile devices (the dreaded Scroll of Death).
+Most common mistakes come back with a specific suggestion – feels like personalized learning in that way.
-No community support, no 1-on-1 support for uncommon mistakes or overall confusion.
While the interface takes some getting used to (it’s not immediately obvious where the user’s “sandbox” lies), the clear and scaffolded instructional design more than makes up for the visual confusion. Suitable for 13 years and up.
Next steps: Make a JQuery-rich website with Codecademy.