get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
Even an automated download script would hardly affect your server, lol
I mean, my servers have 750 Mbit up/down. Good luck trying to cap that by downloading >1kb files continuesly xD
@bjorno43 Nice
I bet compliance scripts are going to sell well on code canyon
Oh yes, definitely
I actually got a very interesting idea yesterday when I was talking with @thekholm80
Creating a WYSIWYG editor that creates websites with Materialize CSS or Bootstrap or other CSS frameworks
It would be a huge project that's pretty impossible to do alone, but I'm pretty sure there's a huge market right there
GoDaddy does theres with node
Lots of tv adds here on it
Ye that's the problem with those services. Lots of ads and other crap
i saw the node when I was out building some thing and looking up docs
Well tv is good pr
True
radio too
Sounds like a good project
Ye. But as I said, you're going to need a team for it. It's too much to do alone
I never saw godaddys templates or wix But seems a service with full-mail etc would be good.
You need at least 1 person that's (very) formilliar with each CSS framework you're implementing. And obviously a core team that puts it all together
They dont tell about the parts you will want And the user doesnt know till they need it probably
MAterial design is nice but last time I looked at the CSS it had lots of importants!
And bootstrap is easy but big
I would go scss or less and just compile the parts you need.
Agreed. Though I definitely prefer Material over Bootstrap
Bootstrap messes around with your structure. Pushing elements underneath eachother if the screen gets too small. Material doesn't do this
Also compared to Material, Bootstrap's mobile navigation menu is a joke, ghehe
I liked working with Material Have you seen Foundation?
No I haven't
The selector names are different though in Foundation
OR another I think it is called semantic
Semantic UI, ye I've heard of that one
Ye I've seen it. I like their approach, but for now I'm gonna stick with Material. I can't keep on switching, haha
:thumbsup:
I like the docs for Material
Ye so do I. But I kinda miss explanations on how to override something
Take for example a form input field. On focus, this changes the color of that input and the icons linked to it. You can try throwing in any color provided by Material all you want, but it won't work. You'll actually have to override the CSS yourself and it's not explained how
As in: There's no explanation of which classes affect those colors. And if you research it yourself, you'll see it's a pretty damn long list
Read the CSS
Use a editor to look up selectors in the CSS
Ye I know that. But imho, a CSS framework shouldn't provide default colors unless they're all easily overrided
I like it but there was alot of important! in it when i last looked
Makes good looking sites though
I agree
Maybe. But not everyone likes ocean blue websites :P
yup
Interesting :)
:)
Hello guys, I'm working on the ES6 section of the curriculum, and I think I encounter a bug
@bjorno43 @anthonygallina1 :wave:
@Mixedbysalas_twitter which lesson?
@thekholm80 Hey m8 :wave:
Use Destructuring Assignment with the Rest Operator to Reassign Array Elements @thekholm80
can you share the link and your code?
@Mixedbysalas_twitter Please give us the link. We're way to lazy to search ourselves, ghehe
const source = [1,2,3,4,5,6,7,8,9,10];
function removeFirstTwo(list) {
"use strict";
// change code below this line
const [a, b, ...rest] = list;
const arr = rest;
// change code below this line
return arr;
}
const arr = removeFirstTwo(source);
console.log(arr); // should be [3,4,5,6,7,8,9,10]
console.log(source); // should be [1,2,3,4,5,6,7,8,9,10];
you've got the right idea, but look at the first example
const [a, b, ...arr] = [1, 2, 3, 4, 5, 7]; this is similar to the solution, but using list instead of [1, 2, 3, 4, 5, 7]
@thekholm80 got it! thanks a lot!
:+1:
const source = [1,2,3,4,5,6,7,8,9,10];
function removeFirstTwo(list) {
"use strict";
// change code below this line
const [a, b, ...arr] = list;
// change code below this line
return arr;
}
const arr = removeFirstTwo(source);
console.log(arr); // should be [3,4,5,6,7,8,9,10]
console.log(source); // should be [1,2,3,4,5,6,7,8,9,10];
that was my solution as well
good job
Thank you!!! @thekholm80
:wave:
was afk
unacceptable
@thekholm80 I have another challenge that I think might be buggy
:smile:
@Mixedbysalas_twitter your code?
const source = [1,2,3,4,5,6,7,8,9,10];
function removeFirstTwo(list) {
"use strict";
// change code below this line
const [a, b, ...arr] = list;
// change code below this line
return arr;
}
const arr = removeFirstTwo(source);
console.log(arr); // should be [3,4,5,6,7,8,9,10]
console.log(source); // should be [1,2,3,4,5,6,7,8,9,10];
for the other challenge, i mean
wait wrong code
@thekholm80 my ba
bd
no worries
function printManyTimes(str) {
"use strict";
// change code below this line
const SENTENCE = str + " is cool!";
for(let i = 0; i < str.length; i+=2) {
console.log(SENTENCE);
}
// change code above this line
}
printManyTimes("freeCodeCamp");
hmm, that should be right
try resetting your code and entering it again?
the button that says "Reset All Code"
@thekholm80 okay I'll try that
@Mixedbysalas_twitter Perhaps you should first verify if your code is correct by asking help here when you're unable to complete a challenge before calling it a bug ;)
@bjorno43 Okay I'll do that
I get this
// running test
Unexpected token ?
// tests completed
i'm getting the same thing
What you guys think? @bjorno43 @thekholm80
freeCodeCamp/freeCodeCamp#17679 looks like someone changed this test today
err 2 days ago lol i can't read
Okay so should I just skip it? @thekholm80
Yup. Seems like that's actually a bug
i added a comment to that issue
i'm sure they'll get it fixed
Thank you guys @thekholm80 @bjorno43
It's already submitted with a PR to the correct repo. Just have to wait till it's implemented
so it's all your fault, bob?
That's a given
:joy:
Do you guys know how to change our handle?
create a new login?
I know how to change my door handle ye, but I'm sure that's not what you mean..
if you sign in with twitter you're stuck with your twitter id
Cool!
I see
logging in with github is definitely better
in my opinion
I haven't tried it, but can't you simply logout and revoke permission in Twitter?
I like it better
then i can snoop on all your github repos
Go ahead. Not much to see there :joy:
Hahaha same here lol
How I got all those followers? I have no idea..
@bjorno43 you're just a natural leader
I have 0
@thekholm80 Ye that must be it, lol
Though I'm honestly thinking about that idea from yesterday @thekholm80 I'm pretty sure I'll be presented with many more if I actually pull that of
lemme know what you need and i'll chip in. i don't do css though
That'd be awesome! First I'm gonna have to work it out on paper though. Get a good plan on how to go about it
there you go. pick your stack and an attack plan, then point me at it
Cool :) Perhaps some other members would be interested in joining as well. I think it would a great experience working on a large project like that and it looks good on your resume
i'd just like the experience of working on something with other people. the whole is greater than the sum of the parts or whatever
True that
I'm gonna do some research into it. See which stack would be the best approach and come up with an attack plan / roadmap after that. If it turns out to be needed, I'll also make sure the hosting etc is available
that's a good idea
if there's anything similar, see what they did right and what they did wrong
Ye. There are plenty out there, but afaik not a single one that implements css frameworks
Oh wait.. there actually are
Ye I found several. Most are based on Summernote JS, which is a wysiwyg editor for Bootstrap. But there are plenty of issues with them
don't have to be the first, just the best
Ghehe true that
Oh no another follower
SO some thing like that but easy to use and smaller code
Maybe
Ye something like that, but that's just a template editor. It's not rly a WYSIWYG editor. Ah well, I'll just think about it for a while and see if I can come with something
For now I'm going to bed. Gn8 guys!
~Rest well
@bjorno43 g'night
hi guys I need some help
Your img element should have the class smaller-image.
cant figure out this code
I already dont putting this on the code
smaller-image {
width: 100px;
}
width: 100px;
}
you're missing the
.
. means class
.smaller-image {
done already however it is not working
show the element
i know what the lesson is, i can't debug your code if i can't see your code
Aren't you seeing it on the link above?
nope
just copy/paste your code here
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
.smaller-image {
width: 100px;
}
h2 {
font-family: Lobster, monospace;
}
p {
font-size: 16px;
font-family: monospace;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label><br>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</main>
you never used your class in your image element
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> no class
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.
In the style then use the selector in img class
done! Thank you!!
:+1:
sry it is in style
Hello guys!
pls help
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, monospace;
}
p {
font-size: 16px;
font-family: monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.silver-background {
background-color: silver;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<div class:"silver-backgound">
<div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label><br>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</main>
Give your div element the class silver-background.
Ay :smile:
hey guys, at what point in the FCC curriculum should I be applying for jobs?
Well I wouldn't base that on how far you are in the curriculum, I would base it on how comfortable you feel
Are you comfortable being on a team and handling a piece of a project?
@taloloy18 this line is wrong for multiple reasons
<div class:"silver-backgound">
spelling being 1 of them
Hello guys ! Do you know how to fix a frozen challenge, without even submitting my code for verification, just pressing "tabs" button, this challenge gets my browser frozing all the time : "Apply a Style Until a Condition is Met with @while"
I used Safari, Chrome, and even cleared my cache, I'm pretty sure it's the challenge
hi pals, i haven't been on fcc in a few months and now can't seem to log in with the new gdpr popup? keep getting the "[my github email] is already associated with another account." :/ im nearly done with the front-end user part so would like to log back in…
i tried emailing but haven't gotten a reply in over a week
@jesskxuan you might try asking in https://gitter.im/FreeCodeCamp/Contributors
that's where the core dev team hangs out
@thekholm80 thanks! will do :-)
@jesskxuan I had the same message. I had to log in with the email/password associated with the account and not use my GitHub account. I don’t know if that helps. I was able to get into my account.
ah @TLanetteRose did the email/pw account have all your previous challenge history? or was it a brand new account?
It did. The only thing that was not up to date was the calendar part (the little squares). Odd. It was still on last year. But the Listings for the challenges I completed and the dates were accurate.
Peace all!
hmm mines all gone when i do that, but i was on the old curriculum… does that carry over? i was maybe 5 challenges away from finishing the front end cert :crying_cat_face:
@jesskxuan the old cert is still there, click Settings and scroll to the bottom under "Legacy Certifications"
I carried over for me. The only challenges not complete were the new ones they added.
you just have to complete the projects to claim the cert
That’s what I forgot the legacy certs.
this code is doing fine at codepen. But when I copy and run it locally on any of my browsers it shows plain html only. Any thoughts?https://codepen.io/m1anas/pen/gKKJVL
I use Atom editor
In fact I am unable to execute any Bootstrap on my PC locally
Guys I didn't understand this challenge
i think you're missing the full bootstrap css url @m1anas … it should start with a http:// ?
I mean what is fibonacci numbers?
also re: my login issues; my whole account is blank :/ maybe i should delete this account and try sign in with my github account again? i guess theres no loss cause theres literally nothing on this account…
The first two numbers in the Fibonacci sequence are 1 and 1. Every additional number in the sequence is the sum of the two previous numbers.
so 1, 1, 2, 3, 5, 8, 13, 21
and on and on
Oh, ok then. Thank you!
Did you try the Contributors Room yet @jesskxuan ?
yeah no response haha i think they were last active 4 hours ago so not as lively as here
thanks for your help @TLanetteRose @thekholm80
@jesskxuan sorry i don't have any better ideas, hope you get it sorted
@m1anas , @jesskxuan is correct. You need the http portion of the link for bootstrap. Same for your scripts for popper, jquery, and js above the body tag.
@jesskxuan You’re welcome!
I don't understand
why 4 returns 5 in the challenge?
because the odd fib numbers less than or equal to 4 are 1, 1, 3
1 + 1 + 3 = 5
Oh man, it seems a hard work to do.
it wouldn't be fun if it were easy
Right.
Generally, when you convert math to programming, all what you do is making it even harder twice.
especially if you're as bad at math as i am
I'm not bad at math but I'm noob at programming
So it's hard for me to do it.
):
you'll get it
just break the problem down into the steps needed to solve it
Yeah, thanks for the advice and explaination!
- calculate all fib numbers less than and equal to
num - add together the odd ones
- return the sum
Yeah I know this but the real problem is how you calculate Fibonacci Numbers at first place. It seems that I have to use some kind of ready algorithm for it.
the simple, least elegant solution would be a loop and array, i'd think
calculate the next number, push to an array, loop until you reach / exceed
num
Yeah, I thought about it. First I think you should set up the algorithm then push to the array, then at the end, I think you should filter them.
filter is good
@jesskxuan thanks
@TLanetteRose thank you
Yes
!!
I made the fabonacci numbers list, finally. Now all what I have to do is filtering it and everything is right, right?
sounds like a good attack plan
I solved it.
How much it took me?
:tada: good job
Thanks.
Weird. They all used while, while I used for loop, hmm I totally forgot about while but as long as it works then I guess it's ok.
@m1anas You're welcome
hello everybody, the default min-height of col-lg-8 and col-lg- 4 is 1px to make it more big should I put min-height : 512px or there is another way to that ?
@aita-kane You should try to let the content of the column determine the height instead of attempting to set it manually.
I have a general question. When working (either on FCC or other projects), is there any drinks or music that can help with focusing on thinking and being productive?
Hi guys, I am working on a site here just to increase my skills, looking for some feedback on this page : http://simplecodes.hol.es/Ralph/Htmls-materialize/purple/dashboard.html
:wave:
@anthonygallina1 hello
@simpleguy747 Looks good Maybe make the menu closeable once opened in phone size
@anthonygallina1 click out/ swipe and it does close. pls let me know if it doesn't
@anthonygallina1 thanks for your comments
@simpleguy747 yup fire fox doesnt here. Maybe make the menu allways show a little of the page under it?
Kinda like this? https://www.fullstackwebdesign.net/sites.html looks good though Keep up the good work :tada:
@anthonygallina1 thanks!
@DavidJamesAustin :thumbsup:
@anthonygallina1 :wave:
@thekholm80 Hi :smile:
On the final set of things for Responsive Web Design.. then off to do 4 more projects!
:thumbsup:
@thekholm80 Have you done any chai tests?
hmm, my barista got me started on dirty chai lattes, they're delicious
:smile:
4 shots of espresso, some milk and chai
:thumbsup:
but no, not really. i get the basics of it but i've never actively written many tests
except on codewars
I tried the chai tests in our ciriculmn
I am not sure what they are for though
I have a noob question.
How can I get the test suite in something like Brackets so I can test with the live preview instead of doing everything inside of code pen?
Oh good I am a noob Maybe i can help
Hey, guys, another noob question
Is there any way in Javascript to cycle between functions?
For example
I am a perpetual noob
@thekholm80 yes
there's a programming paradigm that focuses on test-driven development (TDD). you write the tests first to describe what you want to happen, then write the code so that it will pass all the tests
i've never got into it much, i played with Jest a bit
but for the simple things i make, i spent as much time writing tests as i did writing code
Function function1() {
if this, call function2();
}
Function function2() {
if this, call function1();
}
Ah
i think it would be more useful if i were programming with a team
@thekholm80 So supposed to help in dev a algorythm
yikes cant speel
yeah, especially larger code bases. if tests stop passing after you update something, you know you have side-effects
How can I toggle between functions?
@Burinson can't you do it the way you've got it written? just fix your
if() statements
@thekholm80 Thank you. First time I tried them.
@thekholm80 I'm not trying to make it work
@anthonygallina1 do you have any idea to a solution to what I want to do?
I'm asking if there's a way to call functions that are out of bounds
i don't know what you mean by 'out of bounds'
in your example code, the function calls are all within scope since the functions have global scope
That's weird, I thought it wasn't gonna work
Now I'm even more confused
._.
@DavidJamesAustin Sry I never tried. Not sure the connections on it Check the connections might be doable
What if the functions are contained in another function (not global)
then you'd have scope issues
Okay.
So I have to remove the parent function?
I'm asking because I have '$(document).ready(function() {'
And both functions are inside that function
So they can't call each other
generally it's suggested that you define functions before calling them, so calling function2 inside function1 isn't best practice, but if i understand hoisting correctly the function definitions will be hoisted at compile time so it shouldn't be an issue
let counter = 1;
$("#switch").click(function() {
if (counter == 1) {
on_off("on");
counter = 0;
} else if (counter == 0) {
on_off("off");
counter = 1;
}
});
$("#switch").click(function() {
if (counter == 1) {
on_off("on");
counter = 0;
} else if (counter == 0) {
on_off("off");
counter = 1;
}
});
For example, there. Codepen writes "counter" in yellow but it still interacts with it
If I put it all inside a function, "counter" turns blue.
@Burinson https://repl.it/@thekholm80/SpryProudInstitution here functions
one and two share scope so they can call each other
And at the same time, on_off() is yellow
if that's just a toggle then something like
let toggle = true;
$("#switch").click(function() {
toggle = !toggle;
on_off(toggle);
});would be a lot easier
@cmccormack Wow, that's cool
Thanks
@Burinson np, updated to add your on_off but you can apply this logic in a lot of places to make the code more succinct
Another question
Toggle inside the function is yellow
What does that mean? Is it bad?
it may just mean it was defined in an outer scope