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 trialericschekel
2,965 PointsFolders and files for a complex website.
What folders and files do web developers and designers use when creating a complex website. Also how are the organized and what are the best practices for naming them.
1 Answer
jason chan
31,009 PointsUh we usually use frameworks. The framework is already organized into MVC folder structure. You will learn mvc like laravel, django, rails, flask later on in your development career.
But I recommend taking the ruby course first
https://teamtreehouse.com/tracks/learn-ruby
https://teamtreehouse.com/tracks/rails-development
Basically MVC. Model View Controller. You will see how these frameworks are organized. You will build the website based on the framework.
- Model - database
- Controller - routes and functions that make database calls
- Views - templates dummy html with form html mangles with template script.
You can view the file structure under File/Folder http://guides.rubyonrails.org/getting_started.html
It's the same for:
- php - laravel
- Python - django or flask
- javascript - angularjs or mean, ember, backbone, node, express
- C# or visual basic - asp.net
- java - spring
- ruby - rails
Basically, learn ruby on rails or angularjs. Get the feel of MVC and you'll learn how the files structure works in development environment. Software engineering teams wrote these so. Don't be afraid to peek into the unminifed code to see how things are done. Goodluck.
Tiffany Sun
4,455 PointsTiffany Sun
4,455 PointsGreat question! It's actually covered later in the 'Web Design' course under 'Photoshop Foundations'> 'Workflow Basics'.
The hierarchy they suggested goes from: <br> folder 'Client' > folder 'Project'
then nested in 'Project' folder are: <br> folder 'Assets' (stock photos, logos, fonts, other assets provided by client) <br> folder 'Design' (photoshop, illustrator, original designs, archive) <br> folder 'Docs' (branding style guides, project briefs, other docs provided by clients <br> folder 'HTML' (coded website files) <br> Hope that helps! :)