Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Joel Fredin
Joel Fredin
Courses Plus Student 1,971 Points

Need inspiration - Projects which INCLUDE JavaScript/ruby :)

Hello,

Right now I am watching the videos for the "JavaScript Foundation" course and I think it's a great way to learn. But, I think, if you truly want to learn a programming language you also have to practice your skills. What's the best way to practice? Well for me; I think it's some real (world?) projects. :)

What i want are ideas for projects. I do not mind if these projects are challenging since it forces me to learn even more and to activate my brain. I don't want too challenging projects though, I don't want to go bananas and quit this wonderful hobby ;)

So my only requirement for this project is that it includes JavaScript/Ruby or (both?). It doesn't really matter if it also includes HTML, CSS, PHP and so forth. Because, right now, I don't really understand how i should apply the programming skills i am learning. So any ideas would be awesome :D

Challenging or less challenging doesn't matter. As long as you give me ideas for projects :)

Thanks.

Jacob McGrew
Jacob McGrew
11,247 Points

Andrew Chalkley has 4 cool projects in his jQuery Basics course (Creating a Spoiler Revealer, Creating a Simple Lightbox, Creating a Mobile Drop Down Menu, Creating a Password Confirmation Form, and Creating a Simple Drawing App). Perhaps try these projects using only Javascript?

4 Answers

chrisp
chrisp
13,686 Points
chrisp
chrisp
13,686 Points

I had similar problem when I first started learning programming. Was trying to think of ways I can apply what I learn in projects. I am not sure if this may help but here are somethings I did.

Javascript - Build Loan calculator using Javascript, HTML, and CSS that does interest calculation and outputs it on a graph.

PHP - Build an fitness tracking application with authentication. Where I insert my work out, diet information, and time into a database. Use javascript behaviors for various UI elements. Slowly add more fitness functionality as improve on it.

As for while ruby, I am trying to build my own blog from scratch and javascript to make wysiwyg UI.

All this projects I did include JS, CSS, and HTML and really enforce the learning and practical process.. Anyway, I would love to hear what you will do once you come up with an idea. Best of luck on your journey.

Joel Fredin
Joel Fredin
Courses Plus Student 1,971 Points

Thank you Chris. :)

I will return to you once I've chosen which one I will go for as my first project. I've got plenty of options right now, So i'll have to think about it ;)

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Here are 5 of my favorites that I've made using codepen while learning Javascript.

  • Simple Accordion
  • Text Area with Character Count
  • ToDo List (using localStorage)
  • Current Weather (using an API)
  • Simple Calendar (using moment.js)

You can also check out the projects on http://www.pairuptocode.com/

Joel Fredin
PLUS
Joel Fredin
Courses Plus Student 1,971 Points
Joel Fredin
Joel Fredin
Courses Plus Student 1,971 Points

Thank you for all of your ideas. :) It will be hard to choose which one to start with, though, ;) But i am glad you gave me so many cool ideas. In the end, I hope I have finished them all :))

Thanks.

Arturo Romero
Arturo Romero
4,180 Points
Arturo Romero
Arturo Romero
4,180 Points

Try coder.ocm they have JS project that you can follow

I also needed hands on projects that I could follow that could help me expand my knowledge of JS,

Here is the Night Day project Here is my version Github Check out my repo on github. The night and day project used Jquery as a framework, I decided to try and build the same project using raw JS.

From these projects try to go further adding more functionality to your JS. This will help you get inspired.