@JacobPie - it looks like it is the same color, did you make a change since you posted your URL?
@Assaonator - right now, your leaderboard doesn't appear to be loading properly? Seems like CSS errors (or "Sass" errors.)
loads in the chat here - your picture is front and center
@moT01 - yeah... freeCodeCamp famous? :) It didn't load in my browser. I just had to set the CSS preprocessor back to "None", and then it loaded?
@Assaonator - I had to set the CSS Preprocessor back to "None" - it was set to "Sass"? What is correct? It looks good - maybe putting links to the camper's profiles would be a nice touch?
im only a few thousand back
So how do you stop yourself from hammering the keyboard with your head when you see code you don´t understand ?
I just realized how frustrating this learning process can be :worried:
@brunoalmeidabrito find some nails
@brunoalmeidabrito its not 100% your brain's issue. the instruction on learning in these online coding platforms need major improvement so its not all you
@VaseJS What gets me is the "try it yourself before you check the code somewhere" when most of the time I feel like I'm really learning is when I see a code and try to make sense of it.
Actually, FCC isn't teaching more than challenging.
Do they really expect you to find all the solutions yourself ? In this particular case, I'm talking about Udacity
what you have pointed out is a coverup for a lack of teaching to a high degree. while asking for help is something that helps a lot, it should be a supporting tool to compensate for the lack of human interaction/feedback one receives in a class, not a main tool
they are not teaching more than challenging. its an anti-learning pattern to a degree in the way its being done. you will learn, but it will be long and frustrating vs shorter and enjoyable
FCC: learn through a series of challenges is an accurate rep of what the platform is
@VaseJS So, my strugle is this: Sometimes we hit walls. It is supposed to be that way, right ? When it happens, is it okay to search a solution and try to make sense of it and at some point, move on?
@brunoalmeidabrito yes. you have no choice
@VaseJS Thanks man.
brunoalmeidabrito sends brownie points to @vasejs :sparkles: :thumbsup: :sparkles:
:cookie: 388 | @vasejs |http://www.freecodecamp.org/vasejs
they do not provide enough material to help many people with zero experience. too many assumptions are made and they seem to have too much of an ego to improve the instructions. many have tried and they just make excuses it seems.
but its not just FCC, its all sandbox platforms like FCC also. they all suffer for poor teaching tactics
FCC has a built in community so it makes it the best of all of them
thus you are here
if you need help, PM me but many people here are great so you should find help an any of the lower challenges
To me this is the best part of it, the community. Thanks again.
when you start getting to the more advanced stuff, find help becomes harder
with the community, FCC is just like everyone less with less bells and whistles. Then the other platforms would be better
codecademy, codeavengers, hackerring, etc
there are a lot of them but all them have crappy instructions
as i always say, coding isn't hard, people just suck at teaching it
as i always say, coding isn't hard, people just suck at teaching it hahahaha, loved that one
i'm a master learner and good content follows a particular pattern. these platforms do not
lol
it’s hard to teach coding in this form
not really
the steps are too big, that's the problem.
not enough redundancy and explanation. there doesn't need to be a lot more, but more than provided. the teaching is predicated on the idea of leaning on the community and google instead of better lessons
but again, its not a FCC issue. I have had some really good coding course, but they are few and far between
so really good books but the same problem. poor structure and too many assumptions
if i knew how to build one of these things, i would but i don't so a can't
but i did create a helper file to aid people struggling
i just haven't posted it anywhere but today we came up with the [obvious] idea to post it on github :D
I’ve never learned off these platforms
I love taking online courses (the fast paced ones when available)
for more complex stuff like ML, Coursera style is preferable.
I’m game for exploring something together. I can build it. A bit short on time right now, but I’ve been thikning of building a plugin that is suitable for stuff like this.
One of the things I find challenging is that you can’t see what someone is doign in real-time, so it’s hard to help them. In addition, there isn’t a video/audio sharing mechanism.
Also, server side stuff has it’s limitations on the browser
@theoutlander
Also, server side stuff has it’s limitations on the browser
big time!
but they have cli tools for that. those work well. but suffer from the same poor structure of teaching
nodeschool.io has good cli server learning
I mean why can’t I do node stuff via jsfiddle ?
yeah
something like c9
whats c9?
and when you're ready, I'm ready. I have lessons already, or more accurate, extensions on the current lessons that are missing. Aka actual lessons
C9.io used to be a web based IDE that AMZ acquired last year i think
so now you need an account to use them
aka cloud9 i think
tmux and vim can do that. maybe not as fancy but it can
Hello. I'm having some difficulty with the portfolio challenge. If I were to paste my code here, could someone help me? The issue that I am having is that the Bootstrap and Font Awesome I am trying to use do not appear to be appearing.
Hello. I'm having some difficulty with the portfolio challenge. If I were to paste my code here, could someone help me? The issue that I am having is that the Bootstrap and Font Awesome I am trying to use do not appear to be appearing on the page.
@inscriptioelectronicaaustralia its best to use codepen (or any similar site) so we can see your code in context.
if its just one aspect of your code, namely JS, then you can pop in straight in the chat, but surround it with 3 backticks ` (not the be confused with '). then it will format your code correctly so we can help you better
this is an example of using the back ticks `
but not sure what time it is where you are but i'm going to bed . there are others that can help, otherwise i'll be around in a few hours after sleep
currently there are still people in the Help and FreeCodeCamp rooms who can also help. try there also
heloo pipo here
what are the core things a front end developer should know
@mubaraka1 HTML+CSS+JS are the code things that you must know.
I also posted my code (since then I have edited it) to the main help page, but it is also here in case anyone can help me with it here:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Portfolio</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
</head>
<body>
<div class="container-fluid">
<h1 class="text-center">My Portfolio</h1>
<nav>
<div class="row">
<div class="col-xs-4>
<a href="#aboutme">About Me</a>
</div>
<div class="col-xs-4>
<a href="#myprojects">My Projects</a>
</div>
<div class="col-xs-4>
<a href="#contact">Contact Me</a>
</div>
</div>
</nav>
<h2 id="aboutme">About Me</h2>
<p>I am a student at FreeCodeCamp who hopes to learn to be a full stack web developer.</p>
<p>Below you will find pictures of my projects and how to contact me.</p>
<hr>
<h2 id="myprojects">My Projects</h2>
<p>Here are pictures of some of the websites I have built:</p>
<div class="row">
<div class="col-xs-4">
<img class="smaller-image img-responsive" src="nowhere.gif" alt="project A">
</div>
<div class="col-xs-4">
<img class="smaller-image img-responsive src="nowhere.gif" alt="project B">
</div>
<div class="col-xs-4">
<img class="smaller-image img-responsive" src="nowhere.gif" alt="project C">
</div>
</div>
<hr>
<h2 id="contact">Contact Me</h2>
<a href="www.facebook.com"><i class="fa fa-facebook"></i>my Facebook page</a>
<a href="www.twitter.com"><i class="fa fa-twitter"></i>my Twitter page</a>
<hr>
</div>
</body>
</html>
@inscriptioelectronicaaustralia where are you building this? in a text editor?
first thing I notice is you have a typo on this line:
<div class="col-xs-4> <a href="#aboutme">About Me</a> </div> <div class="col-xs-4>
<a href="#myprojects">My Projects</a>
You didn't close the quotes on the class
"col-xs-4"
twice on that line
Then you made the same mistake on this line not closing the image class quotes
<img class="smaller-image img-responsive src="nowhere.gif" alt="project B">
do you have the code on codepen @inscriptioelectronicaaustralia
@inscriptioelectronicaaustralia Using a proper editor or some development environment would spot such errors automatically.
@inscriptioelectronicaaustralia once you fix that, make sure to look up proper use of bootstrap grid classes
I have been using a simple text editor as CodePen is somewhat inaccessible to me as a screen reader user, but I will try and find a code editor that can notify me of such things. I will make the changes to the quotation marks. For the grid concept, I just tried to copy what the FreeCodeCamp curriculum taught, but I'll look for other resources. Thanks for your help.
@inscriptioelectronicaaustralia oh you are also not linking to boostrap CSS properly
Bootstrap CSS property? When I was looking for info, I saw something about that. I'll include it. FreeCodeCamp never mentioned that, I don't think.
@inscriptioelectronicaaustralia you're missing https://
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
instead of
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
Thanks.
@inscriptioelectronicaaustralia I recommend Sublime 3 Text editor. It's good for learning, easy to pick up, and will do color syntaxing
oh missed the part where you said you use a screen reader! Hm
@inscriptioelectronicaaustralia if you don't mind me asking, do you use screen reader to help with a visual disability? I can ask some dev friends on twitter what they would recommend as a good text editor for that.
Yes, I am blind. I've tried looking into it myself, and it is difficult to find one that is accessible and also free. So I would be grateful of assistance.
Rada, was the Font Awesome part of my code okay? I can tell that the Bootstrap works properly now (thanks for that), but it is more difficult to check the Font Awesome buttons.
@inscriptioelectronicaaustralia I will ask around, hopefully someone has some good resources. I'm not a very experienced coder but I have a couple years under my belt and would be very happy to help you out while you are learning, if you'd like that. Would you like to connect on Skype/Twitter/Facebook or something like that?
@inscriptioelectronicaaustralia yes, the facebook and twitter icons are showing up! You will probably want to add a little margin-right to them though
No, it's okay. I'll just upload it. But thank you for the help. I'll make sure to double-check the quotation marks when I build future projects.
What will the margin do? Sorry if this is a dumb question, but I sometimes find it difficult to grasp these visual effects. :)
@inscriptioelectronicaaustralia Edsharp code editor is optimized for screen readers
Yes, I've heard of that one, but I didn't think it had features for web development? I'll check it out. Thanks.
@inscriptioelectronicaaustralia no worries. Margin adds a little space around the element so they are not too close together. It makes things a little easier to read and is generally visually appealing. In general, for visual users, it's a good rule to add some space around elements.
Thanks. I'll remember that.
@inscriptioelectronicaaustralia here's the tweet that I made so you can check it for replies, hopefully people have some good resources:
https://twitter.com/RadaWilinofsky/status/946654419508125696
Good luck!
@inscriptioelectronicaaustralia ugh just realized I assumed that you go by "he" in the tweet - sorry if that was wrong :worried:
does anyone want to test my pomodoro timer
@CyberPutty You can post a link here.
@Masd925 I haven't tested it in other browsers, so hopefully it looks ok.
@CyberPutty Text on the timer time and +/- buttons are selectable (can be selected with mouse which changes the color), which could be avoided.
Some hover effect on the +/- might be nice.
@Masd925 that's a good idea!
Hey guys
I need to generate the tweet text dynamically in the random quote machine
I have tried setting it on "getQuote" button click button that doesn't seems to work. I also loaded the widget.js upon button click and that also doesn't work. Can anyone here help me out with that ?
Apoligies for the typos
apologies*
@coderAkmal - are you working on codepen or in your own editor?
own editor
@Radascript
would you maybe paste your html and JS parts into pastebin.com/ or something so we can see what's up?
hello everyone, may you please help me with my project https://ingundela.github.io/posg/ I’m creating a image gallery and stragling to have all images in a thumbnail with same with and hight.. Please advice on the best way to accomplish that.THANK YOU
on the click I want it to be on this original size but on the thumbnail I want all images to have same size… so that it is well presented.
Hello, How's everyone. I am trying to fill an array with multidimensional arrays in my
fetchChannels function. However my result is undefined. This is what I currently have in my codepen. Any Suggestions? https://codepen.io/dubbeltje/pen/OzpJZb?editors=0010#0
@sandersjj
fetchChannelInfo has no return so what are you storing here var result = fetchChannelInfo(val);?
@Masd925 it returns an array called result
@sandersjj That return is inside the getJSON method callback function. There is no return on
fetchChannelInfo
I now changed the function to return that result but I now see it returns the getJson object in stead of my desired array. https://codepen.io/dubbeltje/pen/OzpJZb?editors=0010#0 @Masd925
@sandersjj Returning from async callback function is not going to work. Instead you need to use the response inside the callback function. For example, you can make a function call and pass the result as an argument.
@Masd925 not sure If I understand what you mean
@sandersjj Not sure how well versed you are with promises. But here is how I'd do what you're trying to do
var baseUrl = "https://wind-bow.gomix.me/twitch-api";
var channels = [
"ESL_SC2",
"OgamingSC2",
"cretetion",
"freecodecamp",
"storbeck",
"habathcx",
"RobotCaleb",
"noobs2ninjas"
];
function fetchChannels(channels) {
if (Array.isArray(channels)) {
var results = channels.map(function(val) {
const url = baseUrl + "/channels/" + val + "?callback=?";
return $.getJSON(url);
});
Promise.all(results).then(function (responses){
console.log(responses); // Will contain an array of all the $.getJSON responses
});
}
}
fetchChannels(channels);
Look up Promise.all
It could be further refactored like
var baseUrl = "https://wind-bow.gomix.me/twitch-api";
var channels = [
"ESL_SC2",
"OgamingSC2",
"cretetion",
"freecodecamp",
"storbeck",
"habathcx",
"RobotCaleb",
"noobs2ninjas"
];
function fetchChannels(channels) {
if (Array.isArray(channels)) {
const results = channels.map(c => $.getJSON(`${baseUrl}/channels/${c}?callback=?`));
Promise.all(results).then(console.log);
}
}
fetchChannels(channels);
I'm not well versed in promises yet. Have been living in a cage I guess.
Hi folks, is there a js/css library which can help us in getting content-placeholder like in facebook,instagram?
@sujeetbuddiga sorry if you've already seen it and specifically want a library, but here's a decent CSS tricks post on how to build it yourself https://css-tricks.com/building-skeleton-screens-css-custom-properties/
@Radascript https://pastebin.com/9SxryuDG
Can you help me out ?
@heroiczero thx
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2120 | @heroiczero |http://www.freecodecamp.org/heroiczero
when i reload the page the data's on the browser getting erased.
though i use the mongo db.
at the time of posting and retreiving data's.
though i use the mongo db.
at the time of posting and retreiving data's.
?
Hello, I'm trying to implement the Bootstrap Navbar for my Portfolio page but I can't seem to get it to display the nav items https://codepen.io/MelBrooksKA/pen/ZOvrAA?editors=1000
I've just copied the bootstrap example for now while I try to figure it out
I think I have the bootstrap setup right in the settings
It looks like it's a problem with the toggle
Can someone help me understand this? https://stackoverflow.com/questions/37367200/deferred-long-running-timer-tasks-to-improve-scrolling-smoothness/37367801 How come a 1000ms timer has a total length of "101ms" and a 100ms timer has a total length of "56ms"??
@aguyinmontreal - I think that they are referring to the amount of time that the timer's callback function executes, although I cannot see exactly the information that you are asking about? It seems that the gist of that post has to do with timer events causing jittery smooth-scrolling. I would presume that it is because the timer callback takes over the CPU execution for that length of time? Could you clarify where in the stackoverflow post you are seeing the numbers that you are referring to?
@khaduch sorry ken, for the confusion ; here is what I was seeing when I tried to apply the post to my own issue: https://pasteboard.co/H0u6lips.png ; my confusion was because I tought "total time" included the timer length
do you know any tips or tricks I can use to improve my timer handlers?
@CyberPutty here's what I see
Hey guys. How do I upload a placeholder image for my personal portfolio? https://codepen.io/BuBBRBbr1/pen/eyvbmP
You pay code pen and you can upload it to them using the Asset tag or find an image hosting service somewhere that does that
NOOOOO!
Im strapped for the dough
Hi all!
Does anyone know of a reliable site I can upload my website to that will actually display things such as pictures? :)
Anyone alive? Hellooo :)
just do a search - there's tons of image hosting sites
@AbrisM postimage.io its what I use
you could put it on github
I'm not sure about github, how to use it. The only respitories I am knowledge are the basic site directory ones, the ones that a person has when a site is created :)
will it actually display IN github?
yes
Will this be displayed back to the user?
I am downloading the desktop Github app
you can just go to the website and make a repo and should be able to drag and drop pics in there
Okay, I will try that
i wouldnt put your whole picture collection on there, it's not a data center - but a couple wont hurt anything
Hahaha, no those pictures would be desktop only :)
Hmm...I forgot how to display passwords in firefox
It was a matter of going to the right-side of the screen and clicking a key icon
Does anyone know?
you can change the attribute of the html input element
in the dev tools
I see they added some new features in the dev tools, a JS scratchpad
attribute? As in alignment?
should be an input element
<input type="password">
Oh, I see what you mean now :)
I'm just looking for stored passwords, but I have figured out to sign into Github now from desktop
@moT01 Thanks!
abrism sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 945 | @mot01 |http://www.freecodecamp.org/mot01
can a div be a child of a ul???? just wondering if its bad practice?
askingforafriend...... ....lmao jp but fuhreal
Hm? you can create a <div> class as child, I believe even of a ul
You mean, if you have a ul <div> class?
'<ul> <div></div></ul'
using code pen it say a div cannot be a child of a ul
Aww, that's too bad. Perhaps I was thinking of something else
@BadSenju thats not how html works. what are you trying to accomplish. li is the child of ul. you can put a div in a li if you like
if you understand the html specs it will spell it out for you.
what is and is not allowed (even though it may still work) but could cause issue so avoid it
Hey guys can anyone check out my pen I have no idea why my nav bar dropdown is not working.
@Botenga you mean the hamburger menu? you need to add in pen settings->css and js bootstrap libraries
@sorinr Yes
@Botenga delete all that you have between <head> and </head> and add the libraries in codepen->settings. bootstrap.css in css part and jquery and bootstrap.js in js part
@reachdeviprasad I already linked the bootstrap library not through the pen but in the html
@sorinr did it and still nothing
@Botenga like in here
@Botenga in the pen html part you should leave only what you have between <body> and </body>. codepen add automathically the libraries for you
@sorinr I am actually using codepen for testing Im actually writting this in a text editor for a website.
@sorinr so you only deleted the links and added the library?
It works fine for me?
@Botenga i know. when you copy paste local code into codepen you should copy into html only html code you have between body tags. in css all you have in the external css file. in js part all js code
@Botenga yes. if you compare my fork with your pen you will notice the differences. check allso pen->settings
@Botenga click on the settings icon on the top left of the HTML tab and add this
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css to it via the popup menu , then delete the <links> on the bottom ^^^
I already add the library in the code pen setting when you first told me
@Botenga check pen->settings js part. you need to add jquery and bootstrap.js
@Botenga jquery first and after bootstrap.js
@Botenga like that