These are chat archives for FreeCodeCamp/Help

11th
Jun 2018
andrea
@girlcodecrush
Jun 11 2018 02:19

I'am a super beginner of JavaScript. Can any one help me out with the following quiz? Mad Libs is a word game where players have fun substituting words for blanks in a story. For this exercise, use the adjective variables below to fill in the blanks and complete the following message.

"The Intro to JavaScript course is __. James and Julia are so __. I cannot wait to work through the rest of this __ content!"
var adjective1 = "amazing";
var adjective2 = "fun";
var adjective3 = "entertaining";
Assign the resulting string to a variable called madLib.

i'm lost and don't know how to create a variance, madLib.
Claudio Restifo
@Marmiz
Jun 11 2018 02:24
@girlcodecrush in Javascript, typing var (short for variable) followed by a name means you are creating a variable.
Then, as always you can assign values to a variable with the = sign.

Some examples:

/* create a variable named 'firstName' and assign it a value of type string "Andrea" */
var firstName = "Andrea"

var age = undefined // new variable, different value.

var sentence = firstName + " is " + age + " years old."

what do you think the output of sentence is? :)

Kyle Holm
@thekholm80
Jun 11 2018 02:34
oh oh i know i know
Claudio Restifo
@Marmiz
Jun 11 2018 02:38
compiler error: cannot assign a type undefined to String.
(i wish)
Kyle Holm
@thekholm80
Jun 11 2018 02:40
i'm so glad someone decided meaningful error messages should be a thing
andrea
@girlcodecrush
Jun 11 2018 02:53
@Marmiz var madLib = "The Intro to JavaScript course is" + adjective1 + "James and Julia are so" + adjective 2 + "I cannot wait to work through the rest of this" + adjective 3 +"content!"
Claudio Restifo
@Marmiz
Jun 11 2018 02:54
apparently in one of the most recent Flow @thekholm80 , they work greatly on having more meaningful error messages :smiley:
@girlcodecrush and? I can see already that there are no spaces in your sentence:
var x = "test"

var s = "this is a" + x // will output "this is atest"
Kyle Holm
@thekholm80
Jun 11 2018 02:55
i like the way react did it, instead of filling up the console they link to their docs for errors
andrea
@girlcodecrush
Jun 11 2018 03:12
@Marmiz yeh. spaces... \t might be a proper one? So, var madLib = "The Intro to JavaScript coure is" + \tadjective1 +"." + "\tJames and Julia are so" + \tadjective2 + "." +"\tI cannot wait to work through the rest of this" + \tadjective3 + "contenct!"
Claudio Restifo
@Marmiz
Jun 11 2018 03:28
@girlcodecrush you don't really need a \t to create spaces. JS treat everything inside quotes as a string by default.
So it's just like writing a normal sentence:
"I have no space"
"I have a space at the end "  // <-- note the space after the d and before the closing "

more so, when you wrote

\tadjective1

is like asking Javascript to look for a variable that is literally called \tadjective1 :smile:
escapes are used in strings. And you were out of one (remember you closed the string with a " a couple of strokes before)

@thekholm80 best licence for my OS projects:
https://github.com/me-shaon/GLWTPL
Kyle Holm
@thekholm80
Jun 11 2018 03:31
@Marmiz @diomed linked that earlier, pretty funny
Claudio Restifo
@Marmiz
Jun 11 2018 03:32
dang! always a step ahead! T_T
Kyle Holm
@thekholm80
Jun 11 2018 03:32
i look back at some of my old projects and i have no clue what i was doing
Claudio Restifo
@Marmiz
Jun 11 2018 03:32
@girlcodecrush is it making sense or am I just confusing you more?
Kyle Holm
@thekholm80
Jun 11 2018 03:33
one of my first VBA projects had probably 10k lines of code and pretty much everything was a global variable. :poop:
Claudio Restifo
@Marmiz
Jun 11 2018 03:34
I cry in shame when I look at my fcc codepen projects.
not only they are ugly... they're terribly written as well. :shit:
Kyle Holm
@thekholm80
Jun 11 2018 03:34
i'm all about some ugly projects lol i have no desire to become a designer
Claudio Restifo
@Marmiz
Jun 11 2018 03:35
designer !== put some effort in at least make it looks decent
that's why I use a CSS library every time. Gimme that sweet colour palette!
Kyle Holm
@thekholm80
Jun 11 2018 03:36
i'm all about react-bootstrap now. gonna try materialize next
Claudio Restifo
@Marmiz
Jun 11 2018 03:36
ugh
use antd
waaaaaaay better! <3 antd
29k stars on Github.
Karma Drukpa
@coderkarma
Jun 11 2018 03:37
wow!! ant.design looks fabulous
thanks man
Kyle Holm
@thekholm80
Jun 11 2018 03:38
looks like it works just like react-bootstrap
i wasn't too jazzed about materialize's react implementation. i'm on the pinterest clone now so i needed something with a card-type component
Claudio Restifo
@Marmiz
Jun 11 2018 03:39
@coderkarma thanks the guy over at ant-design :)
Kyle Holm
@thekholm80
Jun 11 2018 03:39
looks like https://ant.design/components/card/ will work for that
Karma Drukpa
@coderkarma
Jun 11 2018 03:39
@thekholm80 how long has it take you to get good understanding of react ? I have been hearing that react is hard ?
from most of folks.
Kyle Holm
@thekholm80
Jun 11 2018 03:39
react was hard for me to learn because i started learning it without really understanding JS
once i learned JS better, react was cake
since it's just JS
Karma Drukpa
@coderkarma
Jun 11 2018 03:40
I am just taking COLT's webDEVELOPMENT course as of now. it 43 hours of long course. Have to finish this things up
NICE
have to learn JS better as well.
Kyle Holm
@thekholm80
Jun 11 2018 03:41
once i figured out how to read the docs on MDN and understand what they were saying, my whole world changed
Karma Drukpa
@coderkarma
Jun 11 2018 03:44
@thekholm80 hmm.. that is something i really need to work on, if i don't understand things while reading I panic and keep asking to other people, which is very annoying.
andrea
@girlcodecrush
Jun 11 2018 03:44
@Marmiz I see your point. Thanks. Then, I just leave a space inside double quotations, like var madLib = "The Intro of JavaScript course is " + adjective1 + ". " + "James and Julia are so " + adjective2 + ". " + .... ; ?
Kyle Holm
@thekholm80
Jun 11 2018 03:45
i don't think many devs remember everything - knowing how to find and understand the information you need is an important skill
Karma Drukpa
@coderkarma
Jun 11 2018 03:45
true.
Claudio Restifo
@Marmiz
Jun 11 2018 03:55
@girlcodecrush sounds good to me. The challenge is not passing?
andrea
@girlcodecrush
Jun 11 2018 04:22
@Marmiz passed it thanks to your help! :)
Claudio Restifo
@Marmiz
Jun 11 2018 04:24

@girlcodecrush :clap:
don't be intimidated by JS.

my advice is take your time and understand things... before trying random solution :)

happy coding :sparkles:
@thekholm80 do you use VS Code?
andrea
@girlcodecrush
Jun 11 2018 04:26
@Marmiz Sure. Many thanks. :)
Akhil Kaithoju
@akhilkaithoju_twitter
Jun 11 2018 05:42
Anyone is doen React in freecodecamp?
*done
Claudio Restifo
@Marmiz
Jun 11 2018 06:11
what about it?
Akhil Kaithoju
@akhilkaithoju_twitter
Jun 11 2018 06:16
@Marmiz i mean are you compleated react course in freecodecamp
Claudio Restifo
@Marmiz
Jun 11 2018 06:19
Last time I checked that was when they were in alpha :smile:
are there any problem with them?
Akhil Kaithoju
@akhilkaithoju_twitter
Jun 11 2018 06:22
no
Claudio Restifo
@Marmiz
Jun 11 2018 08:09
@akhilkaithoju_twitter you had a question about them or wanted to discuss some of those :smile:
Mukul Agrawal
@mukul09
Jun 11 2018 09:26
Hello. Any one knows how can we change the attribute value on a live website?
Claudio Restifo
@Marmiz
Jun 11 2018 09:56
@mukul09 what do you mean by that?
Mukul Agrawal
@mukul09
Jun 11 2018 12:06
@Marmiz If any eCommerce website is showing 10 results on a page. Can I make any changes and get more than results at a time?
Kyle Holm
@thekholm80
Jun 11 2018 13:10
@Marmiz yep, I use VS Code
Kranti Nebhwani
@darkphotonKN
Jun 11 2018 13:11
@thekholm80 hi again man, i just started using VS Code, it's awesome :)
Kyle Holm
@thekholm80
Jun 11 2018 13:11
it's pretty good
Kranti Nebhwani
@darkphotonKN
Jun 11 2018 13:13
I really like how it also has an in-built terminal along with all the features it has / you can install. It helps a lot with time using npm / webpack / git cuz I'm always opening / closing the terminal and navigating through it to the right folder but there it's always in the current directory and it just makes everything simple
Charlie Waite
@charliearlie
Jun 11 2018 13:32
is it me or is VS Code having issues with the new release?
CMD + click import works about 20% of the time. Import auto completion is really slow and I've got Typescript lint errors spread across my code despite using JS
mstellaluna
@mstellaluna
Jun 11 2018 14:43
@charliearlie I suggest asking in the Microsoft/typescript or in the Microsoft/vscode rooms here in gitter.. they might be able to assist you
Danny Chan
@chandanny
Jun 11 2018 14:48
hello
is CamperBot here?
ahsan waseem
@ahsanwaseem
Jun 11 2018 14:50
how can you improve your javascript further, once you've studied all the JS objects their properties & methods. is it just a matter of practising them
Stephen James
@sjames1958gm
Jun 11 2018 15:18
@ahsanwaseem Yes. Practice. Making mistakes. Refactoring. All these will deepen your knowledge.
ahsan waseem
@ahsanwaseem
Jun 11 2018 16:18
@sjames1958gm :+1:
Reza Khadivvand
@reza-ultimate
Jun 11 2018 18:46
Hey! I've just decided to be future Full Stack Developer, and I really need your tips and I wanna use your experience and words. Thanks in advance!!!
Kyle Holm
@thekholm80
Jun 11 2018 20:31
@reza-ultimate :wave: hey, welcome
Reza Khadivvand
@reza-ultimate
Jun 11 2018 20:40
Hey there!
Thanks!
Ryan Apolinar
@ryanapolinar
Jun 11 2018 20:49
This is a bit of a long shot, but is anyone familiar with WebGL? I'm having an issue with rendering a 3D scene
Uriel Guzmán
@Burinson
Jun 11 2018 21:05
Guys, I'm very confused
I stopped using Freecodecamp because of college about 8 months ago
I was working on the tic tac toe game and completed it to about 80%
Now I come back and that project is not even a project anymore, now it's a drum machine and a markdown previewer
Also, there are a few challenges that are marked as if I didn't complete them, maybe they are new?
Gulsvi
@gulsvi
Jun 11 2018 21:07
@Burinson The latest version of free code camp has been under development for a couple of years now and finally went live last week.
Uriel Guzmán
@Burinson
Jun 11 2018 21:08
@gulsvi So my tic-tac-toe game is not necessary anymore?
Gulsvi
@gulsvi
Jun 11 2018 21:08
Uriel Guzmán
@Burinson
Jun 11 2018 21:08
Oh, well, at least it's not a waste
Do I still need it to get the certificiation though?
Gulsvi
@gulsvi
Jun 11 2018 21:10
I'd have to search through freecodecamp.org to find an answer to that - don't know off the top of my head
Uriel Guzmán
@Burinson
Jun 11 2018 21:10
Alright, thanks
Gulsvi
@gulsvi
Jun 11 2018 21:10
It appears completing tic tac toe is not part of a certificate though
Uriel Guzmán
@Burinson
Jun 11 2018 21:10
Yay!
Uriel Guzmán
@Burinson
Jun 11 2018 21:10
I hated coding that thing, my AI was a mess back then
Lol
Gulsvi
@gulsvi
Jun 11 2018 21:11
Seems like a common interview question, so not a bad idea to get a good understanding of it :)
Uriel Guzmán
@Burinson
Jun 11 2018 21:11
@gulsvi Thanks
Yep, but I'm so glad I don't have to do it to get the certification though
Take a look if you like, the code is a complete mess
Haha
Jesus Christ, but they added so many challenges
Even React
Christopher McCormack
@cmccormack
Jun 11 2018 21:16
If you know React it's pretty quick, I got through them all in about an hour
Most of the new challenges are the interview prep
Uriel Guzmán
@Burinson
Jun 11 2018 21:17
But they changed the rules for the projects...
I have 4 of the 6 final projects, but bound with the previous rules
Guess I'm going to have to edit them all, right?
Christopher McCormack
@cmccormack
Jun 11 2018 21:20
@Burinson the old certs are still there if you want to get them. They're in the bottom of the Settings, Legacy certs
@Burinson but if you want to meet complete the user stories you may need to edit them, yeah. Maybe you're more experienced now and could create it a different way or with a new tool you've been meaning to try out
Uriel Guzmán
@Burinson
Jun 11 2018 21:33
@cmccormack Yeah, I guess it would be better to complete the newer certification
It has some challenged that are new to me, such as the React ones
Challenges*
So I'll learn more
Christopher McCormack
@cmccormack
Jun 11 2018 21:35
Just do be clear do you mean the React exercises or the projects?
Uriel Guzmán
@Burinson
Jun 11 2018 21:38
The exercises
Are there React projects too?
Christopher McCormack
@cmccormack
Jun 11 2018 21:39
There are Framework projects. Some used to be Javascript projects that got moved into Frontend
Or maybe the were Frontend before but didn't require a framework, don't remember
Uriel Guzmán
@Burinson
Jun 11 2018 21:41
Yeah, before, you had something like 3 projects after every section
I'm not seeing them anymore
Kyle Holm
@thekholm80
Jun 11 2018 21:47
the projects are in the Settings menu, i'm not sure if they're also in the Curriculum section
it seems like you can get the certs now without going through the lessons? am I missing something?
Uriel Guzmán
@Burinson
Jun 11 2018 21:50
Hm...
Does FreeCodeCamp actually check the projects?
Do they actually look at them? Or is it an automated system?
Kyle Holm
@thekholm80
Jun 11 2018 21:52
i think they now have something that you're supposed to include in your projects that will test to see if it fulfills their requirements
<script src='https://gitcdn.link/repo/freeCodeCamp/testable-projects-fcc/master/build/bundle.js'></script>
@Burinson or you can fork the fcc project on codepen and build off of that
Mehdi Amlal
@mehdiamlal
Jun 11 2018 22:28
Hey guys. I have a question
Should I start an ambitious project like a Slack clone even though I don't know yet how to implement many features and 'Google my way'?
Kyle Holm
@thekholm80
Jun 11 2018 22:30
if you only do the things you already know how to do, you will never learn anything
Mehdi Amlal
@mehdiamlal
Jun 11 2018 22:32
I see many friends of mine starting a project without knowing how to implement many things, and they learn as they develop. Do you think this is the best approach?
Kyle Holm
@thekholm80
Jun 11 2018 22:33
i would be bored out of my mind if i only built things that didn't challenge me to learn new things
Mehdi Amlal
@mehdiamlal
Jun 11 2018 22:34
I also read an article that suggested to learn the basics and quickly moving to a project
Kyle Holm
@thekholm80
Jun 11 2018 22:35
that's how freeCodeCamp is structured. you learn new things, you build some projects. rinse, repeat
Louise
@loonylou
Jun 11 2018 22:42
Hi everyone. Hope this is correct use of gitter! I went to a completed challenge to grab the code but it's reset itself. All my challenges have. They are still marked complete but my personal code is gone. Is this on purpose with new version?
Kyle Holm
@thekholm80
Jun 11 2018 22:43
@loonylou if you click on your picture in the top-right corner then click "Show me my public portfolio" you can find the challenge there and view your solution
Mehdi Amlal
@mehdiamlal
Jun 11 2018 22:44
Is the beta finally live??!!
Kyle Holm
@thekholm80
Jun 11 2018 22:44
yep
@loonylou or if you don't see your picture it may say "Settings" instead
Louise
@loonylou
Jun 11 2018 22:46
Thanks @thekholm80 It seems to not be on my portfolio & the settings to make more of that stuff public (to see if it appears) aren't working :( I guess I will have to try once the settings are back in action
Kyle Holm
@thekholm80
Jun 11 2018 22:47
sorry, wish i knew what to suggest
Louise
@loonylou
Jun 11 2018 22:48
Thanks for your help. Will try again tommorrow!