These are chat archives for FreeCodeCamp/HelpFrontEnd

13th
Apr 2018
Ken Haduch
@khaduch
Apr 13 2018 00:08
@zootechdrum - well, it might be passing the test, but it might just be a little bit "lucky" dependent on the structure of the test data. Oh, and there is a slight problem in the code that you posted. First, the conditional testing if (contacts[i].firstName === firstName & contacts[i].hasOwnProperty(prop)){ the operator for the "AND" operation should really be &&, a logical AND test. But with the test data as it is, it works.
The data or test could be constructed that would fail, for example for the "Bob", "number" case, if one of the contacts on the list did not have a number property, your first conditional test would never pass (because there is no "Bob"), so it would always look at the second else if and if there was a contact record without a number property, it would return "No such property", instead of the No such contact. So it's just a matter of the data just working out right. You could experiment with this by changing the data (temporarily) for example making the record for "Sherlock" have a "numbers" property instead of "number" - it will then fail that "Bob" test in the list.
Just some other things to consider when you are evaluating how to solve the problem.
Michael
@g4m3rm1k3
Apr 13 2018 00:08
There is so much of this bootsrap I cannot get to work such as corner round
zootechdrum
@zootechdrum
Apr 13 2018 01:13
just wondering if there is a better way to add a horizontal line on the right side of my image.
here is the link to my codepen
Stephen James
@sjames1958gm
Apr 13 2018 01:14
@zootechdrum Horizontal? Or vertical?
zootechdrum
@zootechdrum
Apr 13 2018 01:14
vertical
@khaduch thats going to take time to rap my head around lol
let me think about it
Stephen James
@sjames1958gm
Apr 13 2018 01:21
@zootechdrum I would probably wrap another div around the img and use its right border
wei_xin1
@Wastexin
Apr 13 2018 01:21
@Mera77 how can i get the caption , video has not this option.what software can
do that onlineq
Stephen James
@sjames1958gm
Apr 13 2018 01:22
That avoids the height: 2000px and uses the images height
Dhaval Vira
@dhavalveera
Apr 13 2018 01:22
is there any Back-End Developer is here then plz Ping me
Ken Haduch
@khaduch
Apr 13 2018 01:35
@zootechdrum :point_up: April 12, 2018 9:14 PM - yeah, it might. It took me a little while to think of a case where they could set up data that would not be properly handled by your code. I'm always amazed at the kinds of things that people who are really involved in testing systems have to think of to uncover all of the strange cases that might occur. But if you have some time to spend on it and have questions, ask away!
zootechdrum
@zootechdrum
Apr 13 2018 01:44
@khaduch Yeah, now i see what you mean
and i see where it could go wrong
I would have to check if the name exists at all. I could use another && statement on the second conditional and check if the name that it iterates through is the same as the param passing in but does not have the prop value to execute "no prop exist"
@sjames1958gm hey
I tried doing that but for whatever reason my vertical line changes to an off white color
zootechdrum
@zootechdrum
Apr 13 2018 01:50
here is the current codepen
why it's not running ?
chompoo500ml
@chompoo500ml
Apr 13 2018 02:28
@roxxlen look like you didnt pass callback function to place
roxxlen
@roxxlen
Apr 13 2018 02:29
how can i do it
Aditya
@ezioda004
Apr 13 2018 02:47
@roxxlen May I ask why are you invoking place() twice, initially without an argument and later with an argument? You shouldnt be invoking it twice, so you can remove the first call inside $(document).ready(function){}
In your $.ajax call you have a typo, sucess should be success. Second navigator.geolocation.getCurrentPosition(sucess, error); in this method, error callback function isnt defined and finally that data you receive from $.ajax() is JSON and not an object, so you need to parse that in order to use that as an object. JSON.parse(data) would do the job.
here is the original code
i've fixed the typo and added a error function
for this instance, the api already return a object , so there seems no need to parse it
should i give the second call a new function name ?
Ken Haduch
@khaduch
Apr 13 2018 03:09

@zootechdrum - the simplest way (in my opinion) to do that check is this:

if (contacts[i].firstName === firstName) {
    if (contacts[i].hasOwnProperty(prop)) {
        return contacts[i][prop];
    } else {
        return "No such property";
    }
}

so if you have a firstName match, then you check for the property and make the appropriate return. If you don't have a firstName match, you let the for loop do the next iteration and so on...

Aditya
@ezioda004
Apr 13 2018 03:09
@roxxlen This one doesnt seem to work at all? Theres no error in the console, but not sure where its going wrong.
roxxlen
@roxxlen
Apr 13 2018 03:10
yep.... i just ripped out of those hidden buttons, stucked on the call function
Aditya
@ezioda004
Apr 13 2018 03:18
@roxxlen invoking place() seems to make it work. The API is responding slowly.
zootechdrum
@zootechdrum
Apr 13 2018 03:21
@khaduch netsed if gocha
roxxlen
@roxxlen
Apr 13 2018 03:24
@ezioda004 no , it's not
Aditya
@ezioda004
Apr 13 2018 03:28
roxxlen
@roxxlen
Apr 13 2018 03:28
@ezioda004 that's sombody's art of work
mine is an assembling
the original one triggered with clicking on buttons
Aditya
@ezioda004
Apr 13 2018 03:32
@roxxlen I see, this one is yours?
roxxlen
@roxxlen
Apr 13 2018 03:32
yes
Ghost
@ghost~5928d90bd73408ce4f629b9e
Apr 13 2018 04:38
Can anyone enlighten me how will i be able to work with someone for a project i'm currently making. sort of a collaborator.. should i give them my keys for my api's and database url etc for them to run my project locally ? i have no idea how pair programming works
Brad
@bradtaniguchi
Apr 13 2018 05:23
@2HexGFX_twitter Depends how close this collaborator is, and the level of access needed. If your api keys are to get weather or something I don't see any problems. Now if your accessing a database that holds sensitive information, then I might wanna re-consider.
But if they want to develop locally, you'll need to give them your database access info one way or another, or they need to setup their own, but that can be a mess.
javascriptcookie
@javascriptcookie
Apr 13 2018 05:26
hey guys where is the main fcc chatroom?
Markus Kiili
@Masd925
Apr 13 2018 05:28
@javascriptcookie It was closed down about a week ago.
javascriptcookie
@javascriptcookie
Apr 13 2018 05:28
aw what's the main room now? or is there not one anymore?
Markus Kiili
@Masd925
Apr 13 2018 05:28
@javascriptcookie There are the forums, other rooms like this and an unofficial fcc discord rooms.
javascriptcookie
@javascriptcookie
Apr 13 2018 05:29
@Masd925 i see thanks a bunch!
CamperBot
@camperbot
Apr 13 2018 05:29
javascriptcookie sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4777 | @masd925 |http://www.freecodecamp.org/masd925
Ghost
@ghost~5928d90bd73408ce4f629b9e
Apr 13 2018 05:41
@bradtaniguchi how does fcc does it? i mean they have open source project right and they probably use some api or database do they provide a development secretes?
Norvin Burrus
@ndburrus
Apr 13 2018 05:43
@javascriptcookie ...some background info: :sparkles:
  • freeCodeCamp/freeCodeCamp#15581
Brad
@bradtaniguchi
Apr 13 2018 05:44
@2HexGFX_twitter I did a quick look, and it looks like they use environment variables, and use docker. Since I don't use docker I couldn't say more on how that works.
Alvin
@AlvinW89
Apr 13 2018 05:45
Better in desktop view
I guess no one awake at this hour lol
Dhaval Vira
@dhavalveera
Apr 13 2018 05:50
I am awake, say
Fabien SHAN
@X140hu4
Apr 13 2018 05:50
@AlvinW89 Depends on the time zone :3
Alvin
@AlvinW89
Apr 13 2018 05:51
lol
Eastern USA here it almost 2AM
Fabien SHAN
@X140hu4
Apr 13 2018 05:51
Auto playing video not cool
Alvin
@AlvinW89
Apr 13 2018 05:51
OK, auto play bad
Thanks @X140hu4
CamperBot
@camperbot
Apr 13 2018 05:51
alvinw89 sends brownie points to @x140hu4 :sparkles: :thumbsup: :sparkles:
:cookie: 366 | @x140hu4 |http://www.freecodecamp.org/x140hu4
Alvin
@AlvinW89
Apr 13 2018 05:52
I will admit it took me a min to figure out how to make it autoplay XD
Aditya
@ezioda004
Apr 13 2018 05:53
@AlvinW89 Good first project! Also, nice music.
Alvin
@AlvinW89
Apr 13 2018 05:53
Thanks @ezioda004
CamperBot
@camperbot
Apr 13 2018 05:53
alvinw89 sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 537 | @ezioda004 |http://www.freecodecamp.org/ezioda004
Fabien SHAN
@X140hu4
Apr 13 2018 05:55
I would put more space above and below the text in the about section
The text feels a bit crushed, idk if you see what I mean?
Alvin
@AlvinW89
Apr 13 2018 05:56
I can see what you mean
so some spacing between the letters
I think at the bottom too it looks like.
XD
Fabien SHAN
@X140hu4
Apr 13 2018 05:57
More like before the "about..." and after "...marumiyan"
Alvin
@AlvinW89
Apr 13 2018 05:57
ok
Fabien SHAN
@X140hu4
Apr 13 2018 05:59
Also decide on a minimum width your jumbotron should be. If you reduce the width of your browser you can see that at some point it becomes hard to read/ugly.
Alvin
@AlvinW89
Apr 13 2018 06:00
Ok, I know it did nto look pretty on mobile.
It was something I was going to look into tomorrow. Thank you for that.
I also feel I made a mess with the code. I wasn’t sure of the style I wanted to go with.
I been spending time learning with TeamTreeHouse and FreeCodeCamp.
I been doing a lot of follow along, but nothing really independent
But I will jump on it and correct what you guys have pointed out. Thanks again.
Night/Morning/Evening XD
Adetunji Adegbite
@twonjee2002
Apr 13 2018 06:17
from experience, which is the best way to start learning vue js?
n1zzy
@n1zzy
Apr 13 2018 06:41
@twonjee2002 by coding...
Adetunji Adegbite
@twonjee2002
Apr 13 2018 06:43
@n1zzy i already code but i use pure javascript and sometimes jquery. I am thinking vue will have some rules that is slightly different from what I am used to so I am asking for best approach from people who went through the same steps.
Norvin Burrus
@ndburrus
Apr 13 2018 07:21
@twonjee2002 you may enjoy these: :sparkles:
n1zzy
@n1zzy
Apr 13 2018 07:22
@twonjee2002 I don't have any experience with vuejs but I'm very sure that everyone with experience started here: https://vuejs.org/v2/guide/ you wont find better documentation elsewhere...everytime you want to learn something new look for the documentation of that said technology and learn at your own pace...
coderNewby
@coderNewby
Apr 13 2018 07:34
@DarrenfJ thanks for the Pm
CamperBot
@camperbot
Apr 13 2018 07:34
codernewby sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2461 | @darrenfj |http://www.freecodecamp.org/darrenfj
Daniel Simeonov
@dbsimeonov
Apr 13 2018 07:34
Morning guys ;)
Dhaval Vira
@dhavalveera
Apr 13 2018 07:34
Afternoon Daniel
Daniel Simeonov
@dbsimeonov
Apr 13 2018 07:38
How are you guys doing, Friday 13th and I'm up from bed really early than the usual. Will see how the code is gonna be :D
n1zzy
@n1zzy
Apr 13 2018 07:41
@dbsimeonov are you at work or at home alone?
Daniel Simeonov
@dbsimeonov
Apr 13 2018 07:42
Home.. in few hours going on holiday finally :sparkles: well deserved rest
n1zzy
@n1zzy
Apr 13 2018 07:46
nice! good for you Daniel! looks like this friday the 13th is going to bring you luck!
Daniel Simeonov
@dbsimeonov
Apr 13 2018 07:47
I've decided after the short break I will start the job hunting, so have couple of weeks to rest and after that the serious struggle will start :D
paulsda
@paulsda
Apr 13 2018 09:06
Good morning guys
Markus Kiili
@Masd925
Apr 13 2018 09:07
@paulsda Morning.
paulsda
@paulsda
Apr 13 2018 09:09
What’s everybody doing today?
Fabien SHAN
@X140hu4
Apr 13 2018 09:12
Reading :D
Markus Kiili
@Masd925
Apr 13 2018 09:15
@paulsda Learning Clojure.
Daniel Simeonov
@dbsimeonov
Apr 13 2018 09:18
still trying to decide coffee vs tea :D
paulsda
@paulsda
Apr 13 2018 09:20
What are you reading Fabien?
Fabien SHAN
@X140hu4
Apr 13 2018 09:21
paulsda
@paulsda
Apr 13 2018 09:23
Bookmarked, thanks!
Victor De Los Santos
@rdelosh
Apr 13 2018 10:04
hello night owls
Stephen James
@sjames1958gm
Apr 13 2018 10:09
@rdelosh Morning :)
n1zzy
@n1zzy
Apr 13 2018 10:13
var final_arr = [];
function steamrollArray(arr) {
    arr.some(function(el) {
        if (Array.isArray(el)) {
            steamrollArray(el);
        } else {
            final_arr.push(el);
        }
    });
    console.log(final_arr);
}
am I missing something?
when I run this locally it works
but in FCC it doesn't pass
eeflores
@eeflores
Apr 13 2018 10:13
make final_arr local to function
alpox
@alpox
Apr 13 2018 10:13
@n1zzy Don't use global variables. That messes things up
eeflores
@eeflores
Apr 13 2018 10:13
should the function return the array?
n1zzy
@n1zzy
Apr 13 2018 10:14
yes
making the variable local messes up the code...
'cuz if you look at it its recursive
alpox
@alpox
Apr 13 2018 10:15
@n1zzy So you have to find another solution.
Like using a closure
And also, you have to return the final array from the function in the end which you did not do yet
Victor De Los Santos
@rdelosh
Apr 13 2018 10:17
return the array
the final_arr
n1zzy
@n1zzy
Apr 13 2018 10:17
yes ofcourse I returned it...
var final_arr = [];
function steamrollArray(arr) {
    arr.some(function(el) {
        if (Array.isArray(el)) {
            steamrollArray(el);
        } else {
            final_arr.push(el);
        }
    });
    return final_arr;
}
the one with console.log is for my editor so I can see the results
@sjames1958gm hey James do you have any idea what I might be doing wrong here?
Stephen James
@sjames1958gm
Apr 13 2018 10:20
@n1zzy For FCC challenges, you cannot use global values, because they are not reset between each function
@n1zzy Looks like someone has mentioned that above
Victor De Los Santos
@rdelosh
Apr 13 2018 10:21
might need to do something like
function(){
}
function closure(){
var final_arr = []
function steamrollarray(){
}
}
Stephen James
@sjames1958gm
Apr 13 2018 10:22
@n1zzy With recursion you need to collect the values on the return path.
final_array.push(steamRollArray(el))
Moving final_array local
Markus Kiili
@Masd925
Apr 13 2018 10:25
@n1zzy If you use .some(), you can do it without recursion (concat arr elements as long as there are elements that are arrays).
n1zzy
@n1zzy
Apr 13 2018 10:25
@sjames1958gm now I get TypeError: arr.some is not a function
@Masd925 I'll try it though I thought recursion would be the easiest way
Markus Kiili
@Masd925
Apr 13 2018 10:26
@n1zzy It is.
Stephen James
@sjames1958gm
Apr 13 2018 10:26
@n1zzy What is the input that gives that error?
n1zzy
@n1zzy
Apr 13 2018 10:27
@sjames1958gm
function steamrollArray(arr) {
var final_arr = [];
    arr.some(function(el) {
        if (Array.isArray(el)) {
            steamrollArray(el);
        } else {
            final_arr.push(steamrollArray(el));
        }
    });
    console.log(final_arr);
}

steamrollArray([1, [2], [3, [[4]]]]); //[1, 2, 3, 4].
Stephen James
@sjames1958gm
Apr 13 2018 10:28
@n1zzy No you should have changed the if part not the else part
Markus Kiili
@Masd925
Apr 13 2018 10:28
@n1zzy A good way to structure a recursive solution is to start by checking if arr is an array. That way you can steamrollArray all the array elements.
That is not how you should use .some().
If you just make side effects, use .forEach().
Stephen James
@sjames1958gm
Apr 13 2018 10:28
        if (Array.isArray(el)) {
            final_array.push(steamrollArray(el));
        } else {
            final_arr.push(el);
        }
n1zzy
@n1zzy
Apr 13 2018 10:30
@sjames1958gm now this one logs undefined values
hold on give me a sec... I'll try to re-write the code without recursion
Stephen James
@sjames1958gm
Apr 13 2018 10:32
@n1zzy You aren't returning final_arr in the function
My bad, don't push the results of steamrollArray, that just re-creates the array.
You need to concat the result onto final_arr
final_arr = final_arr.concat(steamrollArray(el));
n1zzy
@n1zzy
Apr 13 2018 10:40
@sjames1958gm yep that worked!
Stephen James
@sjames1958gm
Apr 13 2018 10:41
@n1zzy Generally for recursion you resolve the answer on the return path, rather than with globals
n1zzy
@n1zzy
Apr 13 2018 10:44
@sjames1958gm now I understand, this kinda confused me since declaring that variable locally seemed like a bad idea, but I didn't knew that FCC denied global variables
I think I tried once creating a separate function
Stephen James
@sjames1958gm
Apr 13 2018 10:45
@n1zzy The issue is that the globals don't get reset between each test
alpox
@alpox
Apr 13 2018 10:45
@n1zzy It does not deny them, its just the way global variables work which doesn't work with FCC
@n1zzy If you try multiple functioncalls with the global variable version, you will also see that only the first call works
n1zzy
@n1zzy
Apr 13 2018 10:45
aha now I understand
mstellaluna
@mstellaluna
Apr 13 2018 10:48
is anyone online?
mstellaluna
@mstellaluna
Apr 13 2018 10:53
I have to step away but need some help. I created a background linear-gradient generator and I can't get the values from my dropdown to be applied to the CSS. Not sure what I'm not seeing here. The pen is at https://codepen.io/mstellaluna/pen/pLmjjz
Ken Haduch
@khaduch
Apr 13 2018 11:52
@mstellaluna - did you get it to work since the time you posted your question? It looks like it will set the colors if I select new colors, but not initially with the default colors that you set. But selecting a new color does work. I guess I should say that I'm using the Opera browser on Windows 10.
mstellaluna
@mstellaluna
Apr 13 2018 12:04
@khaduch no i cant get it to go in the direction i select
If i check my DOM variables indiviually its fine
Ken Haduch
@khaduch
Apr 13 2018 12:06
@mstellaluna - oh, I just figured that you were in the process and didn't do that. Just add a line similar to this in your setGradient function:
option = direction.options[direction.selectedIndex].text; to fetch the direction from the dropdown, because you don't have an event listener for that. Or add an event listener to trigger the function, but you still have to get the new value.
With that line to grab the new value before you set the body style, it will use it when a color change is made.
mstellaluna
@mstellaluna
Apr 13 2018 12:07
@khaduch let me try that. Ill get back to you on it. Thanks!
CamperBot
@camperbot
Apr 13 2018 12:07
mstellaluna sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3874 | @khaduch |http://www.freecodecamp.org/khaduch
mstellaluna
@mstellaluna
Apr 13 2018 12:07
I was out of ideas tbh
n1zzy
@n1zzy
Apr 13 2018 12:16

can someone please explain why

truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 0}, {"user": "Dipsy", "sex": "male", "age": 3}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age");

should return false ??!
https://www.freecodecamp.org/challenges/everything-be-true

is it because of the zero? shouldn't a number be negative to be false?
Markus Kiili
@Masd925
Apr 13 2018 12:17
@n1zzy Only falsy number is 0.
Well, NaN is falsy also.
n1zzy
@n1zzy
Apr 13 2018 12:24
oh ok... makes sense now, was confused 'cuz when I used array.indexOf() would always return -1 when nothing found, but would've made more sense if it returned 0... now I understand why we use array.indexOf() > -1
Ken Haduch
@khaduch
Apr 13 2018 12:25
@n1zzy - but if .indexOf() returned 0 then it would indicate that your value was in the first location in the array. -1 isn't an array location.
n1zzy
@n1zzy
Apr 13 2018 12:26
@khaduch thats also true :smile:
hensn5250
@hensn5250
Apr 13 2018 12:33
@n1zzy do you have a codepen?
@n1zzy check your messages
n1zzy
@n1zzy
Apr 13 2018 12:34
yes, why?
Adetunji Adegbite
@twonjee2002
Apr 13 2018 13:17
thanks @n1zzy @ndburrus
CamperBot
@camperbot
Apr 13 2018 13:17
twonjee2002 sends brownie points to @n1zzy and @ndburrus :sparkles: :thumbsup: :sparkles:
api offline
:star2: 2205 | @ndburrus |http://www.freecodecamp.org/ndburrus
Norvin Burrus
@ndburrus
Apr 13 2018 13:38
@twonjee2002 you're welcome! enjoy :sparkles:
Marc
@MWBauer
Apr 13 2018 13:45
@khaduch no i am not familiar with looking at the dev tools
Nate Mallison
@NJM8
Apr 13 2018 14:11
I have a question about the front end cert, how do your projects get tested? I see the website makes sure have passed all the algorithm challenges, but does someone actually review your websites and make sure they meet the user stories?
Marc
@MWBauer
Apr 13 2018 14:12
Visual studio is the same type of program as Codepen, just offline, right?
Lisa Copeland
@lisacopeland
Apr 13 2018 14:13
@MWBauer visual studio is an editor for code - like microsoft word is an editor for documents
Visual studio lives on your computer with all of your code files
Marc
@MWBauer
Apr 13 2018 14:13
oy.
Lisa Copeland
@lisacopeland
Apr 13 2018 14:13
codepen lives on an internet site with your code files
Marc
@MWBauer
Apr 13 2018 14:13
I hate that Codepen doesn't allow me to use local image files.
if it does, I'm doing something wrong.
mstellaluna
@mstellaluna
Apr 13 2018 14:14
@khaduch had to do other tweaks to get it working and displaying correct but this is the final product gradient generator
Lisa Copeland
@lisacopeland
Apr 13 2018 14:14
It's really easy to get started using visual studio on your computer - just down load it and then export your codepen files to your machine.
Are you using pure javascript?
Marc
@MWBauer
Apr 13 2018 14:15
I have d/l. I have it open. So just d/l codepen files and start working?
Pure?
Lisa Copeland
@lisacopeland
Apr 13 2018 14:16
are you writing just javascript? or es6? or react? or angular?
Marc
@MWBauer
Apr 13 2018 14:16
So far as I know I'm not messing with anything else. Just the FCC and I've been walking through Deitel's Javascript for programmers book.
mstellaluna
@mstellaluna
Apr 13 2018 14:16
@MWBauer codepen doesn't allow you to upload files unless you pay for pro service. BUT you can use a service like postimage.io that's free, you can upload your imgs and it give you the direct HTML link to them
Marc
@MWBauer
Apr 13 2018 14:17
thanks @mstellaluna
CamperBot
@camperbot
Apr 13 2018 14:17
mwbauer sends brownie points to @mstellaluna :sparkles: :thumbsup: :sparkles:
:cookie: 640 | @mstellaluna |http://www.freecodecamp.org/mstellaluna
mstellaluna
@mstellaluna
Apr 13 2018 14:18
@MWBauer honestly its what I do for codepen, just postimage doesn't upload video files , images only
Lisa Copeland
@lisacopeland
Apr 13 2018 14:18
use the export button at the bottom of your codepen to download a zip of your codepen to your machine
it will download a zip of your codepen project and you can unzip it into a local subdirectory
Then you can start visual studio and open the local subdirectory
You will see all of the files for your project - to run it just open index.html in chrome
Marc
@MWBauer
Apr 13 2018 14:23
thx @lisacopeland
Lisa Copeland
@lisacopeland
Apr 13 2018 14:24
no prob! After you get done editing your files you can try to create a github repo and commit the files!
Marc
@MWBauer
Apr 13 2018 14:24
could someone take a look and help me figure out how to call the hr style?
Norvin Burrus
@ndburrus
Apr 13 2018 14:30
@NJM8 when you complete projects, you submit them using codepen...
Xapuu
@Xapuu
Apr 13 2018 14:40
Hey guys any idea for library like this one https://simplemde.com , but that is editing html, i need to emebd some text editor for generating e-mails in website
Nate Mallison
@NJM8
Apr 13 2018 14:43
@ndburrus yes but who looks at them.
Ken Haduch
@khaduch
Apr 13 2018 15:02
@mstellaluna - I just tried the generator, and it works great now if you change the direction, but now if you change the colors (without changing the direction) the selection of the new colors doesn't automatically generate a new gradient with the new colors. You aren't passing the gradDir value for the color change events, so I think that it's just generating some garbage value? I haven't fully debugged it, but that's what I see going on there.
@MWBauer - I forget what we were talking about, but dev tools are really helpful. At the bottom of the "Map" on the freeCodeCamp dashboard there are some videos that cover (in brief) use of the Chrome browser devtools - maybe a helpful intro if you haven't seen them? And I'm sure that there are more in-depth videos or documents on how to use it.
mstellaluna
@mstellaluna
Apr 13 2018 15:05
@khaduch yea thats the next thing ibhad to figure out. I had several other bugs come up while getting the direction to work. Thanks for the suggesyion. Ill play around with it more.
CamperBot
@camperbot
Apr 13 2018 15:05
mstellaluna sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3876 | @khaduch |http://www.freecodecamp.org/khaduch
Norvin Burrus
@ndburrus
Apr 13 2018 15:08
@NJM8 i'm not sure who exactly reviews the projects... that's a good question. this just indicates that they are reviewed.
rk
@rajkumart08_twitter
Apr 13 2018 15:15

Hi,

  • I am new to js.
  • I am analysing a simple code.
  • not sure how it works.
  • for the first time this line console.log("alphabet--->" + alphabet); is printing undefined counts[alphabet]--->undefined
  • can you tell me why its printing undefined.
  • for the second time its printing 3 at this line console.log(counts[alphabet] + 1);
  • but it should print two right since 1+ 1.
  • can you guys explain so that in future I can fix it myself.
  • providing my code changes below.

var str = "aaabbccccddd";
var arr = str.split("");
var counts = {};
for (var i = 0; i < arr.length; i++) {
    var alphabet = arr[i];
    console.log("alphabet--->" + alphabet);
        console.log("counts[alphabet]--->" + counts[alphabet]);

    if (counts[alphabet]) 
        {
            counts[alphabet] = counts[alphabet] + 1;
            console.log("inside if--->");
            //console.log("inside if--->" + counts[alphabet] + 1);
            console.log(counts[alphabet] + 1);
        }
    else
    { 
        counts[alphabet] = 1;
        console.log("inside else--->");
        console.log(counts[alphabet]);

        //console.log("inside else--->" + counts[alphabet] + 1);
    }
    //counts[alphabet] = counts[alphabet] ? counts[alphabet] + 1 : 1;
}

console.log('a: ' + counts['a'] + '\n b: ' + counts['b'] + '\n c: ' + counts['c'] + '\n d: ' + counts['d'])

output

alphabet--->a
counts[alphabet]--->undefined
inside else--->
1
alphabet--->a
counts[alphabet]--->1
inside if--->
3
alphabet--->a
counts[alphabet]--->2
inside if--->
4
alphabet--->b
counts[alphabet]--->undefined
inside else--->
1
alphabet--->b
counts[alphabet]--->1
inside if--->
3
alphabet--->c
counts[alphabet]--->undefined
inside else--->
1
alphabet--->c
counts[alphabet]--->1
inside if--->
3
alphabet--->c
counts[alphabet]--->2
inside if--->
4
alphabet--->c
counts[alphabet]--->3
inside if--->
5
alphabet--->d
counts[alphabet]--->undefined
inside else--->
1
alphabet--->d
counts[alphabet]--->1
inside if--->
3
alphabet--->d
counts[alphabet]--->2
inside if--->
4
a: 3
b: 2
c: 4
d: 3

Nate Mallison
@NJM8
Apr 13 2018 15:15
@ndburrus Thanks. That gives some insight, I just wasn't sure if there is more feedback on your work. I think with the new beta curriculum they are trying to implement some automatic testing plugins, I have seen those around, pretty cool.
CamperBot
@camperbot
Apr 13 2018 15:15
njm8 sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 2206 | @ndburrus |http://www.freecodecamp.org/ndburrus
Norvin Burrus
@ndburrus
Apr 13 2018 15:16
@NJM8 ...sounds neat :sparkles:
A link for you to learn about! haha
Norvin Burrus
@ndburrus
Apr 13 2018 15:19
@NJM8 wow, nice info... thank you :smile:
CamperBot
@camperbot
Apr 13 2018 15:19
ndburrus sends brownie points to @njm8 :sparkles: :thumbsup: :sparkles:
:cookie: 401 | @njm8 |http://www.freecodecamp.org/njm8
Nate Mallison
@NJM8
Apr 13 2018 15:19
@rajkumart08_twitter the first time it print undefined because that console log appears before you add the letter to the object, so there is nothing there so it returns undefined. It looks like your function is working as it should from the results
zootechdrum
@zootechdrum
Apr 13 2018 15:22
have a front end question
i found this code that does what i want it to do but i cant understand why it does what it does
here is a link to my codepen
question is about the div and the *div in the css part . Why does the asterisk make it behave a different way than just putting top margin and bottom margin in the regular div
div{
  display:flex;
  border:solid red;

}
div *{
  margin-top:auto; 
  margin-bottom:auto;
}
why cant these two things be combined into one . I tried it and it stretches my button element and span element out
Nate Mallison
@NJM8
Apr 13 2018 15:38
@zootechdrum I think maybe div *
is the same as div > * ? that means that code affects all the div's children, not the div itself
I'm not a css expert though
Daniel Simeonov
@dbsimeonov
Apr 13 2018 15:40
div * I think selects all elements inside each div element ?
Nate Mallison
@NJM8
Apr 13 2018 15:41
same as div > *
is child selector
oops
Ken Haduch
@khaduch
Apr 13 2018 15:41
@mstellaluna - well you can probably just grab the text from the dropdown when the color change listeners are triggered and pass them in? Or maybe that doesn't work with an event listener?
I made a change in a copy of your pen where I put a slightly different function to be called as the callback for the color change listener, and that gets the directional text from the select element, and then passes that to the setGradient function.
Nate Mallison
@NJM8
Apr 13 2018 15:41
>
zootechdrum
@zootechdrum
Apr 13 2018 15:57
@dbsimeonov thanks
CamperBot
@camperbot
Apr 13 2018 15:57
zootechdrum sends brownie points to @dbsimeonov :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @dbsimeonov |http://www.freecodecamp.org/dbsimeonov
mstellaluna
@mstellaluna
Apr 13 2018 16:05
@khaduch I'm thinking it has to be done the same way as the change direction but with the color inputs cuz as you said it doesn't change the color when you change either of the 2 inputs... time to make a code backup and start tinkering with it
rk
@rajkumart08_twitter
Apr 13 2018 16:16
@NJM8 hey but how come I am seeing undefined...since a[i] will return sokme value right...can you please explain
roxxlen
@roxxlen
Apr 13 2018 16:16
still not working ...
rk
@rajkumart08_twitter
Apr 13 2018 16:33

I am trying to create a simple directive
It should allow numbers only in the text box.
wrote code but not sure what logic should I put inside the code for directive.
right now I am getting an error
can you guys tell me how to fix it.
providing the code below.

https://stackblitz.com/edit/angular-cam5jd?file=app/fontcolor.directive.ts

import { Directive, ElementRef, Renderer } from '@angular/core';

@Directive({ selector: '[appFontcolor]' })

export class FontcolorDirective {
        constructor(elem: ElementRef, renderer: Renderer) {
           renderer.setElementStyle(elem.nativeElement, 'color', '#EEBA33');
        }

    validateNumeric(event) {
    const key = window.event ? event.keyCode : event.which;
    if (event.keyCode === 8 ||
        event.keyCode === 9 ||
        event.keyCode === 37) {} else if (key < 48 || key > 57) {
        return false;
    } else {
      return true;
    }
  }
}

Error in /turbo_modules/@angular/compiler@5.2.8/bundles/compiler.umd.js (528:34)
Template parse errors:
No provider for NgControl ("t" class="textfield" value="" id="extra7" name="extra7" onkeypress="return isNumber(event)" /> -->

[ERROR ->]<input type="text" class="form-control pl-3"
placeholder="Contact" formControlName="contact"
(keyp"): ng:///AppModule/AppComponent.html@16:0
Evaluating main.ts
Booting application

Tanmay Halde
@tanmayHalde
Apr 13 2018 16:51

Greetings all,

Would like some feedback on the stock market app. https://th-chartstock.herokuapp.com/
Its not complete yet and there are some feature enhancements, cosmetic changes & code optimizations that can be worked on. But I guess I have tried to cover all the basic use cases.

Thanks,
th

Nate Mallison
@NJM8
Apr 13 2018 17:11
@rajkumart08_twitter , just to clarify you are asking about this line right?
    console.log("alphabet--->" + alphabet);
        console.log("counts[alphabet]--->" + counts[alphabet]);
in the first run through the loop, yes it gets alphabet (arr[i]) as 'a', but you haven't inserted anything into the object yet, so counts === {}, so counts[a] === undefined
rk
@rajkumart08_twitter
Apr 13 2018 17:36
@NJM8 hey I am confused...can you tell me how this hash map is working...please
@NJM8 can we have a call
Brad
@bradtaniguchi
Apr 13 2018 18:09
@rajkumart08_twitter Your stackblitz is crashing cuse you didn't import the ReactiveFormsModule in your app.module. Your trying to use reactiveForm stuff with formControlName in your template which uses stuff from the said module.
There are other issues (such as no formGroup for your formControl) but that is why its not working right now. Also the error you got is pretty wack and unhelpful. Must be how stack blitz works, as locally youd get a much more nicer error
Liam Docherty
@liamdocherty
Apr 13 2018 18:33
Hi guys, does anyone have any good python tutorial videos?
Tiago Correia
@tiagocorreiaalmeida
Apr 13 2018 18:41
free or paid @liamdocherty ?=
Ehsan Shadmehri
@ehsansh
Apr 13 2018 19:13
hi everyone. I am learning vue, express. I have a question. How should I deploy the project in this article?
https://medium.com/@anaida07/mevn-stack-application-part-1-3a27b61dcae0
for the production I should run: npm run build and it creates a folder for the client codes but how should I use the client and server codes?
Brad
@bradtaniguchi
Apr 13 2018 19:16
@ehsansh Your server should be able to serve the folder made with build. So when you go to locahost:8080 or whatever port you run the server on (not your dev server with nodemon, but your "prod" version of express) the stuff from your build folder should appear
Liam Docherty
@liamdocherty
Apr 13 2018 19:37
@tiagocorreiaalmeida Thanks for the reply, I found some all good.
CamperBot
@camperbot
Apr 13 2018 19:37
liamdocherty sends brownie points to @tiagocorreiaalmeida :sparkles: :thumbsup: :sparkles:
:cookie: 514 | @tiagocorreiaalmeida |http://www.freecodecamp.org/tiagocorreiaalmeida
Ehsan Shadmehri
@ehsansh
Apr 13 2018 19:53
@bradtaniguchi Thanks but I am confused. In the article server receives some requests and it sends some data. It does not have any code for rendering the build folder. So should I make server.js file to serve the build older? But how?
CamperBot
@camperbot
Apr 13 2018 19:53
ehsansh sends brownie points to @bradtaniguchi :sparkles: :thumbsup: :sparkles:
:cookie: 457 | @bradtaniguchi |http://www.freecodecamp.org/bradtaniguchi
Brad
@bradtaniguchi
Apr 13 2018 20:17
@ehsansh I don't use express that much, nor did I look into the article, I would do some googling and I think there would be some documentation on serving a folder by default. (its a very very common use case)
rk
@rajkumart08_twitter
Apr 13 2018 20:20

Hi,

  • I am trying to learn angular 2.
  • after including this line in the declaration PlayerContacts, I am getting below error.
  • can you tell me how to fix it.
  • providing my app.module.ts code below.
  • I have included PlayerContacts in app.component.ts, since the code is big I didnt paste that code.

VM39359:34 Unhandled Promise rejection: Failed to load app/component/Player/Player-contacts.html ; Zone: <root> ; Task: Promise.then ; Value: Failed to load app/component/Player/Player-contacts.html

Error: Uncaught (in promise): Failed to load app/component/Player/Player-contacts.html
at resolvePromise (zone.js:418)
at resolvePromise (zone.js:403)
at zone.js:451
at ZoneDelegate.invokeTask (zone.js:225)
at Zone.runTask (zone.js:125)
at drainMicroTaskQueue (zone.js:357)
at XMLHttpRequest.ZoneTask.invoke (zone.js:297)

Uncaught TypeError: Converting circular structure to JSON
at JSON.stringify (<anonymous>)
at console.window.console.error (<anonymous>:36:101)
at consoleError (zone.js:346)
at _loop_1 (zone.js:371)
at drainMicroTaskQueue (zone.js:375)
at XMLHttpRequest.ZoneTask.invoke (zone.js:297)


    import './rxjs-extensions';

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { NgIdleModule } from '@ng-idle/core';
import { AppComponent } from './app.component';
import { ErrorHandler } from '@angular/core';
//import { idleService }         from './app.idleService';

import { Base } from './components/base/base';
import { PlayerUser } from './components/Player/user';
import { Player } from './components/Player/Player';
import { Reports } from './components/reports/reports';
import { PlayerFunctionalRoles } from './components/Player/functional-roles';
import { PlayerDepartmentRoleMapping } from './components/Player/department-role-mapping';
import { PlayerAspects } from './components/Player/aspects';
import { PlayerFunctionalRolesMap } from './components/Player/functional-role-mapping';
import { PlayerTitleOwner } from './components/Player/titleOwner';
import { PlayerDeleteContract } from './components/Player/deleteContract';
import { PlayerDeleteTitle } from './components/Player/deleteTitle';
import { PlayerNonEpisodicShowName } from './components/Player/non-episodic-show-name'
 import { PlayerContacts } from './components/Player/Player-contacts'



import {
    Routes,
    RouterModule,
    Router,
    ActivatedRoute,

    CanActivateChild,
    CanDeactivate,
    ActivatedRouteSnapshot,
    RouterStateSnapshot
} from "@angular/router";

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        ReactiveFormsModule,
        HttpModule,
        routing,
        MultiselectDropdownModule,
        AccordionModule,
        NgIdleModule.forRoot()
    ],
    declarations: [
        AppComponent,
        // idleService,
        Base,

        PlayerNonEpisodicShowName,
        PlayerContacts
    ],
    providers: [
        SPORTSService, { provide: ErrorHandler, useClass: ApplicationErrorHandler }],
    bootstrap: [AppComponent]
})
export class AppModule {
}
zootechdrum
@zootechdrum
Apr 13 2018 20:27
hey guys what is up
quick question
how can I make sure that random number never lands on the same number twice
here is the specific code
var q1 = ["Crazy' is a term of art; 'Insane' is a term of law. Remember that, and you will save yourself a lot of trouble.","Some may never live, but the crazy never die.","In a closed society where everybody's guilty, the only crime is getting caught. In a world of thieves, the only final sin is stupidity.","I learned a long time ago that reality was much weirder than anyone's imagination."]


$(document).ready(function(){
  $("button").click(function(){
    $("#quote").text(q1[Math.floor(Math.random() * 4)]
   )}
 )}
)
Ehsan Shadmehri
@ehsansh
Apr 13 2018 20:44
@bradtaniguchi Thanks. I add these two line of codes to server/src/app.js file and now it servers from the build folder
const path = require('path')    // <-- added
app.use(express.static(path.join(__dirname, '../../client/dist')))
Brad
@bradtaniguchi
Apr 13 2018 20:45
nice, just verify you can't access any of the backend folders (like where your server code is) and you should be good
@rajkumart08_twitter You have a stackblitz for this?
@rajkumart08_twitter From what I see what does the class delcaration for player-contacts.component.ts look like? (the component decorator and class name stuff)
cuse it looks like the name of the player-component has a caps, and angular is complaning the .html file isn't found.
Ehsan Shadmehri
@ehsansh
Apr 13 2018 20:50
@bradtaniguchi But the only problem I have is that as this project has 4-5 pages. It works great when I click on the links because I have used vue-router but when I want to open the links directly it does not work. for example this link: http://localhost:8081/posts does not open.
I am not sure what I have done is the best practice.
Ken Haduch
@khaduch
Apr 13 2018 20:51
@zootechdrum - since a random number is supposed to be "random" it could come to the same number twice, especially if you only have 4 possibilities, it looks like that is what you are limiting it to. But you could do something like keep a variable to "remember" the last number that came up, and make a loop that will keep generating random numbers until it gets something different. That would at least prevent repeated values. And obviously the larger your set of possible numbers, the less of a chance it will hit the same one often, but that's not guaranteed. You could remember a series of the latest numbers and check against them all, and use the same technique, then add additional numbers to your list, and remove the oldest value.
Brad
@bradtaniguchi
Apr 13 2018 20:51
@ehsansh This is because when you go to the /post routes your asking express for this, which doesn't exist on express's side. So usually you redirect the user to the index.html, for that route. You might have to lookup how to handle this in vue. (There's also the "hash" routing strategy which is usually an option, but it makes less nice urls, as they start with a hash)
Ehsan Shadmehri
@ehsansh
Apr 13 2018 20:56
@bradtaniguchi Yes. I think I have seen a solution in videos of this repo: https://github.com/blogscot/tab-tracker .I should search to find.
What is your idea about this way of coding for vue and express in one project?
Brad
@bradtaniguchi
Apr 13 2018 20:56
idk, I don't use express or vue. (I use Angular tho, so its similar in terms of both being a SPA
Ehsan Shadmehri
@ehsansh
Apr 13 2018 20:58
@bradtaniguchi thanks
CamperBot
@camperbot
Apr 13 2018 20:58
:cookie: 458 | @bradtaniguchi |http://www.freecodecamp.org/bradtaniguchi
ehsansh sends brownie points to @bradtaniguchi :sparkles: :thumbsup: :sparkles:
Brad
@bradtaniguchi
Apr 13 2018 20:59
@ehsansh np, this is another common issue so I know the sources are out there. (I don't work on the backend so idk how we solve the same problem your having right now, its some sort of redirect tho)
Alvin
@AlvinW89
Apr 13 2018 21:01
Second Attempt On first Project. Any Feedback: https://codepen.io/alvinw89/full/zWQgXm/
Better in desktop view
Devina
@Devina
Apr 13 2018 21:04
@zootechdrum, if the random number set is low, one way is to push and keep the random number into an array. Then, when you run a statement for the random number, check if is present in array. If present then redo the random number generation, otherwise keep it and push into array.
include*engine
@newtothat
Apr 13 2018 21:30
@AlvinW89 i loved your tribute page
Alvin
@AlvinW89
Apr 13 2018 21:31
Thanks @newtothat
CamperBot
@camperbot
Apr 13 2018 21:31
alvinw89 sends brownie points to @newtothat :sparkles: :thumbsup: :sparkles:
api offline
include*engine
@newtothat
Apr 13 2018 21:32
how long you learning
Alvin
@AlvinW89
Apr 13 2018 21:33
About 2-3 years. Mostly free resources I could fine. I been learnign from TeamTreeHosue for the past month
doing there front-end
But it a lot of follow along and FreeCodeCamp lets you think XD
So I am doing both now
include*engine
@newtothat
Apr 13 2018 21:34
so whats the difference between two?
Alvin
@AlvinW89
Apr 13 2018 21:34
From Youtube videos to jon duckett books
include*engine
@newtothat
Apr 13 2018 21:34
books?
Alvin
@AlvinW89
Apr 13 2018 21:34
well TeamTreeHouse is apaid service, they are a bit mroe detail on the learning, but it can become overwhealming.
Yea, hus books
include*engine
@newtothat
Apr 13 2018 21:35
do people read books about
Alvin
@AlvinW89
Apr 13 2018 21:35
XD well his covers Html, CSS and he has another for JS and jQuery
include*engine
@newtothat
Apr 13 2018 21:35
do you think reading books is useful or do you learn anything from books?
Devina
@Devina
Apr 13 2018 21:36
@AlvinW89, the embedded YouTube video is a brilliant idea. It's a nice variation of a tribute page, a different concept but per
Alvin
@AlvinW89
Apr 13 2018 21:36
These books are good, and I also keep up on my comptia A+
include*engine
@newtothat
Apr 13 2018 21:37
what is comptia a+
Devina
@Devina
Apr 13 2018 21:37
*but perfect for a music page. Nice one. :+1:
Alvin
@AlvinW89
Apr 13 2018 21:37
Computer technician
certfication
include*engine
@newtothat
Apr 13 2018 21:37
from?
Alvin
@AlvinW89
Apr 13 2018 21:38
@Devina9 Thanks, I wanted to have a way for people to enjoy the music.
CamperBot
@camperbot
Apr 13 2018 21:38
alvinw89 sends brownie points to @devina9 :sparkles: :thumbsup: :sparkles:
:cookie: 262 | @devina9 |http://www.freecodecamp.org/devina9
Alvin
@AlvinW89
Apr 13 2018 21:38
Comptia A+ Certification is a globally accepted cert for anyone who wants to be a computer tech
include*engine
@newtothat
Apr 13 2018 21:39
but where do you study
Alvin
@AlvinW89
Apr 13 2018 21:39
Liek I just seen a IT Job with Amazon on linkdin near me requireing it and Comptia Networ+ Certification
Oh, by myself
self taught everything
include*engine
@newtothat
Apr 13 2018 21:39
i mean is it like online or you have to go to a uilding
Alvin
@AlvinW89
Apr 13 2018 21:39
book
XD
I buy the books
digitially
So I have them in my kindle
include*engine
@newtothat
Apr 13 2018 21:40
interesting
Alvin
@AlvinW89
Apr 13 2018 21:40
then you goto a local testing center to get your cert
include*engine
@newtothat
Apr 13 2018 21:40
what languages do you know now
in that 3 years
Alvin
@AlvinW89
Apr 13 2018 21:40
they give you 2 test
HTML, CSS, JS, PHP, C# and some sql which i struggle with
I tried to get into iOS, but keep getting busy
include*engine
@newtothat
Apr 13 2018 21:42
wow in three years
c# php ?
Alvin
@AlvinW89
Apr 13 2018 21:42
But, I say, don’t try to learn every language. try to profect things you know.
php is an older language for the web, mostly for wordpress now
C# is micrsoft language
it can be used for makign web apps
include*engine
@newtothat
Apr 13 2018 21:43
yeah like learning basc css then flexox grids and if you learn from youtube theyll never end
Devina
@Devina
Apr 13 2018 21:43
@AlvinW89, one small tweak if possible. The way you've added "About DJ Okawari" between the horizontal bracket design, are you able to add "Albums" heading between the bracket design? On mobile, only bottom bracket is appearing for "Albums" heading.
Alvin
@AlvinW89
Apr 13 2018 21:44
Let me see what you might be seeing @Devina9
include*engine
@newtothat
Apr 13 2018 21:44
alvin for background yu used gradient or its picture
Alvin
@AlvinW89
Apr 13 2018 21:45
I might just need to add a @media, with some margin
both
include*engine
@newtothat
Apr 13 2018 21:45
i couldnt define it
Alvin
@AlvinW89
Apr 13 2018 21:45
I used a layer of gradient and a picture
with a inset box shadow
include*engine
@newtothat
Apr 13 2018 21:46
what is your css level
seems like you used everything that w3schools have there
lol
Alvin
@AlvinW89
Apr 13 2018 21:46
@newtothat I see what you mean, technially that bottom one is not a physical element so I have to use margisn to space it from the top
Devina
@Devina
Apr 13 2018 21:47
Yes, it may just be those changes. This is how it's appearing on my phone: https://image.ibb.co/b0NR1n/Screenshot_20180413_224440.jpg
Alvin
@AlvinW89
Apr 13 2018 21:47
Yea, I seen that with chrome dev tools
include*engine
@newtothat
Apr 13 2018 21:48
alvin what tutorials do you recommend for css layouts grid and flexbox
Alvin
@AlvinW89
Apr 13 2018 21:49
I will need to use margin. it technially part of the top one. here the code i used to do that https://css-tricks.com/examples/hrs/
instead of an Hr I used the div
I learned flexbox from TeamTreeHouse which I do recommend and here are some resources.. once sec
include*engine
@newtothat
Apr 13 2018 21:49
i didnt know we can style hr :p
Devina
@Devina
Apr 13 2018 21:51
Helpful links @AlvinW89, thanks! :+1:
CamperBot
@camperbot
Apr 13 2018 21:51
devina9 sends brownie points to @alvinw89 :sparkles: :thumbsup: :sparkles:
:cookie: 113 | @alvinw89 |http://www.freecodecamp.org/alvinw89
Alvin
@AlvinW89
Apr 13 2018 21:51
Sure thing
I wish I can get a coding job and get some real hands on experiance XD I been doign Tech Support for 9 years.
include*engine
@newtothat
Apr 13 2018 21:54
so it takes years to find your first job?
Alvin
@AlvinW89
Apr 13 2018 21:54
They are not as common where I live
include*engine
@newtothat
Apr 13 2018 21:54
where do you live?
Alvin
@AlvinW89
Apr 13 2018 21:54
If I was in california… that would be another story XD
Florida
Kissimmee
include*engine
@newtothat
Apr 13 2018 21:55
florida?
Alvin
@AlvinW89
Apr 13 2018 21:55
Yea, USA Florida
include*engine
@newtothat
Apr 13 2018 21:55
where is florida kisimmee
Alvin
@AlvinW89
Apr 13 2018 21:55
United States
include*engine
@newtothat
Apr 13 2018 21:56
i see in usa you cant find a job with that knowledge?
Alvin
@AlvinW89
Apr 13 2018 21:56
Well, in my state
it not one of the big tech areas
I was thinking of start doing landing pages on fiver
after I completed TeamTreeHouse Front-End Course
include*engine
@newtothat
Apr 13 2018 21:57
so all those people lie when they say for entry level dev html css js jquery bootstrap is enough to apply for a job with a cv
Alvin
@AlvinW89
Apr 13 2018 21:57
I have 20 more hours to do
Well, there a lot of factors.
It all abotu supply and demand
the demand is in other states
Like California, USA. All the big tech companies are there
include*engine
@newtothat
Apr 13 2018 21:59
i see
Brad
@bradtaniguchi
Apr 13 2018 21:59
Cali can get expensive tho (I was lurking)
include*engine
@newtothat
Apr 13 2018 22:00
what is algorithm scripting i googled it and result was only fcc
Alvin
@AlvinW89
Apr 13 2018 22:00
Yea, I know. I used to work for Apple, Inc. I went to Cali for training to becoem a New Employer trainer
XD
include*engine
@newtothat
Apr 13 2018 22:00
is it a new language created by fcc or something
Alvin
@AlvinW89
Apr 13 2018 22:00
FCC teaches you how to code in Web Development
Languages are created by people liek you and I
Stephen James
@sjames1958gm
Apr 13 2018 22:01
@newtothat It is just using a scripting language (like js) for solving algorithms
include*engine
@newtothat
Apr 13 2018 22:01
yeah but if you cant use those things outside fcc
Alvin
@AlvinW89
Apr 13 2018 22:01
You can copy them
and place them into a code editor
make your own personal document
include*engine
@newtothat
Apr 13 2018 22:01
for example if all you learn within fcc its just not useful
u have to touch other tools or
Alvin
@AlvinW89
Apr 13 2018 22:02
When I made the Tribute page I made it with Atom then pasted it into CodePen
include*engine
@newtothat
Apr 13 2018 22:02
how it works outside fcc
Alvin
@AlvinW89
Apr 13 2018 22:02
CodePen editor sucks XD
Brad
@bradtaniguchi
Apr 13 2018 22:02
@newtothat Are you asking what algorithm scripting is in general?
Alvin
@AlvinW89
Apr 13 2018 22:02
I think he might be askign about the code he writes
XD
include*engine
@newtothat
Apr 13 2018 22:03
yes brad usually i learn with youtube tutorials for example im in bootstrap part of fcc and from youtube they teach you how to install and have your own like in your computer
Brad
@bradtaniguchi
Apr 13 2018 22:04
Sounds like that's more environment specific stuff. Its good to know, but FCC wants you to get the concepts down that are more "development" oriented. Plus its harder to teach you how to get a local development environment going, beyond "do this do that"
Stephen James
@sjames1958gm
Apr 13 2018 22:05
@newtothat Its just using js to solve algorithms, just like anywhere
include*engine
@newtothat
Apr 13 2018 22:06
ok thank you i thought it is something else that Quincy created
also about bootstrap there are two version 3 and 4
which one fcc teaches and what is the difference?
Devina
@Devina
Apr 13 2018 22:08
@newtothat Algorithm coding is a logic to solve a certain problem. Like an algorithm to count to 10. Your JS code which would do this would be a counting to 10 algorithm. (And, you can do it in any language). It's sort of like logic.
Alvin
@AlvinW89
Apr 13 2018 22:09
@newtothat If you want to learn bootstrap goto the site. https://getbootstrap.com/
FCC does nto cover it enough
include*engine
@newtothat
Apr 13 2018 22:10
yeah they just have few
Brad
@bradtaniguchi
Apr 13 2018 22:10
I mean bootstrap knowledge is only good... if you use bootstrap
include*engine
@newtothat
Apr 13 2018 22:11
do usually people use it
Alvin
@AlvinW89
Apr 13 2018 22:11
I sometimes do when i want to buidl something fast, but I recommend mastering CSS first
include*engine
@newtothat
Apr 13 2018 22:12
@Devina9 thank s @sjames1958gm
CamperBot
@camperbot
Apr 13 2018 22:12
newtothat sends brownie points to @devina9 and @sjames1958gm :sparkles: :thumbsup: :sparkles:
:cookie: 263 | @devina9 |http://www.freecodecamp.org/devina9
:star2: 9198 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
Alvin
@AlvinW89
Apr 13 2018 22:12
the navbar in Bootstrap 4 is better than 3
Stephen James
@sjames1958gm
Apr 13 2018 22:13
@newtothat :+1:
include*engine
@newtothat
Apr 13 2018 22:13
@AlvinW89 you know css and html is clear what they do even php
but i still didnt get what bootstrap used for
Alvin
@AlvinW89
Apr 13 2018 22:14
boostrap is basicly CSS bundled into classes. Look at the files
goto the site and download the files
and look at the code
Brad
@bradtaniguchi
Apr 13 2018 22:15
I usually use material-like stuff
Alvin
@AlvinW89
Apr 13 2018 22:17
Bootstrap saves you time on writing CSS yourself, and you can change it with your own custom CSS. Example, they have set colors for buttons, if you target the bin-default class with your css you can change the color.
Btn-default*
just remember your css must cascade. If you do external links, link bootstrap first then your own personal stylesheet
include*engine
@newtothat
Apr 13 2018 22:20
ok merci
Alvin
@AlvinW89
Apr 13 2018 22:21
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="/css/normalize.css">
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/master.css">
@newtothat Not to confuse href="/css/master.css” and href=“../css/master.css” do the same, but href="/css/master.css” only works when run on a server
zootechdrum
@zootechdrum
Apr 13 2018 22:28
ay guys
how do i get the string in my span element using jquery
function Random(){
var CheckString = $("span").text();
  console.log(CheckString)
}
});
I tried using the above but no luck
include*engine
@newtothat
Apr 13 2018 22:29
@AlvinW89 even if you download it you have to use links?
i got only a folder from the site
Brad
@bradtaniguchi
Apr 13 2018 22:32
@zootechdrum I believe $('span').text() should work, so something else is polly going on
include*engine
@newtothat
Apr 13 2018 22:34
where i live employer s wants you to know all like xhtml old layout stylings but guys from west say learn new ones so
in turkey employers wants you to know old versions and meantime follow and learn new technologies
Brad
@bradtaniguchi
Apr 13 2018 22:37
I think its fine to use old technologies to maintain existing legacy systems. But If you EVER get an opportunity to provide input to any new project, always try to push newer technologies. Especially if what your using is super old
I mean they are called legacy for a reason :/