These are chat archives for FreeCodeCamp/HelpFrontEnd

21st
Feb 2018
Chi
@chiyc
Feb 21 2018 02:00
@Kerstimcgee If you open up the source of the page you're on, you're only going to see the HTML
One way to check if your JS is loading or not is the network tab in your developer tools
German Gamboa Gonzalez
@germangamboa95
Feb 21 2018 04:41
How is it going tonight guys?
German Gamboa Gonzalez
@germangamboa95
Feb 21 2018 04:57
Question of the night: Why does MDN suggest to use concat() instead of += or any other assignment operators since it is supposed to be faster, but their own test on jsperf shows concat being slower?https://jsperf.com/concat-vs-plus-vs-join
Ken Haduch
@khaduch
Feb 21 2018 05:01
@germangamboa95 - hello there - I just looked at the jsperf page, and it looks like the .concat is much faster in most cases? Well, is it live-running those tests on my browser? It says that I'm using Opera, so maybe it is? (I'm not familiar with that site) but concat far outperforms the + method, from what I see?
Michael Cordero
@CyberPutty
Feb 21 2018 05:02
@germangamboa95 the concat method is more strict you might want that.
Ken Haduch
@khaduch
Feb 21 2018 05:02
@germangamboa95 - maybe I have to run the tests? It showed a graph when I first loaded the page... let's see what happens. Yeah, when I run them, it looks like + is the fastest? Oh, I see that I was misreading the graph, too... I was thinking that it was showing speed and smaller was better, but it's exactly the opposite - so + wins.
Michael Cordero
@CyberPutty
Feb 21 2018 05:03
@khaduch I don't think it's faster but im pretty sure that it only applies to strings so if you needed to be sure your only working with strings then you would want to use concat.
German Gamboa Gonzalez
@germangamboa95
Feb 21 2018 05:05
@CyberPutty I think that might be right. I just saw that on MDN and was curious about it. (or maybe concat was faster years ago and since no one used it the browser devs decided to optimizde '+'??? lol)
Michael Cordero
@CyberPutty
Feb 21 2018 05:06
@germangamboa95 Ya if type coersion is a problem for what your doing you want to make sure you are using the right tools.
German Gamboa Gonzalez
@germangamboa95
Feb 21 2018 05:07
Heard on using typescript.
Ken Haduch
@khaduch
Feb 21 2018 05:08
@CyberPutty @germangamboa95 - I just ran another version of the test on jsperf where they were generating random strings, and this time (on my Opera browser) the test shows concat was faster... https://jsperf.com/concat-vs-plus-vs-join-2 is the test...
Michael Cordero
@CyberPutty
Feb 21 2018 05:09
@khaduch you should try with just strings and then += using strings and numbers so that you have background type coersion using +=;
Ken Haduch
@khaduch
Feb 21 2018 05:11
@CyberPutty - I didn't create the test - someone posted a link to it in the comments on the original link that @germangamboa95 posted above.
German Gamboa Gonzalez
@germangamboa95
Feb 21 2018 05:11
@khaduch I saw that one. I've ran it a few times. Sometimes concat is faster and sometimes its not.
Ken Haduch
@khaduch
Feb 21 2018 05:12
@germangamboa95 - well, it's pretty interesting to see how the analysis runs and how it differs in different versions, too.
it is interesting how they so strongly recommend .concat() - I wonder if they would have a good explanation why they think it is better?
Michael Cordero
@CyberPutty
Feb 21 2018 05:20
@khaduch well all of the browsers are running different javascript engines I could see how if you left it up to the interpreter it must make a bunch of checks on type and performance will vary. When you use it with concat it will only take a string if using the string prototype. I think it Is just running strict code vs leaving it up to the interpreter.
hensn5250
@hensn5250
Feb 21 2018 05:52
Hello. Need some help.
In CSS is there a way to transition text content using the transition property?
I'm not talking about transitioning the div but it's text content, using transiton:
Roman Struna
@RomchyFCC
Feb 21 2018 05:54
@hensn5250 if you are having trouble, use display: block on text or display: inline-block, that should help, other than that gives us an example
hensn5250
@hensn5250
Feb 21 2018 05:57
When the div is hovered it displays some other text at the bottom. I would like to horizontally scroll that text(the Hello world text).
Sangam Adhikari
@asangam
Feb 21 2018 06:04

https://files.gitter.im/FreeCodeCamp/YouCanDoThis/6BK2/image.png

hello guys i am learning some javascript and i know javascript validation is not good but this is solely for learning purpose
i am able to get the alert message but it is not redirecting me to dashboard.html

Roman Struna
@RomchyFCC
Feb 21 2018 06:07
@hensn5250 the link you provided is missing a lot of html components
@asangam try window.open?
Claudio Restifo
@Marmiz
Feb 21 2018 06:07
@asangam window.location is a read-only property.
If you want to change it simply use location
Sangam Adhikari
@asangam
Feb 21 2018 06:10
window.open is giving the same problem, not doing anything not even location, i have read somewhere the <form> tag interferes .
Here is a codepen link if anyone wants to view the full code https://codepen.io/sangamadhikari/project/full/XpoQaE/
hensn5250
@hensn5250
Feb 21 2018 06:15
@RomchyFCC the issue was with Chrome. For some reason it truncated the HTML content. Worked correctly with FireFox.
Claudio Restifo
@Marmiz
Feb 21 2018 06:20
@asangam it's way more likely that it's actual codepen blocking it, in could be a protection feature to avoid people injecting malicious code / redirect :)
Sangam Adhikari
@asangam
Feb 21 2018 06:21
@Marmiz I'm actually doing locally , in Sublime the codepen was just to show the code
coderNewby
@coderNewby
Feb 21 2018 06:21
thanks @DarrenfJ for the pm
CamperBot
@camperbot
Feb 21 2018 06:21
codernewby sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2399 | @darrenfj |http://www.freecodecamp.org/darrenfj
hensn5250
@hensn5250
Feb 21 2018 06:24
@asangam as @Marmiz said ... window.location is a read-only property. It can only output data.
Sangam Adhikari
@asangam
Feb 21 2018 06:25
image.png
I have seen a tutorials which does the actually same thing but it works
and this is the one i'm trying to do http://asangam.com.np/CrudPhp/
Claudio Restifo
@Marmiz
Feb 21 2018 06:27
@asangam try with location.assign('yourlocation')
hensn5250
@hensn5250
Feb 21 2018 06:27
^^^ That
Claudio Restifo
@Marmiz
Feb 21 2018 06:28
or replace
or read the docs
and see it for yourself :)
Sangam Adhikari
@asangam
Feb 21 2018 06:29
:D haha i'm doing this thing from the last two year none of them are working hahah
However i'm amazed this guys tutorial one is working http://www.aorank.com/tutorial/Javascript_login/javascript_login.html and i'm doing the same thing.
Sangam Adhikari
@asangam
Feb 21 2018 07:19
i got it guys, stupid me, it should not have been input type="submit" button type, the submit was submitting the form which caused the error
alpox
@alpox
Feb 21 2018 08:04
@Marmiz just to add: you can also assign a DOMString to the location even though its readonly. According to the docs :)
With =
Markus Kiili
@Masd925
Feb 21 2018 08:16
@alpox One of those special global variables. writable: true, but you can only assign a string to it.
MuhammadYasser1
@MuhammadYasser1
Feb 21 2018 08:20
where can i learn ajax and json properly? because we all know that FCC lessons doesn't count
h1tag
@h1tag
Feb 21 2018 08:22
from the official documentation
Markus Kiili
@Masd925
Feb 21 2018 08:23
@MuhammadYasser1 W3Schools (surprisingly) has good content on pure JS AJAX (XMLHttpRequest) and jQuery Docs cover jQuery ajax well.
abraham anak agung
@padunk
Feb 21 2018 08:23
Claudio Restifo
@Marmiz
Feb 21 2018 08:24
@alpox well, TIL.
but why assign values if it's read-only :thought_balloon:
Markus Kiili
@Masd925
Feb 21 2018 08:25
@Marmiz It is clearly not read-only. Just special like many global variables in JS.
name = {};
console.log(name); // "[object Object]"
mustimuu
@mustimuu
Feb 21 2018 08:33
Can someone help me out?
h1tag
@h1tag
Feb 21 2018 08:35
@mustimuu just post your question, and someone will try to help you
mustimuu
@mustimuu
Feb 21 2018 08:36
@h1tag i want my navigation links to have a underline animation.
so it ease in
h1tag
@h1tag
Feb 21 2018 08:37
@mustimuu what kind of underline animation?
mustimuu
@mustimuu
Feb 21 2018 08:37
this one
on hover
look at this site sir
h1tag
@h1tag
Feb 21 2018 08:41
@mustimuu I'm not sure how to achieve that, have you tried checking the source code or googling how to do it?
Claudio Restifo
@Marmiz
Feb 21 2018 08:43

@Masd925 apparently window.location returns the location object, so it's read only but somehow you are changing the Location object.

I wonder why It's made like that... there must be a reason :shipit:

Though Window.location is a read-only Location object, you can also assign a DOMString to it. This means that you can work with location as if it were a string in most cases: location = 'http://www.example.com' is a synonym of location.href = 'http://www.example.com'.
h1tag
@h1tag
Feb 21 2018 08:44
you may need to use CSS pseudo classes @mustimuu
and try googling: how to make link underline animation css
mustimuu
@mustimuu
Feb 21 2018 08:48
guys
@h1tag thank
CamperBot
@camperbot
Feb 21 2018 08:48
mustimuu sends brownie points to @h1tag :sparkles: :thumbsup: :sparkles:
:cookie: 920 | @h1tag |http://www.freecodecamp.org/h1tag
h1tag
@h1tag
Feb 21 2018 08:48
oh, you're already using pseudo classes, so you just need to try googling what you are asking about
mustimuu
@mustimuu
Feb 21 2018 08:48
how do i achieve these colors?
like on the button?
is there any tutorial?
h1tag
@h1tag
Feb 21 2018 08:49
which colors?
there are many
mustimuu
@mustimuu
Feb 21 2018 08:49
the button where it says: start one month free trial
h1tag
@h1tag
Feb 21 2018 08:52
@mustimuu I don't know how, but try checking that site's source code (right click (on that button) > inspect element)
larrygold
@larrygold
Feb 21 2018 08:57
hey guys! I have a basic question concerning HTML
I'm doing the Tribute page challenge on FCC. It turns out the main image of my webpage is so big that you have to scroll down until the end of it. How can I avoid that?
A solution would be to resize the image, but depending on device screen, how to resize differently?
Fabien SHAN
@X140hu4
Feb 21 2018 09:00
@larrygold 1. The image size is big, It took some time for me to load it. Think about people who have slow internet connection or limited data plans. 2. You can wrap the image in a div
You can also set the img max-width to a certain number of your choosing
larrygold
@larrygold
Feb 21 2018 09:04

Thanks a lot @X140hu4.

  1. I will compress the image so that it is faster to load: do you recommend any tool to do it quickly? (avoiding Photoshop)

  2. Good idea to set a max-width. Yet, when I set a max-width of 30% for example, it displays well on a desktop, but it is very small on a smartphone. Any way to adjust to the screen size?

CamperBot
@camperbot
Feb 21 2018 09:04
larrygold sends brownie points to @x140hu4 :sparkles: :thumbsup: :sparkles:
:cookie: 328 | @x140hu4 |http://www.freecodecamp.org/x140hu4
Fabien SHAN
@X140hu4
Feb 21 2018 09:04
@larrygold What is your OS?
larrygold
@larrygold
Feb 21 2018 09:04
Windows 10
Fabien SHAN
@X140hu4
Feb 21 2018 09:04
30% will be 30% of your viewport so that is why it is small.
Clique droit -> Envoyer vers -> Destinataire (french system sorry hehe)
you can choose the size of the image. Otherwise you could try gimp
or online solutions
abraham anak agung
@padunk
Feb 21 2018 09:07
@larrygold in codepen, you only need to write the body section in HTML. you could add external source in the settings.
in your settings, you use BS4, while you add BS3 in your script.
larrygold
@larrygold
Feb 21 2018 09:07
Oh great, I didn't know this technique @X140hu4!
Thank you for the advice @padunk , undestood!
CamperBot
@camperbot
Feb 21 2018 09:08
larrygold sends brownie points to @padunk :sparkles: :thumbsup: :sparkles:
:cookie: 454 | @padunk |http://www.freecodecamp.org/padunk
larrygold
@larrygold
Feb 21 2018 09:08
understood*
So the best practice to deal with images that are shown on different devices is to use the attribute "sizes" and define a size % for each screen resolution?
Fabien SHAN
@X140hu4
Feb 21 2018 09:10
If you use bootstrap you can use the class they provide.
Otherwise yes, as you said using media queries: https://www.w3schools.com/css/css_rwd_mediaqueries.asp
abraham anak agung
@padunk
Feb 21 2018 09:10
And i think you have to many </div> tag
larrygold
@larrygold
Feb 21 2018 09:10
I already use the "img-responsive" class, but the image appears so big!
abraham anak agung
@padunk
Feb 21 2018 09:11
change the style width of image to 80%. If you use BS4 use "img-fluid"
Michael Cordero
@CyberPutty
Feb 21 2018 09:12
@larrygold you need to set the starting size and then the responsive will handle the scaling.
Fabien SHAN
@X140hu4
Feb 21 2018 09:12
fCC is using BS3 in both the production and beta?
larrygold
@larrygold
Feb 21 2018 09:13
@padunk : done!
Michael Cordero
@CyberPutty
Feb 21 2018 09:13
@larrygold from bootstraps documentation "Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.". So you would need to have the parent element scale it.
larrygold
@larrygold
Feb 21 2018 09:15
@CyberPutty : Thanks for the info! So the best practice is to create a parent "div" element and place the image inside it?
CamperBot
@camperbot
Feb 21 2018 09:15
larrygold sends brownie points to @cyberputty :sparkles: :thumbsup: :sparkles:
:cookie: 310 | @cyberputty |http://www.freecodecamp.org/cyberputty
DerMann97
@DerMann97
Feb 21 2018 09:16
guys when i have this array int a[] = { 1,2,043,4}; and i print the value a[2] i obtain 35 in console why
larrygold
@larrygold
Feb 21 2018 09:16
But now, let's say my goal is that my image is always displayed "above the fold" (ie you don't have to scroll down to see it) whatever the device. What should be the size of this parent element?
DerMann97
@DerMann97
Feb 21 2018 09:16
it s in java
Michael Cordero
@CyberPutty
Feb 21 2018 09:18
@larrygold you have an image container that contains two rows that scale to the main container one row contains the image the second row contains the text below it they would scale proportionally to the main container.
larrygold
@larrygold
Feb 21 2018 09:24

@CyberPutty . What I've done now is:

<div id="main-container">
<div class="row"> <img src="xxxxxx"></div>
<div class="row"><p>My text</p></div>
</div>

Is it what you mean? Currently it doesn't change anything, I guess I have to set the right CSS properties for the #main-container
Michael Cordero
@CyberPutty
Feb 21 2018 09:28
h1tag
@h1tag
Feb 21 2018 09:29
@DerMann97 though this not the right place for Java question and after some googling: https://stackoverflow.com/questions/565634/integer-with-leading-zeroes
Michael Cordero
@CyberPutty
Feb 21 2018 09:31
@larrygold remember the col that you can use to scale the main col that will handle your width of the container in the row.
larrygold
@larrygold
Feb 21 2018 09:32
@CyberPutty thank you so much. You're right, the solution was to use the "col" class!
CamperBot
@camperbot
Feb 21 2018 09:32
larrygold sends brownie points to @cyberputty :sparkles: :thumbsup: :sparkles:
api offline
Michael Cordero
@CyberPutty
Feb 21 2018 09:32
if you wanted it to take up half the width of the page it would be col-6 or col-12 for the entire width
larrygold
@larrygold
Feb 21 2018 09:33
I guess that now if I want to make the image bigger on a smartphone, what I can do is "col-lg-4 col-xs-8"
Right?
mustimuu
@mustimuu
Feb 21 2018 09:33
guys.
If i have a background image on my header. I want to see the ship on the image, how do i figure that out ?
Michael Cordero
@CyberPutty
Feb 21 2018 09:34
@larrygold Probably I haven't really played with that very much. Sounds like your on the right track tho.
@mustimuu maybe you can post your code? I don't know what the ship is?
Michael Cordero
@CyberPutty
Feb 21 2018 09:42
@larrygold one more thing i noticed you want to take out the css for "johhnny-1" the css is making it off center because its setting it to 80%.
larrygold
@larrygold
Feb 21 2018 09:43
oh right! it's better to set your myContainer max-width to 80% instead
Edy1988
@Edy1988
Feb 21 2018 09:44
Hi guys! Do you ever struggle with the design part? I have trouble finding colours and fonts that work well together and my projects look odd, sometimes I can't even really tell what is wrong.... Any tips? x
Michael Cordero
@CyberPutty
Feb 21 2018 09:46
@larrygold no just use the col
the col controls the width
when you have the 80% and you set the margin to auto it won't center it properly
@Edy1988 I have some resources for you one sec.
Edy1988
@Edy1988
Feb 21 2018 09:48
@CyberPutty Lifesaver thanks
CamperBot
@camperbot
Feb 21 2018 09:48
edy1988 sends brownie points to @cyberputty :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @cyberputty |http://www.freecodecamp.org/cyberputty
Michael Cordero
@CyberPutty
Feb 21 2018 09:48
i particularly like coolers for trying to get some colors
Edy1988
@Edy1988
Feb 21 2018 09:48
@CyberPutty cool, I will give it a go, fingers crossed, thanks
CamperBot
@camperbot
Feb 21 2018 09:48
edy1988 sends brownie points to @cyberputty :sparkles: :thumbsup: :sparkles:
api offline
abraham anak agung
@padunk
Feb 21 2018 09:49
@Edy1988 leave it to the web designer. jk
@CyberPutty use margin: 0 auto to center the image
Edy1988
@Edy1988
Feb 21 2018 09:55
@padunk ha, yes but while I learn, I need to figure it out myself
Michael Cordero
@CyberPutty
Feb 21 2018 09:57
@Edy1988 sent you a list of places to get free resources. check your pm:)
Edy1988
@Edy1988
Feb 21 2018 10:00
@MuhammedKarim thanks!
CamperBot
@camperbot
Feb 21 2018 10:00
edy1988 sends brownie points to @muhammedkarim :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @muhammedkarim |http://www.freecodecamp.org/muhammedkarim
Edy1988
@Edy1988
Feb 21 2018 10:00
@CyberPutty thanks!
Ghost
@ghost~5a4a80acd73408ce4f859755
Feb 21 2018 10:00
@Edy1988 You're welcome
larrygold
@larrygold
Feb 21 2018 12:27
Hello! I have an issue with my .jumbotron class. I would like the Jumbotron to fit the content of my page (text and images), but it seems to be too wide. I guess it is related to the type of container I'm using.
How can I make my jumbotron smaller (ie closer to my text and images)?
Stephen James
@sjames1958gm
Feb 21 2018 12:55
@larrygold I think it is because you have a row inside you jumbotron which forces the content to be full width
elad ben aderet
@eladonline
Feb 21 2018 12:56

@larrygold

.jumbotron { margin:auto; width:80%; }

@larrygold you can do something like width:800px; too if you want to set it static
larrygold
@larrygold
Feb 21 2018 13:03
Thanks a lot @sjames1958gm and @eladonline !
CamperBot
@camperbot
Feb 21 2018 13:03
larrygold sends brownie points to @sjames1958gm and @eladonline :sparkles: :thumbsup: :sparkles:
:cookie: 229 | @eladonline |http://www.freecodecamp.org/eladonline
:star2: 9004 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
larrygold
@larrygold
Feb 21 2018 13:03
Indeed, setting the width of the .jumbotron solves the issue. Great!
Stephen James
@sjames1958gm
Feb 21 2018 13:06
@larrygold :+1:
akte1991
@akte1991
Feb 21 2018 13:08
hello, I would like to make a CV website and not sure how to actually design it. I would like to make it look original and also looking for some ideas. I am not too knowledgeable in design (all i know is a grid and some golden rules in photography...). Could someone give me a hand. Basically i am looking for ideas for cv websites for a junior level front end developer who likes to use Illustrator and hates to use photos.
Edy1988
@Edy1988
Feb 21 2018 13:26
@akte1991 specify what the CV website is and surely someone will help. Is it your CV? Like a portfolio? I also struggle with the design part a little ...
Elia
@elia-russad
Feb 21 2018 13:38
const { render } = ReactDOM this means something like let render = ReactDOM.render() ?
Tom
@moT01
Feb 21 2018 13:39
@elia-russad yes
Elia
@elia-russad
Feb 21 2018 13:41
thx, dunno how to send brownies tho
Tom
@moT01
Feb 21 2018 13:43
click a name and say thanks, thank you, ty or some other variation
h1tag
@h1tag
Feb 21 2018 13:44
@akte1991
  • for ideas: you can search online or codepen
  • for the design: you can start by sketching it on paper or using some software, then translating it to code
Elia
@elia-russad
Feb 21 2018 13:46
@moT01 thanks
CamperBot
@camperbot
Feb 21 2018 13:46
elia-russad sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:star2: 1014 | @mot01 |http://www.freecodecamp.org/mot01
Elia
@elia-russad
Feb 21 2018 13:47
@gbsimon87 thanks
CamperBot
@camperbot
Feb 21 2018 13:47
elia-russad sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:cookie: 414 | @gbsimon87 |http://www.freecodecamp.org/gbsimon87
larrygold
@larrygold
Feb 21 2018 13:54
Hey guys! I'm trying to make all my images have the bounce animation, but nothing happens
Could you help me find out why?
Aditya
@ezioda004
Feb 21 2018 13:58
@larrygold You dont have bounce and animated classes though
larrygold
@larrygold
Feb 21 2018 14:00
that's right! but on Free Code Camps, I was taught to use them
how can we load these classes?
Aditya
@ezioda004
Feb 21 2018 14:04
@larrygold I think they used animate.css in those chapters
You need to include that library
Heres the CDN https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css
Also you havent added jQuery script to your page, so you need to add that too
Adding both of these libraries work
larrygold
@larrygold
Feb 21 2018 14:10
Perfect, thanks a lot @ezioda004 !
CamperBot
@camperbot
Feb 21 2018 14:10
larrygold sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 469 | @ezioda004 |http://www.freecodecamp.org/ezioda004
Van Nam -DVN Channel
@vannam05_twitter
Feb 21 2018 14:16
Hi everone,I help a trouble about small front end project and I need you guys help.
Tom
@moT01
Feb 21 2018 14:19
@vannam05_twitter
elad ben aderet
@eladonline
Feb 21 2018 14:32
@vannam05_twitter talk
Donnie
@Donnie-D
Feb 21 2018 14:32

Following code runs as expected and prints 'my string' on the output
`<!DOCTYPE html>

<html>

<body>
<div id="show"></div>
<script>
function result(){
document.getElementById('show').innerHTML= 'my string';
}
result();
</script>
</body>
</html>
but following code doesn't print 'my string' . anyone could see why?
<!DOCTYPE html>

<html>

<body>
<div id = "show"> </div>
<script>
function result(){
var show = document.getElementById('show');
show = 'my string';
return show; //doesn't matter if I return this variable or not, nothing prints on the output
}
result();
</script>
</body>
</html>
`

messed up with the markings lol but i hope i got the issue out there
Tom
@moT01
Feb 21 2018 14:33
needs 3 ticks`
and on their own lines
Donnie
@Donnie-D
Feb 21 2018 14:34
@moT01 :+1:
elad ben aderet
@eladonline
Feb 21 2018 14:34
<!DOCTYPE html>

<html>

<body>
<div id="show"></div>
<script>
function result(){
document.getElementById('show').innerHTML= 'my string';
}
result();
</script>
</body>
</html>
but following code doesn't print 'my string' . anyone could see why?
<!DOCTYPE html>

<html>

<body>
<div id = "show"> </div>
<script>
function result(){
var show = document.getElementById('show');
show = 'my string';
return show; //doesn't matter if I return this variable or not, nothing prints on the output
}
result();
</script>
</body>
</html>
madeit :)
Tom
@moT01
Feb 21 2018 14:34
you can also edit and delete messages - you shouldnt flood the room like that
Donnie
@Donnie-D
Feb 21 2018 14:34
lol
elad ben aderet
@eladonline
Feb 21 2018 14:35
deleted
Van Nam -DVN Channel
@vannam05_twitter
Feb 21 2018 14:35
https://codepen.io/fantasy2943/pen/eVEOBB Sorry for my problem, i'm just a beginner to learn web programming. How to color the text of the display in white, how can i change the position of the slide text and when the slide text finised horizontal scroll bar will not follow? Thank you.
elad ben aderet
@eladonline
Feb 21 2018 14:36
You dosnt return any value to be printed
Tom
@moT01
Feb 21 2018 14:36
@eladonline your just returning the show element
Donnie
@Donnie-D
Feb 21 2018 14:36
@eladonline wonder whats going wrong lol
Tom
@moT01
Feb 21 2018 14:36
the first one sets the content on the element
with .innerHTML
Donnie
@Donnie-D
Feb 21 2018 14:37
@moT01 first one runs fine as expected. its the second one thats confusing
Tom
@moT01
Feb 21 2018 14:37
what do you want to happen - you can set the content like in the first one
show.innerHTML = 'stuff'
Donnie
@Donnie-D
Feb 21 2018 14:38
i only wanted to know why the second one doesn't run as you'd expect it to really
elad ben aderet
@eladonline
Feb 21 2018 14:38
function result(){
 let tmp = document.getElementById('show')
  tmp.innerHTML =  'string'
return tmp

}
AT LAST!!!!!!
Tom
@moT01
Feb 21 2018 14:38
you're not printing anything
what do you expect
you set show to your element on the first line
then you change the value of show to a string
Donnie
@Donnie-D
Feb 21 2018 14:39
@moT01 i want the second code to print 'my string'
Tom
@moT01
Feb 21 2018 14:39
and return it
print it where
console.log(show);
Donnie
@Donnie-D
Feb 21 2018 14:40
on the output screen
no i want to to pass the string into the div
Tom
@moT01
Feb 21 2018 14:40
use .innerHTML - like i said
Donnie
@Donnie-D
Feb 21 2018 14:40
sorry for the trouble
Tom
@moT01
Feb 21 2018 14:40
thats fine
the first line is good
get your element - and set it to a variable
elad ben aderet
@eladonline
Feb 21 2018 14:40
@Donnie-D
y you have two functions with the same name ?
Tom
@moT01
Feb 21 2018 14:41
the second line is wrong
you want to change a property of your element - and instead your changing the value of your variable to something other than your element
Donnie
@Donnie-D
Feb 21 2018 14:41

```<!DOCTYPE html>

<html>

<body>
<div id="show"></div>
<script>
function result(){
var show= document.getElementById('show');
show= 'my string';
return show;
}
result();
</script>
</body>
</html>
```

Tom
@moT01
Feb 21 2018 14:42
you can use show.innerHTML = "my string"; on the second line
Donnie
@Donnie-D
Feb 21 2018 14:42
grrr didnt work again. i am really letting myself down here. arent i lol
elad ben aderet
@eladonline
Feb 21 2018 14:42
<!DOCTYPE html>
<html>
<body>
    <div id="show"></div>
    <script>
        function result(){
            var show= document.getElementById('show');
            show= 'my string';
            return show;
       }
        result();
    </script>
</body>
</html>
:clap:
Donnie
@Donnie-D
Feb 21 2018 14:43
@moT01 but why cant i do
var show= document.getElementById('show');
show= 'my string';
oh
got it
i didnt use inner html
Tom
@moT01
Feb 21 2018 14:44
learn how to console log stuff
do this
        function result(){
            var show= document.getElementById('show');
            console.log(show);
            show= 'my string';
            console.log(show);
            return show;
       }
        result();
Ghost
@ghost~5a4a80acd73408ce4f859755
Feb 21 2018 14:45
@moT01 what does console log do?
Tom
@moT01
Feb 21 2018 14:45
and you can see what that variable will be in the console at those times
just prints some info
Ghost
@ghost~5a4a80acd73408ce4f859755
Feb 21 2018 14:45
That explains it, thank you :) @moT01
CamperBot
@camperbot
Feb 21 2018 14:45
muhammedkarim sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:star2: 1015 | @mot01 |http://www.freecodecamp.org/mot01
Tom
@moT01
Feb 21 2018 14:46
you can see the console in the dev tools of your browser
Todd Jones
@atoddj
Feb 21 2018 14:47
breakpoints in browser dev tools are really useful for helping debug stuff too:
https://developers.google.com/web/tools/chrome-devtools/javascript/
Donnie
@Donnie-D
Feb 21 2018 14:48
@moT01 thanks
CamperBot
@camperbot
Feb 21 2018 14:48
donnie-d sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:star2: 1016 | @mot01 |http://www.freecodecamp.org/mot01
Edy1988
@Edy1988
Feb 21 2018 15:07
Hi Guys. Adding an image as a background; is it better to do it in html or css file? Both work, is there best practice approach?
Tom
@moT01
Feb 21 2018 15:08
i think if its a background image - probly go with css
background property
Stephen James
@sjames1958gm
Feb 21 2018 15:08
@Edy1988 The better is css as it is a style property
Edy1988
@Edy1988
Feb 21 2018 15:09
@moT01 gracias
CamperBot
@camperbot
Feb 21 2018 15:09
edy1988 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:star2: 1017 | @mot01 |http://www.freecodecamp.org/mot01
Edy1988
@Edy1988
Feb 21 2018 15:09
@sjames1958gm thanks!
CamperBot
@camperbot
Feb 21 2018 15:09
edy1988 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 9007 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
Stephen James
@sjames1958gm
Feb 21 2018 15:11
@Edy1988 :+1:
Joelvh1990
@Joelvh1990
Feb 21 2018 15:14
Stuck on Increment a number with Javascript using myVar++; and ++myVar;
elad ben aderet
@eladonline
Feb 21 2018 15:17
@Joelvh1990 what do you need
Joelvh1990
@Joelvh1990
Feb 21 2018 15:18
myVar++ isn't working. Wondering if the exercise is broken.
elad ben aderet
@eladonline
Feb 21 2018 15:18
It should work
how you use it in your code?
Joelvh1990
@Joelvh1990
Feb 21 2018 15:18
This is exercise "Increment a Numver with Javascript".
elad ben aderet
@eladonline
Feb 21 2018 15:19
did you assined a value to it first?
Stephen James
@sjames1958gm
Feb 21 2018 15:19
@Joelvh1990
can you show all of the code?
Joelvh1990
@Joelvh1990
Feb 21 2018 15:19

Sure: var myVar = 87;

// Only change code below this line
myVar = myVar++;

elad ben aderet
@eladonline
Feb 21 2018 15:20
you cant do myVarr = myVarr ++
Stephen James
@sjames1958gm
Feb 21 2018 15:20
@Joelvh1990 You don't need the myVar = because ++ assigns back to the variable
elad ben aderet
@eladonline
Feb 21 2018 15:20
just myVar++
Joelvh1990
@Joelvh1990
Feb 21 2018 15:20
Gotcha. Thanks!

function bouncer(arr) {
// Don't show a false ID to this bouncer.
var newArr =[];

for( var i = 0; i <arr.length; i++){

if(arr[i] == 'false' || arr[i] == 'null' || arr[i] == 0 || arr[i] == "" || arr[i] == 'undefined' || arr[i] == 'NaN')
  continue;
else
  newArr[i] =arr[i];

}
return newArr;
}

bouncer([7, "ate", "", false, 9]);

my solution

/* Remove all falsy values from an array.

Falsy values in JavaScript are false, null, 0, "", undefined, and NaN. */

tptynlr
@tptynlr
Feb 21 2018 16:08
@frederikprijck
DerMann97
@DerMann97
Feb 21 2018 16:26

@DerMann97
class Value
{
public int i = 15;
}
public class Test
{
public static void main(String argv[])
{
int a = 1;
System.out.println(a++ + 3*(a++));
}

public void first()
{
    int i = 5;
    Value v = new Value();
    v.i = 25;
    second(v, i);
    System.out.println(v.i);
}
public void second(Value v, int i)
{
    i = 0;
    v.i = 20;
    Value val = new Value();
    v =  val;
    System.out.println(v.i + " " + i);
}

}
hello guys i would like to know why i obtain 15 0 20
in output

it should be 15 0 15
Kaz Baig
@kbaig
Feb 21 2018 16:46
@DerMann97 You might have better luck with Java in the back end room.
dinesh
@1532j0004kg
Feb 21 2018 17:21
need help in this question ,,, when i click the one navbar menu it is correctly move to the correct section but heading of the section is hiding back to the navbar can anybody please help me to fix this .
yen9
@yen9
Feb 21 2018 17:27
@yen9
Does anyone know where I can find definition for the mongoose connect method? There soesn't seem to be anything in the documentation.
Or any ideas of how that method interacts with the database.
Stephen James
@sjames1958gm
Feb 21 2018 17:27
@1532j0004kg For the anchor tag that links to the nav menu we did this
a.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}
Tom
@moT01
Feb 21 2018 17:28
https://s.codepen.io/paulobrien/pen/bpepaq @1532j0004kg i found this - maybe helpful
yen9
@yen9
Feb 21 2018 17:29
@sjames1958gm Thank you but that doc doesn't explain details.
CamperBot
@camperbot
Feb 21 2018 17:29
yen9 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 9009 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
dinesh
@1532j0004kg
Feb 21 2018 18:23
@sjames1958gm where i need to add ?
@sjames1958gm @moT01 thanks i will try !
CamperBot
@camperbot
Feb 21 2018 18:25
1532j0004kg sends brownie points to @sjames1958gm and @mot01 :sparkles: :thumbsup: :sparkles:
:star2: 1018 | @mot01 |http://www.freecodecamp.org/mot01
:star2: 9010 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
Michael Grienauer
@mgrienauer
Feb 21 2018 18:44
hey i'm working on revamping my portfolio website and im using css grid... but i've run into a weird issue. im trying to add a grid gap on my "content" section but for some reason nothing happens when i do
here's the link to the github repo
any ideas would be welcome
aceroAD
@aceroAD
Feb 21 2018 19:17
hi, someone knows hot to use the css tag background-image?? it doesnt thisplay the image.
background-image: url(/img/fondoContacto.jpg);
Marit Fischer
@TheMarit
Feb 21 2018 19:20
@aceroAD do you have a height set? is the path correct?
aceroAD
@aceroAD
Feb 21 2018 19:21
width: 100%;
    height: auto;
    background-image: url(/img/fondoContacto.jpg);
    background-color: transparent;
    color: red;
thats the code, i think the path is ok
@marit
yen9
@yen9
Feb 21 2018 19:21
@aceroAD try quotation marks around the img url
aceroAD
@aceroAD
Feb 21 2018 19:22
@yen9 mmm nothing..
yen9
@yen9
Feb 21 2018 19:22
background-image: url("/img/fondoContacto.jpg");
aceroAD
@aceroAD
Feb 21 2018 19:23
i know, but nothing changes, im going to check if the path is correct
Marit Fischer
@TheMarit
Feb 21 2018 19:23
@aceroAD could you put your code in a code pen or fiddle or something else where we can review all your code?
yen9
@yen9
Feb 21 2018 19:23
or if it is one level up in the directory background-image: url("../img/fondoContacto.jpg");
Gulsvi
@gulsvi
Feb 21 2018 19:23
@larrygold use "bounce" instead of "fadeIn" in your JS to make it bounce
Or, to do both:
    $("img").addClass("animated bounce").delay(1000).promise().done(function() {
      $("img").removeClass("bounce").addClass("fadeIn");
    });
aceroAD
@aceroAD
Feb 21 2018 19:24
@yen yeees, it was the ../
yen9
@yen9
Feb 21 2018 19:24
great
alpox
@alpox
Feb 21 2018 19:25
@mgrienauer Your gap works:
image.png
aceroAD
@aceroAD
Feb 21 2018 19:26
@yen9 thank you!
CamperBot
@camperbot
Feb 21 2018 19:26
aceroad sends brownie points to @yen9 :sparkles: :thumbsup: :sparkles:
api offline
Brandon Blackwell
@Radlerz1
Feb 21 2018 20:38
hey guys, I have a quick question. So I am creating a few projects of my own to put on my portfolio which will hopefully get me a job. So my question is it alright to host projects on heroku using herokus domain name? I am wondering because I have heard people usually create actual non profitable projects for there portfolios. So is creating a few projects 'just' for my portfolio that won't actual be live in the real world but just to show off my skills be enough? I don't have any real clients I can create projects for except a bit of work I have done for a few people which will go on my resume.
I just want to have a visual portfilio people can go see what I can do for themselves with a written resume
Pavel
@teiwik
Feb 21 2018 20:43
Hello guys, can anybody help me with my problem ? I have element which isn't visible, but when i hover over element which is after that element i need to show it up.
Gulsvi
@gulsvi
Feb 21 2018 20:55
@teiwik you need to use JavaScript to do it - as you can see, with CSS, it only works when the span comes after the li.
sibling selectors can only go forward through your HTML, not backwards
Pavel
@teiwik
Feb 21 2018 20:57
@gulsvi Ok, i would try it just without JS. Thanks for answer :))
CamperBot
@camperbot
Feb 21 2018 20:57
teiwik sends brownie points to @gulsvi :sparkles: :thumbsup: :sparkles:
:star2: 2615 | @gulsvi |http://www.freecodecamp.org/gulsvi
Gulsvi
@gulsvi
Feb 21 2018 20:59
@teiwik CSS4 will allow you to do it some day, but the has() selector is not supported yet. https://caniuse.com/#feat=css-has
alpox
@alpox
Feb 21 2018 20:59
@gulsvi @teiwik Why not just use the ~ selector?
Gulsvi
@gulsvi
Feb 21 2018 20:59
That works for subsequent siblings, but not previous ones
alpox
@alpox
Feb 21 2018 21:02
@gulsvi I think thats the case for him
Gulsvi
@gulsvi
Feb 21 2018 21:04
@alpox They want to get the first <span> to turn green when hovering over the adjacent <li>
The one in the "Issue" section
It works when the <span> comes after the <li> but not the other way around
alpox
@alpox
Feb 21 2018 21:11
@gulsvi Right, for some reason I thought that ~ selects the one before. My bad, i remembered wrong :) Thanks for the refresher
CamperBot
@camperbot
Feb 21 2018 21:11
alpox sends brownie points to @gulsvi :sparkles: :thumbsup: :sparkles:
:star2: 2616 | @gulsvi |http://www.freecodecamp.org/gulsvi
santhoshbalaguru001
@santhoshbalaguru001
Feb 21 2018 21:57
<div class="left"ng-click="#/main">EPL2015/2016 </div>
this code is correct or not
if i click is not moving to next page
Kaz Baig
@kbaig
Feb 21 2018 21:58
<div class="left" ng-click="#/main">
santhoshbalaguru001
@santhoshbalaguru001
Feb 21 2018 21:58
need to give some title
Gulsvi
@gulsvi
Feb 21 2018 22:10
@santhoshbalaguru001 is it the missing space before ng-click? I think that's what @kbaig is trying to show
@alpox It was a decent refresher for me too :)
@hensn5250 I saw your PM - wrong number, I don't need any help with any issues. You might have meant to contact someone else
anish000kumar
@anish000kumar
Feb 21 2018 22:14
Hey guys! Looking for some help on an open source project (based on react and redux). Basically, the project has been gaining quite a bit of attention from the community, but it lacks the proper resource to give the users a quick start. I have attempted to fill in this gap by publishing a video a day ago, but I am sure the usage can be illustrated much better by someone who has some experience with creating such short tutorials. I would really appreciate it, if anyone would be willing to help me in this open source project, by contributing a short tutorial. Here's the repo: https://github.com/anish000kumar/redux-box
Kaz Baig
@kbaig
Feb 21 2018 22:15
@gulsvi ye
Daniel Narilton
@spaganger
Feb 21 2018 22:47
hello, guys. im trying to customize my scrollbar by setting a fix height to the blue thumb: https://jsfiddle.net/5ewkzgg5/ . I'm using webkit. two people have already told me setting its height is impossible. this guy here: https://stackoverflow.com/questions/45755144/scrollbar-thumb-height-in-css and another one. How can I make it so it doesn't resize when the div gets bigger?
Jacob Fines
@jfines
Feb 21 2018 22:48
I need help troubleshooting a problem .. I have to use links between directories in order to access the files in my index.html but I want to just access the files directly and eliminate the links altogether. You can see some information here: https://imgur.com/a/XIzFz
Thanks in advance for any help
I tried dealing with this before but things weren't working as expected so I gave up.
Bjorn van de Peut
@bjorno43
Feb 21 2018 22:49
@anish000kumar I would suggest that you ask your question in our LetsPair room. That's where users go looking for others to collaborate on their projects :)
Gulsvi
@gulsvi
Feb 21 2018 22:51
@jfines Not sure I understand exactly - are you saying that ../js/jquery-3.2.1.js doesn't work so you have to move the file to the same directory as index.html?
Bjorn van de Peut
@bjorno43
Feb 21 2018 22:51
@jfines Please explain your problem in more detail. What exactly do you mean with eliminating the links and accessing directly?
Jacob Fines
@jfines
Feb 21 2018 22:53
@gulsvi I chose to locate project files in their own directories to help keep my project organized. This shouldn't be an issue since you could normally just reference the file using a relative path in the src attribute. However, this has not been working for me and I've had to resort to adding link (ie: ln -s command on linux) in order for them to be used.
Gulsvi
@gulsvi
Feb 21 2018 22:53
@jfines What relative path have you tried?
For jQuery, it looks like it should be: ../libs/jquery-3.2.1.js
Jacob Fines
@jfines
Feb 21 2018 22:54
@gulsvi akin to src="../otherDir/desiredFile" src="./otherDir/desiredFile" and src="otherDir/desiredFile" respectively
I even had to link the image to get it to display
Gulsvi
@gulsvi
Feb 21 2018 22:56
It's hard to debug your dev environment from here @jfines but you don't need to link files if you get the correct relative path - and that path has permissions set up correctly. I don't know how else we can help unfortunately.
Bjorn van de Peut
@bjorno43
Feb 21 2018 22:56
@jfines Just out of curiosity. Are you sure your webroot is setup correctly? Because it seems to me your webroot is set to your html dir. That way your webserver has no access to any folders outside of it and you need to use links like you did now
Gulsvi
@gulsvi
Feb 21 2018 22:56
Maybe something to do with atom or apache settings
Jacob Fines
@jfines
Feb 21 2018 22:57

@gulsvi I don't really know what to look for. I do wonder about permissions. I added informatoin to that link showing some permissions info. Other than that, the files are all owned by my user (me).

https://imgur.com/a/XIzFz

Bjorn van de Peut
@bjorno43
Feb 21 2018 22:58
I just told you.. Look at what your webroot is set. That's very likely your issue
Jacob Fines
@jfines
Feb 21 2018 22:58
@bjorno43 On web root I have no idea (but apache seems to serve it up fine when the links are present)
@bjorno43 Where can I get infomation on how that is supposed to be?
Gulsvi
@gulsvi
Feb 21 2018 22:59
You may need to share your apache .config
Jacob Fines
@jfines
Feb 21 2018 22:59
I mean specific to my case
ok
Bjorn van de Peut
@bjorno43
Feb 21 2018 22:59
Create a new img folder inside your html folder. Put an img in it and test if that works normally. If it does, you have your answer :)
Jacob Fines
@jfines
Feb 21 2018 23:00
@bjorno43 ok
ty
Gulsvi
@gulsvi
Feb 21 2018 23:00
if you can only do http://localhost/index.html, your root is in the html directory and needs to go up one level
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:01
Exactly
After that you can either config your Apache to change the webroot dir, or move all the folders inside your html dir. Either way should solve the issue
Jacob Fines
@jfines
Feb 21 2018 23:06

@bjorno43 Wow, thanks. The image does show up when the directory is placed inside the html directory (link deleted and url fixed to make it correct).

How do I know what my apache configuration needs to be changed to fix it?

CamperBot
@camperbot
Feb 21 2018 23:06
jfines sends brownie points to @bjorno43 :sparkles: :thumbsup: :sparkles:
:cookie: 269 | @bjorno43 |http://www.freecodecamp.org/bjorno43
Jacob Fines
@jfines
Feb 21 2018 23:07
I've actually been having many projects / sites directly under /var/www
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:07
@jfines It rly depends on how your apache is setup. Like, are working with virtual hosts or not?
i.e.: Is your server setup to run multiple domains?
Jacob Fines
@jfines
Feb 21 2018 23:09

Yes, virtual hosts

Then I've just been creating a config in /etc/apache2/sites-avialable; a2enmod config.conf; service apache2 restart

and then create an entry in /etc/hosts that corresponds with the servername in the apache config.

They are local sites (btw)
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:13
Alright, inside /etc/apache2/sites-enabled should be the .vhost file for the domain you're working on. Open that with vi or nano. There should be some <directory> directives in there that represent your webroot. You need to change that to the correct path, save the file and restart apache
@jfines Or I would strongly recommend that you install ISPConfig. They have tutorials on how to install it step by step for pretty much any linux distro. It takes a few hours of work, but after that your server management will be a breeze
Jacob Fines
@jfines
Feb 21 2018 23:17
@bjorno43 I can do it there? I thought it had to be changed in /etc/apache2.conf (the main config file)
I will also look into that but would like to correct this as soon as I can for right now/
What can I search for to get instuctions on the method you suggested?
by ".vhost" file do you mean the "*.conf" file (named accordingly with the .conf ending) ?
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:19
No the main config file doesn't have any info about the vhosts and their webroots. At least, mine doesn't.
Jacob Fines
@jfines
Feb 21 2018 23:20
@bjorno43 I added a picture what looks like a place to config that in the main config file
mine looks like it isn't set but idk what I would set it to considering I have multiple projects / sites going
Jacob Fines
@jfines
Feb 21 2018 23:23
oh I messed up. You said webroot
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:23
Yup
Jacob Fines
@jfines
Feb 21 2018 23:24
@bjorno43 thank you Bjorn.. I should have enough to go on to get this sorted man
CamperBot
@camperbot
Feb 21 2018 23:24
jfines sends brownie points to @bjorno43 :sparkles: :thumbsup: :sparkles:
api offline
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:25
@jfines You're welcome. But definitely take a look at ISPConfig. It's a panel like cPanel / Plesk / DirectAdmin where you can easily control all your domains, databases etc etc. And it's completely free :)
Jacob Fines
@jfines
Feb 21 2018 23:27
for sure
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:29
@jfines And once you have all that, go to https://letsencrypt.org/ and install their Certbot. It allowes you to install verified SSL certificates for your domains for free so you can provide https:// (TLS) for everyone :)
Jacob Fines
@jfines
Feb 21 2018 23:31
I'll check it out, but to be honest, I usually like to get proficient with manual operations / configurations before I employ software. I know it's harder that way but I like the discipline and I learn the concepts thoroughly.
:p
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:32
I see. Still install the Certbot though. You can't use self signed SSL certificates for your domain. People will get a warning that it's not an official (verified) certificate if you do that. You need a company like LetsEncrypt for that. They provide it completely free while others charge you a lot of money for it
Jacob Fines
@jfines
Feb 21 2018 23:34
I understand.
@bjorno43 are you sure something hasn't changed? I'm seeing lets encrypt as being foss
and free
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:39
foss? What's that?
Jacob Fines
@jfines
Feb 21 2018 23:39
free and open source
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:39
Let's Encrypt is a free, automated, and open certificate authority brought to you by the non-profit Internet Security Research Group (ISRG).
I'm using it to this very day. Works perfectly fine. You don't have to register with them or anything. You can simply install their Certbot and use it
Jacob Fines
@jfines
Feb 21 2018 23:40
oh I think i just read something into your earlier statement that wasn't there. Then I thought I was helping you by passing information (based on a message that wasn't there)..
my bad
peace
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:40
Haha
Amit Patel
@AmitP88
Feb 21 2018 23:41
hey guys, I'm trying to work through the intermediate algorithms and I'm becoming more and more stuck. So far I've done 8 of them (had to look at the solution to 1 of them though), and I don't know if it's a combination of frustration or burnout or a bit of both, but do you think it would be a good idea to take a break from the algorithms for now and focus on the advanced javascript projects? or would the projects be too difficult to build without knowing the algorithms first?
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:44
@AmitP88 If frustrations and / or burnout is causing you issues with coding, it's usually best to stop coding all together for a while. Let it rest. Don't push yourself too hard simply because you want to learn more or get something done. Give your brain a chance to process and order all the information before it overloads and you end up sleeping bad dreaming about code all the time. It's not very healthy..
Amit Patel
@AmitP88
Feb 21 2018 23:48
@bjorno43 well the thing is, before, I was progressing at a decent rate (I started FCC on Jan 10 this year, and i've come this far) but now it's like progress is slowing to a near halt. I really want to finish the front end certificate by the end of March. I was hoping I could finish all 3 certs by around june/july this year too so that I can get job ready (I really hate my current job, and my job is going down for a few months during the summer - it's a seasonal job, so I was hoping to be job ready by sometime this summer)
Jacob Fines
@jfines
Feb 21 2018 23:50
@AmitP88 I find it discouraging if I go a long time without some successes (that's just me). If I keep putting in lot of effort and failing it puts me in a bad attitude toward it.. It sounds stupid, but one thing that has helped me tremendously in the past is to draw it out with a pencil and paper. I found out you don't have to hold everything in your head, skip all the steps to get there, and go straight to the solution. I had a math teacher that taught me that. He said that when you do word problems you should sketch out a picture of what the problem is saying then you can see clearly to solve it. I started doing that with programming and it changed my whole world!
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:52
@AmitP88 I see. Still, don't push yourself too hard. Every professional programmer has been where you are now. We were all excited or for some reason pushing ourselves way too hard when we started. Believe me, it doesn't work like that. Eventually you'll get to the point where you think you've learned a lot, only to discover that you've forgotten most of it already simply because you went too fast. Instead of giving yourself a deadline, setup a study schedule for every single day and implement a 10 minute break every hour! And hold yourself to that break! That's very, very important for your health!
Amit Patel
@AmitP88
Feb 21 2018 23:52
@jfines yeah, I've heard that a lot from other devs lol. I guess I try to do that (I try to write it out in steps in plain English), but you're right, maybe I need to actually make a sketch or a diagram or something to really see the problem in action. Sometimes I feel really dumb for getting stuck on the algorithms
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:54
Programmers actually have a 5-step plan when working on projects
Amit Patel
@AmitP88
Feb 21 2018 23:55
I just really don't want to have to go back to my job after the break
or if I do, I want to be job ready so that I can start applying to a lot of jobs
Jacob Fines
@jfines
Feb 21 2018 23:55

I've set a couple time based goals about reaching certificates here and found out it was just unrealistic. @bjorno43

I had to admit to myself that I was just taking a guess at what I could accomplish in a given period of time (since I don't really know what it's gonna take to get there).

I'm learining to be a little more forgiving with myself rather than grind myself to a halt like I've done before.

Amit Patel
@AmitP88
Feb 21 2018 23:57
I just feel like it's gonna take me forever to get into a junior position. I've been coding off and on since 2015, but I'm pushing myself harder this year on the things I've been struggling with (Javascript)
do you guys think I should wait until I finish all 3 certs to start applying for jobs? or should I start after earning the data vis one?
Bjorn van de Peut
@bjorno43
Feb 21 2018 23:58
1) Write your idea out on paper (or notepad)
2) Make a list of every step you'll need to take to reach your goal. Like a registration system, a database, security etc etc
3) Make a list of all the tools you're going to need. Which libraries do you need etc etc
4) Write pseudo code. Code that you're going to need. Something to refer to. Don't have to write your whole project like this of course
5) Code your project. Follow your list of steps and refer to it whenever you get sidetracked.