CodeWalrus

Development => Web => Topic started by: alexgt on February 09, 2016, 07:44:03 pm

Title: FreeCodeCamp
Post by: alexgt on February 09, 2016, 07:44:03 pm
My sister showed me this site (http://www.freecodecamp.com), FreeCodeCamp and it looks really cool so I started on it.

I wanted to see if anyone else used it, if not you might want to start on it ;)
Title: Re: FreeCodeCamp
Post by: Snektron on February 09, 2016, 10:20:58 pm
Seems cool, though im not that much into web developement
Title: Re: FreeCodeCamp
Post by: Dudeman313 on February 09, 2016, 11:03:04 pm
I just signed up; I think this will be fun. I might be able to do it if I can use my computer.
Title: Re: FreeCodeCamp
Post by: alexgt on February 09, 2016, 11:14:26 pm
Yeah, it says somewhere that it takes over 2000 hours to complete on average O.O

But if you complete it all you will be put on a list for employers to see ;)
Title: Re: FreeCodeCamp
Post by: Dudeman313 on February 10, 2016, 12:58:45 am
Everything has pros and cons... :walrii:
Title: Re: FreeCodeCamp
Post by: Snektron on February 10, 2016, 09:09:39 am
Quote from: alexgt on February 09, 2016, 11:14:26 pm
Yeah, it says somewhere that it takes over 2000 hours to complete on average O.O

But if you complete it all you will be put on a list for employers to see ;)

2000?! How did some people finish it in like half a year? They would be doing this more than 10 hours a day o.o
Title: Re: FreeCodeCamp
Post by: Jokeriske on February 10, 2016, 10:24:45 am
it would be awesome if i could meetup with other coders in my city
Title: Re: FreeCodeCamp
Post by: Dudeman313 on February 10, 2016, 10:52:34 am
I would love to do that to, but I only know one coder, owner of a CE, who is an expert coder and also a :ninja: .  Also. my mom doesn't let me go over to friends houses anymore, unless they invite us, she know 3 days in advance, and she has met their parents.
Title: Re: FreeCodeCamp
Post by: SiphonicSugar on February 11, 2016, 02:00:37 am
Hmmmmmmmmmmmmm......... Learn to code, eh?
Title: Re: FreeCodeCamp
Post by: Dudeman313 on February 11, 2016, 02:09:34 am
Yup.  ;D
Title: Re: FreeCodeCamp
Post by: SiphonicSugar on February 11, 2016, 02:19:16 am
I haven't really looked into it that much, but what languages can you learn from it?
Title: Re: FreeCodeCamp
Post by: Dudeman313 on February 11, 2016, 03:00:49 am
I didn't pay attention when they were listed, but I'm currently working on HTML and CSS.
Title: Re: FreeCodeCamp
Post by: Snektron on February 11, 2016, 01:06:43 pm
Quote from: SiphonicSugar on February 11, 2016, 02:19:16 am
I haven't really looked into it that much, but what languages can you learn from it?

I think its just web developement in general, so probably HTML, CSS, JavaScript, PHP and MySQL. Other than that a few libraries like Bootstrap.js, React.js , D3.js and Node.js (basically the hipster web dev libraries - surprised jquery isnt there).
Title: Re: FreeCodeCamp
Post by: Dudeman313 on February 11, 2016, 09:08:51 pm
Quote from: Cumred_Snektron on February 11, 2016, 01:06:43 pm
Quote from: SiphonicSugar on February 11, 2016, 02:19:16 am
I haven't really looked into it that much, but what languages can you learn from it?

I think its just web developement in general, so probably HTML, CSS, JavaScript, PHP and MySQL. Other than that a few libraries like Bootstrap.js, React.js , D3.js and Node.js (basically the hipster web dev libraries - surprised jquery isnt there).

Oh. Okay. :)
Title: Re: FreeCodeCamp
Post by: alexgt on February 12, 2016, 07:47:45 pm
Quote from: Cumred_Snektron on February 11, 2016, 01:06:43 pm
Quote from: SiphonicSugar on February 11, 2016, 02:19:16 am
I haven't really looked into it that much, but what languages can you learn from it?

I think its just web developement in general, so probably HTML, CSS, JavaScript, PHP and MySQL. Other than that a few libraries like Bootstrap.js, React.js , D3.js and Node.js (basically the hipster web dev libraries - surprised jquery isnt there).

Yep those are all of the languages.

I am on challenge 120 or something
Title: Re: FreeCodeCamp
Post by: Dudeman313 on February 12, 2016, 08:28:21 pm
jQuery is there...
I think I'm on challenge 98 or somethin'. That's how many BP I have. :walrii:
Title: Re: FreeCodeCamp
Post by: alexgt on February 12, 2016, 10:07:19 pm
Have gun on the first project when you get there! (around challange 140 :P)

I really like how it is laid out ;)
Title: Re: FreeCodeCamp
Post by: Dudeman313 on February 12, 2016, 10:20:27 pm
I will! I'm in jQuery currently. It's kind of a drag... :P
Title: Re: FreeCodeCamp
Post by: alexgt on February 16, 2016, 02:42:16 pm
Yeah, I haven't had time, I will work on more tonight I hope ;)
Title: Re: FreeCodeCamp
Post by: Dudeman313 on February 16, 2016, 02:50:26 pm
I'm having trouble with the tribute page. I'm kinda lazy, but I also have other HW to do, so maybe I'll get back to it. It's kinda difficult to be plagued by 8th grade HW and still go to a university.  :-\
Title: Re: FreeCodeCamp
Post by: alexgt on March 10, 2016, 01:46:44 pm
Sorry to hear, I got done with it a week or two back and this is the link: http://codepen.io/alexgt/full/zrewPr/. You can look at code from that, it isn't against the rules I think, but it isn't perfect.

Right now I am on the portfolio which you can find here: http://codepen.io/alexgt/pen/bpNpwz. but as of now it is really lame (a singe button).
Title: Re: FreeCodeCamp
Post by: Dudeman313 on March 10, 2016, 09:47:42 pm
Thanks! I'll be able to get it done tomorrow then-it's Superintendent Conference Day, and all the students stay home. :D
Title: Re: FreeCodeCamp
Post by: Dudeman313 on May 20, 2016, 01:43:37 am
I see you're still working on that. Can anyone help me with mine?
Here's to view: http://s.codepen.io/Dudeman313/debug/MydBOp#portfolio

Here's the 
<head>
  <style>
    .stevepic {
      list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        position: fixed;
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
      }
      body {
      font-family: calibri-light;
      }
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #159;
        position: fixed;
        top: 0;
        width: 100%;
          }
   
    li {
        float: left;
    }
   
    li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }
   
    li a:hover:not(.active) {
        background-color: #111;
    }
   
    .active {
        background-color: #4CAF50;
    }
     
    #content {
      margin-top: 10px;
      }
    #about {
      adding:20px;
      margin-top:50px;
      height:1500px;
      }
     img {
     
      }
  </style>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">

<body class="w3-blue">
  <div class="navbar">
    <ul>
      <li style="float:right"><a href="#about">Contact</a></li>
      <li style="float:right"><a href="#portfolio">Portfolio</a></li>
      <li style="float:right"><a class="active" href="#contact">About</a></li>
      <li class="Steve"><img src="https://i.imgsafe.org/8902e19.gif" class="stevepic"></li>
    </ul>
  </div>
  <div class="w3-container w3-light-grey" style="margin-right:200px; margin-left:200px; margin-top:0px; margin-bottom:0px;padding-bottom:0px;" id="about">
    <p style="margin-top:100px;text-align:justify;font-size:18px;margin-left:20px;"><img src="http://piskel-imgstore-b.appspot.com/img/23ee8bb5-1e16-11e6-92b6-e7d7a3f3deba.gif" alt="Scholarly-Steve" style="width:180px;height:180px;float:right;margin-left:20px;margin-right:20px;">My name is John Kolade. I'm a young student learning
      to code. I like coding, math, sciences, and art. The picture to the right is not me, but rather one of my artistic creations.
    </p>
  </div>
    <div class="w3-container w3-purple" id="portfolio" style="margin-left:200px;margin-right:200px;">
      <h1 style="text-align:center">PORTFOLIO</h1>
  </div>
</body>


My problem is that the first container is much longer than it needs to be, and that my code is super-messy. I don't know what to do. >.<

Project requirements: https://www.freecodecamp.com/challenges/build-a-personal-portfolio-webpage
Title: Re: FreeCodeCamp
Post by: alexgt on May 20, 2016, 11:58:47 am
I will take a look since I myself am not done with my portfolio. This is my portfolio: https://codepen.io/alexgt/full/MyOKgw/

EDIT: First of all you should move all your CSS code in the style tag into the CSS window.

EDIT 2: And also I would make your own style sheet or make all the CSS in that page so it is not hosted by w3-schools ;)
Title: Re: FreeCodeCamp
Post by: Dudeman313 on May 20, 2016, 12:59:00 pm
That's really cool! ;D

I'll move my CSS, but how do I make a style sheet?
Also, I'd have to find the colors I used.  :-|
Title: Re: FreeCodeCamp
Post by: alexgt on May 20, 2016, 03:11:03 pm
To make a style sheet you have to have a website and upload a style sheet to use it on any page. To make it you just have a file with the <style></style> tags and host it on your website. But moving your CSS to the CSS window will be sufficient.
Title: Re: FreeCodeCamp
Post by: Dudeman313 on May 20, 2016, 05:12:13 pm
I don't have a website, but I guess I could make one with Google Sites. :)

How do I host it on the site, and how do I use it afterwards?
Title: Re: FreeCodeCamp
Post by: alexgt on May 20, 2016, 05:36:39 pm
Well, I don't have a website either so I am not an expert on that but you can put all your CSS in codepen and Ctrl+C, Ctrl+V it into your other pens
Title: Re: FreeCodeCamp
Post by: Dudeman313 on May 21, 2016, 03:12:02 pm
Oh. Yeah, I could do that too.

Thanks. Should I put an actual picture of myself on it, or no? I was thinking about that...

And also, even though I've removed w3 stuff, the thing is still too long... :(
Title: Re: FreeCodeCamp
Post by: alexgt on May 24, 2016, 12:28:08 pm
Quote from: Dudeman313 on May 21, 2016, 03:12:02 pm
Oh. Yeah, I could do that too.

Thanks. Should I put an actual picture of myself on it, or no? I was thinking about that...

And also, even though I've removed w3 stuff, the thing is still too long... :(

Well it is up to you if you want a picture on there since it is completely public, you don't even need an account to see pens, personally I wouldn't but that is just my opinion.

and if you are worried about length of your CSS, don't be just so long that it is readable
Title: Re: FreeCodeCamp
Post by: DJ Omnimaga on May 24, 2016, 07:03:45 pm
If the picture is public then you should ask permission to your parents in case.

By the way do you know about how much percentage of FreecodeCamp you have completed @alexgt and @Dudeman313?
Title: Re: FreeCodeCamp
Post by: Dudeman313 on May 24, 2016, 07:58:24 pm
I probably will just exclude the picture.

And I don't know what percent complete; I just know that I've done very little compared to everything else.
Title: Re: FreeCodeCamp
Post by: DJ Omnimaga on May 24, 2016, 09:24:50 pm
Ah ok. I was wondering because I think @alexgt said it would take him 2 years to complete, but I was curious about if his estimate was accurate so far (although it can be hard to tell, even with a new estimate, because maybe the last parts of FreeCodeCamp will be much harder.)
Title: Re: FreeCodeCamp
Post by: alexgt on May 25, 2016, 03:17:03 am
I was saying 2 yrs if I dropped everything and started working on it non-stop. And that hasn't happened :P. It is a very extensive course and I am just on the 2nd large project (mostly because I am slower at web development since I am not totally used to it yet and I try to make it perfect and do more stuff than the instructions xD).

I just have 141 activities done out of a lot more than 141 so I am probably 2% done (maybe a little more) :P

EDIT: Actually I just used the scroll bar as a rough percentage and it looks like about 30%. Though 2% is probably more accurate of you factor in difficulty :P
Title: Re: FreeCodeCamp
Post by: Dudeman313 on May 25, 2016, 03:37:12 am
That goes for me too; I'm on the same task.
Title: Re: FreeCodeCamp
Post by: DJ Omnimaga on May 25, 2016, 05:04:56 am
Quote from: alexgt on May 25, 2016, 03:17:03 am
I was saying 2 yrs if I dropped everything and started working on it non-stop. And that hasn't happened :P. It is a very extensive course and I am just on the 2nd large project (mostly because I am slower at web development since I am not totally used to it yet and I try to make it perfect and do more stuff than the instructions xD).

I just have 141 activities done out of a lot more than 141 so I am probably 2% done (maybe a little more) :P

EDIT: Actually I just used the scroll bar as a rough percentage and it looks like about 30%. Though 2% is probably more accurate of you factor in difficulty :P
YEah I think 2 years in such case would probably have bored you out of your mind if you had no more time to socialize, program, game, etc >.<

I wonder why they made it so long O.O (I hope it's still valid in 10 years or so)
Title: Re: FreeCodeCamp
Post by: alexgt on May 25, 2016, 11:51:03 am
I don't know why they made it that long but it teaches you quite well ;)
Title: Re: FreeCodeCamp
Post by: DJ Omnimaga on May 25, 2016, 08:00:26 pm
Maybe it's not necessarily meant to be completed by most people who try it and is just for you to learn a bit of extra stuff.
Title: Re: FreeCodeCamp
Post by: alexgt on May 26, 2016, 11:42:54 am
True but you do get on a list that employers can see upon completion
Title: Re: FreeCodeCamp
Post by: DJ Omnimaga on May 26, 2016, 11:33:10 pm
Yeah butthen it's not good if you sacrify 4-5 years of your life doing Freecodecamp then end up being unhapoy or depressed >.<
Title: Re: FreeCodeCamp
Post by: alexgt on May 27, 2016, 11:55:04 am
Yep, that is why I am not working on it every day all day :P
Title: Re: FreeCodeCamp
Post by: Dudeman313 on June 07, 2016, 11:53:09 pm
I've no time at all lately... :-\
Title: Re: FreeCodeCamp
Post by: alexgt on June 08, 2016, 02:26:06 am
Same, exams and my FRC team tasked me with making an object recognition program (well a little one so not really bad at all) :P
Title: Re: FreeCodeCamp
Post by: DJ Omnimaga on June 08, 2016, 06:51:30 am
I was sure that FRC robotics only lasted through the Winter and Spring including the tournaments? Either way, good luck and hopefully this Summer you have extra free time for coding, CW, FreeCodeCamp and playing games. :3=
Title: Re: FreeCodeCamp
Post by: alexgt on June 08, 2016, 01:54:26 pm
FRC is only during the winter and spring but we work hard off-season too...

And my summer will be more busy than usual sadly <_<
Title: Re: FreeCodeCamp
Post by: Dudeman313 on June 10, 2016, 01:48:57 am
Mine as well. I'm still taking Earth Science, and I won't have much time.
Title: Re: FreeCodeCamp
Post by: DJ Omnimaga on June 12, 2016, 05:10:43 am
That sucks @alexgt . Hopefully you don't have to quit game programming and CW for the entire Summer D: . Same for you @Dudeman313 >.<
Title: Re: FreeCodeCamp
Post by: alexgt on June 13, 2016, 09:15:04 pm
Well, it has been 4 days of summer and this is the first time I coud post sooooo.... I should be aable to still plug away at MinePrime but I can't put all my time into it
Title: Re: FreeCodeCamp
Post by: DJ Omnimaga on June 14, 2016, 08:00:11 am
Yeah I can understand. Hopefully you still have some time.
Title: Re: FreeCodeCamp
Post by: alexgt on June 14, 2016, 11:48:26 pm
Hopefully. It might clear up more in ~3 weeks (then drivers ed will be done ;))
Title: Re: FreeCodeCamp
Post by: DJ Omnimaga on June 14, 2016, 11:57:44 pm
Driver ed? What does ed stand for?

Also don't forget to showcase your FRC robotics stuff in the topic you made a few months ago. I remember you posted a picture of your robot once but the link gave a 404 not found D:
Title: Re: FreeCodeCamp
Post by: Snektron on June 15, 2016, 07:44:31 am
I think he meant driving lessons
Title: Re: FreeCodeCamp
Post by: DJ Omnimaga on June 16, 2016, 12:19:24 am
Oh ok, I am used to people saying driving license and driving test/class/courses :P
Title: Re: FreeCodeCamp
Post by: Dudeman313 on June 19, 2016, 07:33:39 pm
If I do find time, I will be able to do stuff. There is a 7 day break between Earth Science and the last day of 8th grade, which is Wednesday.