Any learning resources to recommend for Sass, React and D3 for data visualization challenges?

1

I am doing the challenges in data visualization, can anybody recommend any learning resources for Sass, React and D3? Thanks!

2

Hey!

Several links on React:

:palm_tree:

3 Likes
4

I loved the “Building Applications with React and Redux in ES6” pluralsight course but its hard to recommend without first recommending the old flux version. The newer version kind of assumes you know everything from the more beginner friendly flux version. Which is why I recommend to do the old flux version up till it starts teaching flux, which is the 9th and 10th lessons. Once you finish the first 8 lessons switch to the redux version from the start of the new react redux es6 course.

By doing these courses you will learn A LOT more than what you mentioned while using more realistic development tools. I improved so much from these two courses that I feel they should almost be mandatory for every one on this site…

https://www.pluralsight.com/courses/react-flux-building-applications << older more beginner friendly React Flux course.

https://www.pluralsight.com/courses/react-redux-react-router-es6 - “Learn how to use Redux, React Router, and ES6 to build a real world app with React. Use Webpack, Babel, ESLint, npm scripts, Mocha, Enzyme, and more to build a rich, one step, custom React development environment and build process from the ground up.”

Edit: Oh yeah forgot to mention you can get a free pluralsight account from microsoft visual dev essentials in case you didn’t know. I also forgot to mention that since those courses teach you so much its a bit overwelming. So I added two more good courses to help smooth things out.

  1. https://www.pluralsight.com/courses/react-js-getting-started - “Learn the basics of React.js, and build an in-browser, math skills kids’ game from scratch with it.”
  2. https://www.pluralsight.com/courses/react-flux-building-applications - Skip the flux parts
  3. “Redux Tutorial #1 - React js tutorial - How Redux Works” the 7 video playlist from Youtube channel LearnCode.academy
  4. https://www.pluralsight.com/courses/react-redux-react-router-es6
5

Thanks temcha, P1xt and DuskyPixel, really appreciate for all your help!

6

http://bl.ocks.org

For d3.js

1 Like
7

For React:
https://www.npmjs.com/package/learnyoureact

If you are following backend tutorials on fcc for node.js and express.js, you should be familiar to “learnyou” series.
You can clearly understand the basics by completing challenges.

8

So I’m really late to this but just wanted to share what I’ve found on D3.js so that anyone else looking can benefit from this :slight_smile: This is a really great D3 intro series on You Tube by Traversy Media and I found it really helpful:

Part 1 - https://youtu.be/fFY3E0PmIxM

Part 2 - https://youtu.be/FxGmi7z2rZc

Part 3 - https://youtu.be/udVieI4c0iY

Part 4 - https://youtu.be/16BfEjrNzr4

Part 5 - https://youtu.be/XbmG4Aycj5A

Part 6 - https://youtu.be/Xf2BHxPc5wM

Part 7 - https://youtu.be/5pNz_Dyf9_c

Part 8 - https://youtu.be/11QMX7vA22Y

With knowledge from these videos, I built this: http://codepen.io/GenesisWebDesign/full/pRLNwK/

In this series, you’ll also learn some things about SVGs and animation. Hope this helps everyone!

Sincerely, Jessi

1 Like
9

Thanks! really appreciate your help!

Currently I am doing the roguelike dungeon crawler game, do you have any good resources for this game?

10

Nice Chart!

Thank you for sharing the links. It really is a good series.