Portfolio -did you code from stratch?

Exactly. I agree with owel.
These projects purpose is to let you practice on something. If they force you to go on technical documentations to study them, they already reached their goal :slight_smile:
It’s up to you to test yourself: you can copy from bootstrap to test its code and make practice on this useful framework. I don’t think it’s a big deal if just copying it you’re learning something: how to use it in a basic way, at least.

One possible technique: When you look at other’s… ask yourself what you like about it… and what they did (just in descriptive ways… like: “their menu was able to be hidden by clicking an icon”) and then go and try to find out how to do that yourself… even if it’s just a practice Pen to try out that part of Bootstrap or Foundation or jQuery or even vanilla CSS/JS…

Try to get in the habit of looking at something you like and trying to figure out what it does… and how it does it… and research what you do not know about it…

6 Likes

Just in case you didn’t know, our latest curriculum (https://beta.freecodecamp.com) covers html a lot better. Also, coding out an entire page by yourself (without codepen) isn’t going to happen as it is against one of freeCodeCamp’s primary aims: the ability for anyone to create a website without leaving their browser. That said, I think building one of the projects offline (though it can’t be required) is a great idea.

4 Likes

Good to know that about beta, @IsaacAbrahamson. Thanks! And I didn’t realize creating a website within a browser was part of the FCC philosophy (I reckon I missed this in the documentation somewhere :innocent:). I still feel like education on building a website is incomplete without that component. I haven’t looked at the beta site yet; just been plugging away at the current FCC site. Maybe I should have a peek and see how it’s coming along.

1 Like

When are the new exercises going to be released?

And what is the protocol for going back to new pages after you’ve finished the section in a previous release?

There are answers to this all over the forum. I think the goal is Nonmember, but not unless everything is ready. Try reading this:

Also, if you still have questions, be sure to ask Quincy, he’ll probably be glad to let you know the status.

1 Like

Personally, I think that copy/pasting code while learning is not a good idea. How can you say you completed a challenge if you just copied it?

3 Likes

I honestly think that working developers rarely do anything “from scratch”. It is better to find the pieces you want and then make them all work together.

2 Likes

The goal should’t be to become a “working” developer. The goal should be to become a capable, educated developer who can write his own code. Anyone can copy paste pieces and call himself a “better” developer without having any idea of what he is doing. If that is your goal in life, get off freeCodeCamp and just read StackOverflow all day. We are here to learn how to code. Obviously everyone copies “pieces” of other’s work, ideas, etc., but no one should be content with just copy-pasting code without having any idea of what is going on, nor is it “better” to do so. There is going to come a day when you can’t find some “piece” that you want. What are you going to do then, ask the government to make it for you?

5 Likes

“The goal should be to become a capable, educated developer who can write his own code.”

Kind of pointless to differ with what I said. Your description of what a developer should be is
exactly what I mean by a “Working developer”. I also mentioned on making those pieces WORK TOGETHER. Sorry if you missed that. If you are a working developer and are not copy and pasting
bits of code that you need, you probably aren’t a very efficient developer.

If I may, I believe there is a difference between a working environment and a learning environment… Here, in learning environment, the point is to learn the skills we need to become capable developers…in that, the ability to actually develop, not just an ability to copy and paste code. Sure, of course, once you already know everything, it makes sense to take advantage of available tools to make your job easier. No reason to write from everything from scratch just because you know how. That is very different though from only copying and pasting because its the only thing you know.

Personally, Im a copy and paste developer :laughing: Through the years, I have snagged pieces of code to complete all sorts of freelance projects. Between well commented out code, stack overflow and google, I didnt do half bad. But…up til 2 weeks ago, if you asked me what console.log was you would have gotten a blank stare of epic proportions.

I dont want to hack away at a code and figure out a way to make it work anymore…I want to actually learn. Once I have learned, then yeah, no big deal. But for very sure, as it stands now, I could not with a clear conscious consider myself a capable educated developer because the difference between my copy and paste and one of someone who is already where I want to be is…they know actually know what all that stuff means.

Myself, and anyone else here, can do better than settle for copy and paste when we are more than capable of actually learning development.

4 Likes

That is the only flaw I found on FCC. This is also my first post to go to the next step.

I wrote my portfolio from scratch, it gives u immense freedom to do whatever you want to do. I absolutely sucks writing styles using bootstrap. And yeah, there is no problem in copying everybody does, but do not copy code, instead copy the pattern and concept.

https://a-pandey.github.io/portfolio

2 Likes

Hey Y’all,

I did do my first portfolio project from scratch, but i made a portfolio for a friend of mine at the time, now im wishing i hadn’t lol! I’m going to go back and make my own portfolio, probably not from scratch this time :slight_smile:

The further you go in programming the more tools and patterns you will need to know.
If you copy and paste code now, what will you do when you need such things like Nodejs, Gulp, Express, Webpack, npm scripts, databases or frameworks like React or Angular? At the beginning you will use patterns from tutorials, but sometimes programmers open source code to know how a tool exactly work but a programmer who just copied code before will not able to understand that code.

Except for FCC you should use another learning courses, and tutorials for learning html5, css3, bootstrap and JS. Also it is a good idea to implement behaviors and patterns you like in your work but not by copying code.

I do everything from scratch and build up on my own library. I despise copy and paste without first hand know what it does, unless it is something that is completely over my head.

I have a friend that does this sort of thing. Calls himself a professional and lie about his credentials. Started his business claiming that he has 25 years of experience made me sick.

@admI95,

FCC gives you a guideline to follow. The jump from cat app to portfolio is a creative jump. You combine what you learned and show your creativity. Programming isn’t easy to learn, it takes practice. As you progress, you will tweak your portfolio to show what you have learned. I highly recommend doing projects in an IDE like Atom, Sublime, etc. It gives you a better feel for the programming environment and is useful for using GiT(Github is built on GiT) and React(learn Html,CSS and JavaScript, first). If not, when it’s time for you to collaborate on projects, you’ll have another aspect to learn.

I can’t agree enough with the idea of applying what’s learned to a project of your own. From my own experience, and that of others I’ve helped to teach HTML, the info seems to “stick” if the results they’re after are something of their own design, rather than someone else’s, or by merely following along and “doing what I do”. It gives the entire project a more personal context, and is far more satisfying, I find, when completed, because “it’s yours”.

For example, about 1000 years ago, before CSS was a thing, and HTML 1.0 reigned, I was tasked with teaching 3 new employees how to create websites for the company. It would have been easy to use one of those ‘WYSIWYG’ type programs, even early versions of Dreamweaver, etc… But I wanted to be absolutely sure that they understood exactly what was going on under the hood. While it’s nice to have an app write the code for you, it’s important to be able to read and understand what it all means; also in the case of having to fix others’ work in the future,etc.

So, what I did was had each of them design out a very basic layout in Photoshop. Nothing elaborate or crazy… just a basic header, content area with a few sections maybe a couple columns, and a footer. Had them create an index page and at least 1 sub-page to be linked to/from.

Then I showed them how to get their exact layouts through HTML. They all agreed it stuck much better with them working on their own project, with their own specific results, than it had when they tried following tutorials, etc. After a little while, when I was confident they had a strong enough grasp on what was going on, I said “okay, it’s cool if you want to use Dreamweaver now”. They actually preferred to hand-code their sites, but only used DW to organize and upload/synchronize their sites/projects.

I’ve been out of the Web Design scene for a while now, many years, and have missed so much of the new tech to come along, though I’ve been peripherally aware of it.

So, I’m going through FCC to brush up on what I knew, and to get caught up with all the new things I’ve missed. I’m applying the learning to myself as I applied it to those 3 people years back - I’m designing my own personal blog/portfolio site, and when I’m ready I’ll apply what I learn here to it.

Good times!

1 Like

The same story here bro… Working over it for something like 100years trying to figuree out every bit of it.

I think it is fine to copy elements of the bootstrap example codes. That is what I did for my portfolio page, the difference is that I made sure I was able to modify the code to make it my own. It might take you a while to figure it out, but once you do, it will significantly cut down on the time you spend asking for help online when you do your next project. This because you’ll have understood the core concepts.

Also, it helps to model your portfolio based on a more professional one. That is what I did and it gave me a clear structure for what I should focus on. Mind you, I only mimicked the design of the site adding my own styles.

I recommend you check out Net Ninja’s Youtube channel. It helped me a lot.