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
Josh Hicks
14,146 PointsStarter projects for front end developers?
Does anyone have any good ideas for starter projects for aspiring front end developer? I'm trying to find "mini-projects" to get started on freelance websites to build my resume and skills. I see a lot of PSD to HTML (even though it's dead), and Wordpress stuff. Any other ideas?
8 Answers
Mohammed Shaaban
1,338 Pointscheck this out http://startbootstrap.com/
Dustin Matlock
33,856 Points
Josh Hicks
14,146 PointsActually, what I meant was: what are some examples of projects that would be a good learning opportunity for a enty level dev.
Dustin Matlock
33,856 PointsNearly everything I just posted has examples of really awesome designs you can learn from. Some of them are fairly low cost and you would get the code to inspect and see how they are doing it. Here's just one example on ThemeForest for $15. There is plenty of free stuff as well.
If I'm still not understanding, maybe you mean: what would be a project for a beginner web developer to start? In that case, just about anything; you have to start somewhere.
Riley Hilliard
Courses Plus Student 17,771 PointsI always think making a personal site / blog / place for your portfolio to be is one of the best starting points if you are looking for a project to learn with. It is both a great place to get some practice, as well as extremely practical as a place that you can eventually showcase your skills to a future employer. My website was one of the first projects I started on when learning frontend stuff, but then branched out into simple open source projects, music projects, and wordpress projects to practice what I was learning on Treehouse. Hope this helps a bit.
Dustin Matlock
33,856 PointsCool SoundCloud project!
James Barnett
39,199 PointsCSS
Re-create this using pure CSS (except for the badge image itself)
JavaScript
- word guesser
- memory game
- shopping list
- weather widget (using Weather Underground AP)
Kenneth Love
Treehouse Guest TeacherDo the badge image in SVG ;)
James Barnett
39,199 PointsKenneth Love - That would be badass. Maybe Mat Helme or Guil Hernandez could do a workshop on how to make this badge into an SVG.
Josh Hicks
14,146 PointsYes, this is more of what I'm talking about. Things like making my portfolio site, and small javascript programs that do stuff like the word guesser or shopping list. And recreating things in CSS is definitely something I'm starting to do more of. Do you have any advice on how to practice converting psd to html or practice creating a Wordpress site?
Also I would love a workshop that showed you how to convert that logo into an SVG!! Mat Helme and Guil Hernandez should totally do it. Their designing in the browser vs Illustrator was great.
James Barnett
39,199 Points> Do you have any advice on how to practice converting psd to html
-
Check out the slicing related-videos in:
- Treehouse's Photoshop Fundamentals
- Lynda's Photoshop for Web Design
-
Also check out:
After you've leveled up your Photoshop slicing skills check out this series Bringing Premium Pixels to Life
Josh Hicks
14,146 PointsBoom..and THAT'S why they pay you the "big bucks" James. Thanks!!
Dustin Matlock
33,856 PointsThe moderators don't get paid, and neither do most who answer questions. But it's great when someone's advice can help a person out. Best wishes in your studies!