A d3 beginner course in codecademy.com

[Jiecheng Zhao]

Hello everyone,
I've create a d3 beginner course in codecademy.com, and the course url is http://www.codecademy.com/courses/web-beginner-en-kcP9b . It has only one section and 5 exercises now. But I hope it will contain more content and become a good beginning course for d3.js learner. Wll anyone have a look at it and give me some advice? In my plan, I will introduce interaction with svg in next section and is there any suggestion about what kind of example shall I take.

[Chris Viau]

It's pretty cool. It's easy to fool it though. For example, on the second lesson, I just have to add 5 divs, and not even add D3 and use it to set the background-color to steelblue as I'm supposed too, and it tells me my answer is right.

On Sun, May 12, 2013 at 8:21 PM, Jiecheng Zhao <hydrog...@gmail.com> wrote:

Hello everyone,
I've create a d3 beginner course in codecademy.com, and the course url is http://www.codecademy.com/courses/web-beginner-en-kcP9b . It has only one section and 5 exercises now. But I hope it will contain more content and become a good beginning course for d3.js learner. Wll anyone have a look at it and give me some advice? In my plan, I will introduce interaction with svg in next section and is there any suggestion about what kind of example shall I take.

--
You received this message because you are subscribed to the Google Groups "d3-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+un...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Jiecheng Zhao]

Yes, and I should add some script to judge the result precisely. I am learning how to use the tools to do that give by codecademy. But not finished yet.

[Jiecheng Zhao]

I fixed the 2nd and 3rd lesson by detecting the background-color and width of the 'div's, (however if student change the style via another way, I still cannot detect it out.) I cannot find out weather students have called transition and duration in lesson 4 as well.

On Monday, May 13, 2013 2:47:47 PM UTC+10, Chris Viau wrote:

[Phoebe Bright]

Chris,

Great idea and fun to do.  

Am having a problem  on lesson 4.  It doesn't seem to be waiting for the transition to complete before taking the measurement so I get "Oops, try again! expected div:nth-of-type(1) to have its width style equal to 25px but got 1479px" even though the width is 25px.  If I take out the duration, it gives me Way to go! Using Safari 6.0.3

Phoebe.

[Jiecheng Zhao]

Thank you for your feedback. I have fixed that and pls try again. ^_^

[IPWright]

That is a really good idea - I'm fairly new to D3 and I could see that a large suite of these lessons would be incredibly useful.

I did find on lesson 4 that it wiped all my HTML from the previous lesson, so I copied lesson 3's and pasted it in lesson 4's code section to fix it. Other than that I'd say good work and do more! :)

[Jiecheng Zhao]

Should be fixed now. :-) . What kind of things would you like to learn?

[IPWright]

I guess a little more in depth on a whole variety of topics, assuming real newbieness... e.g. class/id selectors could be included, enter/exit behaviour, more about transitions, examples on the built in layouts....

[Jiecheng Zhao]

The section is available in the same url