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
Aurelian Spodarec
10,801 PointsGetting messy! : d
Hi There!
I'll tag: Tim Knight could you help me please If you have time with this. It's a new 'level' for me, as well as I added off-canvas navigation that slides horizontally and the classes etc.. which I think it's fine but.. the other things.
So I have been doing a site, and I have used many, many new features, and many more things to it, that I got lost now. I have added animations, invert colors, highlights etc..
The problem is..
How do I organize all this?
I mean, where do I put highlight? highlight invert, l-section--negative? what about negative-contact--form? in the pages?
Oh, and in modules i ahve things like m-nav etc.. but where or how do I put buttons, forms? m-button? that doesn't seem nice? maybe new forlfer, 0bjects? or soemthing, to separate modules from these little things like buttons.
This is the page I'm actually doing , all pages wokrs, but only contact form has something in it, and of course the indext page.
https://aurelianspodarec.github.io/hcOriginalAurePortfolio/index.html
https://github.com/AurelianSpodarec/hcOriginalAurePortfolio/tree/master/assets/scss
and this is github
How would you re-factor my Sass files? or where would you put the highlights, etc.. animation in base? typography is highlight? or a new module highlights.
Aurelian Spodarec
10,801 PointsOr on the other hand It's not THAT messy, but I feel it's slightly unorganized - maybe.
Though this project is a more robust with the inverse styling etc.. really love it. I think re-factoring it once I'm done, that would be a good idea I suppose.
In base, I can have the 'global' styles, to a degree, maybe, or a new folder, project files.
Have there 'highlights' , headers , maybe.
Or I should actually stop using on every single element l- and m- and get off that hook a bit. One time I was using m-btn -_-
But I love this :D just need to figure the stuff out, men, this is soo nice. Now, I know what is an easy site, I consider this a bit up. Now, I know what is a hard site to do, which by any means this is not a hard site, But i have seen many that are. This is great. lol
I don't know, but I always keep comming to this, because that's the fundamnetal part for front-end, having a nice clean maintanable code. At the end, I work on it, and others will too.. soon, I suppose, and I know what I'm doing, is possible to do it clean, I can make a small easy site to have a clean code. Here I added more stuff, and I never worked with it, hence I need to think about it again. COmpared to someone with the experience, that person will know what or where to put this, and how to do it.
Like Martial arts to a degree. You have experience in fighting with a person, maybe, and you see and know or can read the timing this that etc.. but if that person is a lot more advanced than you, you will start to be disorientated because the other person is out of your league. At least that's how I feel : p
1 Answer
Tim Knight
28,888 PointsHi Aurelian,
Wow. Okay, so... without addressing things point by point here I'm going to continue to repeat what I've been saying in past posts. It isn't necessarily about a wrong and a right way of approaching something, it's about how much your approach helps you as the developer stay organized. If it feels messy to you, then it's not working. Not because someone else says so, but because of your experience.
Now, in terms of organization... yes, I personally have a forms module and a buttons module because that helps me. On something like animation it's just going to depend on what you're doing. If the animation is specific to a module, then put it as a state of that module within the module. If you have the same animation timing throughout various modules then consider abstracting those specifics of that animation into a mixin or placeholder class.
In terms of personal consulting I'm currently not taking on anymore of that work. Mostly because I don't have enough time to add more consulting clients. I appreciate the thought, but I really don't think you need that.
In terms of your martial arts metaphor... yes, I do have such experience. But to stay with that metaphor, think of it like this. If you were a fight with a more advanced person and that whole time you're thinking, "holy crap, this person is much more advanced than me they're going to hit me, they're going to hit me."—guess what's going to happen? You're going to get hit. Instead, you have to stay calm, stay in the moment, move with them, and understand that sometimes the rules you were taught are really just guidelines in an actual conflict.
Aurelian Spodarec
10,801 Points"guidelines in an actual conflict" - When they say Sass files should be maximum 5folders lol Then I will make 10 of those folders lol or 2. But that's just a 'beginners' guideline, to say 5, to get an basic idea of what's going on.
As you evolve more, then you can modify everything, because that was just a guideline.
Like In Martial arts, you learn a style first.. then once you know it, go and mix it, go and do something that the style you were in , said you better not do etc.. or experiment with different stuff. If you get me.
Everyone learn the same basic thing, basic fighting stance etc.. but as you get advanced you develp your own unique style. Which can be against the 'guidelines', right.
I think I might have been just overwhelmed by what I was doing and thinking, not particually messy, but I feel I could organize it better. I'll just go to swim now, to cool down lol
In short, I just need to grind this with time.
So if it feels messy, I should probably create highghts files, who cares, but that will help me right, with time I will see how I can do things differently.
And stay clam, which means practice and grind it right.
It felt good to read your answer, a lot more relaxed lol
I think I seriously take some guidelines as black and white, "guidelines in an actual conflict" , I think that's how I feel.
But this is soo awesome, I can feel this, I feel the growth lol a lot in the past month, then just practice, and now again, when I took a challenge, and I got slightly messy again, but I think that's exactly what you just wrote.
I absolutely love this lol can't wait to finish this site I'm doing, re-think, digest and learn even more from it, and have more experience in this :D and then add grunt/gulp, page optimization and get the full stack front-end, if that exist lol ( the junior stack at least.., without going fancy with react, node and so on).
Thank you soo much! Really helps! Like always! And I absolutely love your codepen! It's amazing, but too sad you don't have more code there :D and your Martial Arts, shall talk more about this too :D lol this is getting as addicting , if not more than adult content lol I want this soo bad lol I know there's no perfection, but I can see what's happening right now, new concept, new growth, and I'd be able to handle sites a lot easier, with a more complex UI and UX, which is trick at times.
Well, wasn't that short but, thank you :D
btw, what do you think I should learn for front-end?
Gult/grunt? page optimization? I mean.. I can do sites right, will find my self in this etc.. but what should I do to take this to another level? Industry standard I assume.
I really want to work as people work in the industry, but I mean to be good, and be effective.
My plan is to learn front-end very well, and move to PHP just to get that full stack, but really want to get all the things down for front-end, because I feel I'm super close to achieve what I want, and I'm almost happy with it. I just know I have some flaws, like here, and things I'm not doing, e.g. compressing the HTML and CSS when in production.
Again, thank you !
Tim Knight
28,888 PointsAurelian,
Yes the more you practice and just grind through it the more calm you'll stay. And yes, if you feel you need a highlight file then by all means, make one.
In terms of what to learn next. Page optimization is going to be a bigger topic. So if you're just trying to add tools to your toolbelt then perhaps investigating tools like gulp and grunt would help. But honestly it's not up to me, my opinion shouldn't matter on something like that. What seems fun? Then learn that.
Aurelian Spodarec
10,801 PointsJust to add, what do you think I should learn or do?
Keep doing what I'm doing, but, what about all the other stuff, so I'm 'job ready' - I suppose.
By job ready I mean, being good at it, so it's actually done the proper way, and I'm on a good level. Job it's self, doesn't mean anything, but I assume people must be good if they got a job as a developer in their craft. I see many back-end devs that aren't really that good in front-end, nor know much about it, but can do the basic things, and I was like ummm, I suppose that's because they were hired for back-end, so they must be good at back-end.
Aurelian Spodarec
10,801 PointsI know, you just wrote the answer to it, but what about beeing ready for a job? xd Everything seems fun :D
Aurelian Spodarec
10,801 PointsI mean, at the working in a job, if they use Less, not Sass, then Id have to deal with it right, though I really want to get a job in this field, and improve a lot faster, which means doing things that I don't necessary like, I suppose. Though they are necessary, like page optimization.
Aurelian Spodarec
10,801 PointsAnd I will probably create the highlights file or something. Too many guidelines, I need to break them, and I'd feel a lot better, right,
Sorry If I 'spam' too many comments right now, I feel.. strange. Too much pressure from coding lol
But this really helped! :)
Tim Knight
28,888 PointsMy previous answer to what to learn next still applies. If you find a job that requires you to know something else, then you learn it. Like I've said several times you're not going to know everything for a lot of jobs... but you just have to communicate your ability to learn it. So again, please try to relax that you're going to miss out on something.
Aurelian Spodarec
10,801 Points:D A lot better after swimming. I'm like this because I want to be ready to get a job. So i really want to push it, but because I don't really, really know how real life looks in this, I'm trying to well, try and get best practices, etc..
Do you think I'm 'hire-able'? If I was to apply for jobs as a front-end web dev? With what I currently know.
Tim Knight
28,888 PointsAurelian,
You've asked me several times within several separate posts now if I thought you were hire-able and each time I've given you the same answer. Are you expecting I'm going to change it? ;). Like I said last time, start sending your portfolio out there while you're still building it. There's no reason not to.
Aurelian Spodarec
10,801 Pointsxd I don't know, I got different feelings with new posts to you xd ok, I will do that then xd
PS. Are you a Ninja Hacker? I saw in your description, you're a Ninja xD
I must tell you, it's a Perfect combination! 
Thank you :)
"I think what you've been doing is great. I think you have enough to start reacting out to agencies or working to do more freelance for other people. There's never a point where you're "done" in my opinion. You've done awesome putting this stuff together... so I would just say, put yourself out there to win a few projects and jobs."
Found it! :) Cool! :D
Aurelian Spodarec
10,801 PointsAurelian Spodarec
10,801 PointsAnd Tim, would you do front-end consulting if I was to pay you? I mean proper consulting with a project or something, to have everything re-viewed etc.. have your toughs on whatever it is. I mean, a very robust. Here on TTH is great, though I mean a lot more, though that would take a lot more of your time, If you get me.