These are chat archives for FreeCodeCamp/HelpFrontEnd

27th
Apr 2018
include*engine
@newtothat
Apr 27 2018 00:00
when i went for a job in istanbul without preparation
they asked me for cv
so i said hey wait i want a networking website for my cv then he said when you feel ready
he gave me his facebook account
Gulsvi
@gulsvi
Apr 27 2018 00:01
I'm looking at summer job opportunities with my university because I don't have any experience yet
include*engine
@newtothat
Apr 27 2018 00:01
and i should send him my cv when i feel ready
what is your major?
Gulsvi
@gulsvi
Apr 27 2018 00:02
Linguistics lol
include*engine
@newtothat
Apr 27 2018 00:02
like ?
Gulsvi
@gulsvi
Apr 27 2018 00:02
kind of wish I studied computer science more, but there's still time I think.
include*engine
@newtothat
Apr 27 2018 00:02
you learning languages or something
Gulsvi
@gulsvi
Apr 27 2018 00:02
Linguistics = study of languages, yes
Also studying Spanish language and literature
include*engine
@newtothat
Apr 27 2018 00:03
so you have to know kinda several languages?
i see
how old are you
Gulsvi
@gulsvi
Apr 27 2018 00:03
I have to study at least one language, yes. 21 now
include*engine
@newtothat
Apr 27 2018 00:04
well you are still younge
i think you can study both of them
if it isnt hard
Gulsvi
@gulsvi
Apr 27 2018 00:05
School got very easy this semester, so I'm here more than I expected :)
include*engine
@newtothat
Apr 27 2018 00:06
but try not to study before exams only
or for exams only
what makes hardvard and oxford universities famous ? usually when someone graduated from there . People think that they are smart?
or consider them as smart
Gulsvi
@gulsvi
Apr 27 2018 00:09
I think those schools are famous more because they have famous teachers and alumni
That sort of means the schools are good
I think they also have lots of money :) which helps
include*engine
@newtothat
Apr 27 2018 00:10
ohh so its also expensive
Gulsvi
@gulsvi
Apr 27 2018 00:11
Yes, very expensive
include*engine
@newtothat
Apr 27 2018 00:11
they arent free universities?
Gulsvi
@gulsvi
Apr 27 2018 00:11
No, they cost a lot of money to attend
include*engine
@newtothat
Apr 27 2018 00:12
if you are smart enough can you study without paying a cent ?
Gulsvi
@gulsvi
Apr 27 2018 00:12
I think you can get financial aid, scholarships, etc if you apply for them and do well in school
include*engine
@newtothat
Apr 27 2018 00:15
im just dreaming of studying there one day
but it's just a dream lol
Gulsvi
@gulsvi
Apr 27 2018 00:16
Good dream to have :)
include*engine
@newtothat
Apr 27 2018 00:16
yeah
just thinking about makes me happy :p
it*
Edgar Pan
@edgaryp
Apr 27 2018 01:08
Hi guys, I ran npm uninstall yargs --save-dev and npm uninstall yargs but why I can still see yargs in node_modules folder? My npm is version 5.6.0.
@ehsansh yeah but you can use something like <adminUser></adminUser>? and the admin component will have the template for it.
Brad
@bradtaniguchi
Apr 27 2018 01:27
@edgaryp Its gone from your packages, but it doesn't go out and delete the files in node_modules (as to my knowledge)
Edgar Pan
@edgaryp
Apr 27 2018 01:45
@bradtaniguchi does it mean I will need to manually delete it from node_modules folder?
Brad
@bradtaniguchi
Apr 27 2018 01:45
@edgaryp Depends why you want to remove the dependency in the first place.
Edgar Pan
@edgaryp
Apr 27 2018 01:47
@bradtaniguchi because my app won't need yargs anymore
Brad
@bradtaniguchi
Apr 27 2018 01:48
The only reason why youd uninstall it is to save disk space. You shouldn't of checked it into source(git) so removing it from package.json is really all you need when removing thigns.
Edgar Pan
@edgaryp
Apr 27 2018 01:52
@bradtaniguchi yeah but I want to remove it from local too?
Brad
@bradtaniguchi
Apr 27 2018 01:52
Then go delete the folder in node_modules. I would be left to assume theres a flag when uninstalling the package to also remove it from node_modules, but Ive never heard or used it
Edgar Pan
@edgaryp
Apr 27 2018 01:55
@bradtaniguchi thanks man
Brad
@bradtaniguchi
Apr 27 2018 01:59
np :D
Anthony Pham
@Keydex
Apr 27 2018 02:04
Is there a backend equivalent to this channel?
Dhaval Vira
@dhavalveera
Apr 27 2018 02:04
Yes there is
Anthony Pham
@Keydex
Apr 27 2018 02:04
I'm looking to get syntax/ES6 help, but my code is in the backend.
@dhavalveera Do you have the name of the channel.
here is one group
name as Developer
that is for Back-End
Anthony Pham
@Keydex
Apr 27 2018 02:05
Thank you!
Dhaval Vira
@dhavalveera
Apr 27 2018 02:06
Welcome
Daniel
@dbsimeonov
Apr 27 2018 06:29
:wave:
markclynch
@markclynch
Apr 27 2018 06:31
@gulsvi Hey thanks so much for your answer, the other guy who said it's likely something with my url gave me enough to play with. So you're saying when I add in no-repeat etc. etc. I need to use just the background tag
@gulsvi Thanks!
where's the cookie!
Daniel
@dbsimeonov
Apr 27 2018 06:33
I think the cookies were only from the original group :question:
dinesh
@1532j0004kg
Apr 27 2018 06:48
hi i need help
Markus Kiili
@Masd925
Apr 27 2018 06:49
@1532j0004kg Ask away.
dinesh
@1532j0004kg
Apr 27 2018 06:49
https://codepen.io/dinesh007/full/KQZERd/ in this course link is not working well
rather than other links are working good
Just click on the navbar tabs u can find
markclynch
@markclynch
Apr 27 2018 06:57
Okay, so this one is pretty ugly, any help on design work?
Dhaval Vira
@dhavalveera
Apr 27 2018 07:09
I need some suggestion
can anyone give me
dinesh
@1532j0004kg
Apr 27 2018 07:11
ya ?
@markclynch how
markclynch
@markclynch
Apr 27 2018 07:14
@1532j0004kg I'm looking at my site design and it looks pretty bad to me, wondering if anyone can give critiques
some ideas as to beautify it
dinesh
@1532j0004kg
Apr 27 2018 07:15
So what you are trying to built
markclynch
@markclynch
Apr 27 2018 07:15
and fix some problems, css wise. I'm pretty sure I went crazy and just kept swapping and switching padding
Just trying to build a website that I can show my friend, who has a business in finish carpentry (kinda a template) that he can add his own images to and make his own
and then I could put that in my portfolio
dinesh
@1532j0004kg
Apr 27 2018 07:16
If you tell a specific problem it would be great
markclynch
@markclynch
Apr 27 2018 07:16
Sorry,
Let me look up the exact issues.
dinesh
@1532j0004kg
Apr 27 2018 07:17
Ok one thing try to refer some website templates
markclynch
@markclynch
Apr 27 2018 07:17
Well, it's not "really" a template
dinesh
@1532j0004kg
Apr 27 2018 07:17
It will helpfull to do your website
markclynch
@markclynch
Apr 27 2018 07:17
I'm just trying to make one
I want to make it from scratch
dinesh
@1532j0004kg
Apr 27 2018 07:17
Ok thats what i am telling
markclynch
@markclynch
Apr 27 2018 07:18
I don't want to copy paste
dinesh
@1532j0004kg
Apr 27 2018 07:18
try to refer some sites it will give u knowledge
markclynch
@markclynch
Apr 27 2018 07:18
I'm trying to build my first website from scratch
dinesh
@1532j0004kg
Apr 27 2018 07:18
Ok thats good appreciated
markclynch
@markclynch
Apr 27 2018 07:18
So I should steal, or rather learn from existing sites that I like?
One thing is I can't get the 3 image contexts to get smaller
dinesh
@1532j0004kg
Apr 27 2018 07:19
where
markclynch
@markclynch
Apr 27 2018 07:19
boxes section
I know I should likely use flexbox I think
and they have card forms
that would work better no?
I couldn't even get borders around them when I tried
dinesh
@1532j0004kg
Apr 27 2018 07:20
you want to get the image in site ?
markclynch
@markclynch
Apr 27 2018 07:20
Not sure I understand your question
dinesh
@1532j0004kg
Apr 27 2018 07:21
Here i cant view the image
markclynch
@markclynch
Apr 27 2018 07:21
ah
yes
dinesh
@1532j0004kg
Apr 27 2018 07:21
where u have the image file
markclynch
@markclynch
Apr 27 2018 07:21
one second, let me try to change the images to http's
dinesh
@1532j0004kg
Apr 27 2018 07:21
?
markclynch
@markclynch
Apr 27 2018 07:21
all on local atm
wait
can you go check at here?
dinesh
@1532j0004kg
Apr 27 2018 07:22
Otherwise put them in global and give the full link
that ok? I did a github page
dinesh
@1532j0004kg
Apr 27 2018 07:22
ya
markclynch
@markclynch
Apr 27 2018 07:22
now you can see how ugly it is
nothing really works
dinesh
@1532j0004kg
Apr 27 2018 07:22
hehe
so you want to make the all image in equal size?
markclynch
@markclynch
Apr 27 2018 07:23
I'm not as concerned with that
I understand I have to work with the images more to do that
I think
I wanted to make them boxes, give them some dimention (i.e. drop shadows) etc.
and contain the text in each box
I just pulled pexels images for this
So can't control the size much, I did crop the door
I have Adobe.cc
dinesh
@1532j0004kg
Apr 27 2018 07:24
May be try to give equal size to all image
markclynch
@markclynch
Apr 27 2018 07:24
so I have all
Yeah, that's a thing I can fix with the images themselves
dinesh
@1532j0004kg
Apr 27 2018 07:25
and try to give the ''box-shadow'' maybe
it will fix your thing
markclynch
@markclynch
Apr 27 2018 07:25
I can't get a border around it
Something wrong in my setup
dinesh
@1532j0004kg
Apr 27 2018 07:26
give border : in css
markclynch
@markclynch
Apr 27 2018 07:26
I did
it didn't take
BasithAbdul
@BasithAbdul
Apr 27 2018 07:26
Guys is there any site like codepen where I can upload my PHP and MySQL projects?
dinesh
@1532j0004kg
Apr 27 2018 07:26
you want to give the border for bottom only ?
@BasithAbdul github
Claudio Restifo
@Marmiz
Apr 27 2018 07:27
@BasithAbdul The only one that has a decent free option and doesn't make assumption on your stack (ie you need to use node.js) is Heroku.
Of course that's just a provider, so you need a place to host your DB as well :)
markclynch
@markclynch
Apr 27 2018 07:27
Yeah, I just did my first push/pull requests the other day, now I feel like superman @BasithAbdul
@1532j0004kg I want to border each of the three items
dinesh
@1532j0004kg
Apr 27 2018 07:28
@Marmiz Ya he need to secure the keys :smile:
@markclynch for bottom
?
markclynch
@markclynch
Apr 27 2018 07:30
tried border: 1px solid black;
dinesh
@1532j0004kg
Apr 27 2018 07:30
i mean , You want to give the border for only bottom or for full images
@markclynch Ya it is correct
markclynch
@markclynch
Apr 27 2018 07:31
haha, sorry i lied, just remembered now the arguments
i didn't put the solid
dinesh
@1532j0004kg
Apr 27 2018 07:31
:smile:
markclynch
@markclynch
Apr 27 2018 07:31
now it works
dinesh
@1532j0004kg
Apr 27 2018 07:31
:clap:
markclynch
@markclynch
Apr 27 2018 07:31
good
but its ugly, can you look again?
guess it takes time to refresh when I push to github-pages
dinesh
@1532j0004kg
Apr 27 2018 07:32
but u need to pull the changes to github
Ya right
markclynch
@markclynch
Apr 27 2018 07:32
it shows in my local server
but not on pages, and I did push, I wonder how much time to refresh
dinesh
@1532j0004kg
Apr 27 2018 07:32
great
This message was deleted
BasithAbdul
@BasithAbdul
Apr 27 2018 07:33
Mar
markclynch
@markclynch
Apr 27 2018 07:33
the border lenghts are unequal, would you fix with a min height for boxes?
that seems like it'd go poorly with scalability for smaller screens though :(
dinesh
@1532j0004kg
Apr 27 2018 07:34
If i see your pen it is helpfull to fix
markclynch
@markclynch
Apr 27 2018 07:34
oh, should I update the pen?
dinesh
@1532j0004kg
Apr 27 2018 07:34
give the direct link
for images
markclynch
@markclynch
Apr 27 2018 07:34
ah.
hmmm.
dinesh
@1532j0004kg
Apr 27 2018 07:34
No local images can't able to view in codepan
markclynch
@markclynch
Apr 27 2018 07:34
I know
codepen would update immediately
dinesh
@1532j0004kg
Apr 27 2018 07:35
:+1:
markclynch
@markclynch
Apr 27 2018 07:35
aposed to the other github-pages one
bah, so annoying to get those images in right spots since I'm working locally
maybe I shouldn't have done that initially
stayed with HTMLS:// addy till I was ready to publish finished
BasithAbdul
@BasithAbdul
Apr 27 2018 07:36
@markclynch but will php run? As in does GitHub act as a server or does it just store files?
Claudio Restifo
@Marmiz
Apr 27 2018 07:38
@markclynch you know, a way cleaner and faster way to prototype locally would have been creating your files and serving them locally from a local server (maybe with hot reload so you don't have to manually refresh the page each time you change something).
Then committing the relevant change to your branch / and updating the github page once you are sure those changes are there to stay :)
markclynch
@markclynch
Apr 27 2018 07:38
I have all of that
Claudio Restifo
@Marmiz
Apr 27 2018 07:39
So that you have even a better commit history that just "added border" "changed padding" "new images"...
Easier to revert to previous version
dinesh
@1532j0004kg
Apr 27 2018 07:40
hi @Marmiz
can u fix my error
linking to the course is not showing the right place
click on the course tab it is not directed to righ place
Claudio Restifo
@Marmiz
Apr 27 2018 07:42
@1532j0004kg it is, you are just not accounting for the height of the nav bar. Clicking will place the view at the "beginning" of the div.
In this case is just getting covered by the navbar height
dinesh
@1532j0004kg
Apr 27 2018 07:43
ya how to fix
but for other tabs its working ?
markclynch
@markclynch
Apr 27 2018 07:44
@Marmiz Your right. I shouildn't be doing such small commits
Claudio Restifo
@Marmiz
Apr 27 2018 07:45
@1532j0004kg because the other tabs have a higher "banner", so the sign is lower thus seems working :)
dinesh
@1532j0004kg
Apr 27 2018 07:45
So can u fix this one
Claudio Restifo
@Marmiz
Apr 27 2018 07:45
@1532j0004kg cleanest way to fix it is on click calculate the position - the height (+ margin) of the nav and send there :)
markclynch
@markclynch
Apr 27 2018 07:45
But I'm using vs. code and most of the small ones were only because I was trying to update small changes to my github-pages page so people could see here without me changing all the code links for the pics
dinesh
@1532j0004kg
Apr 27 2018 07:46
If u put the code its easier
Claudio Restifo
@Marmiz
Apr 27 2018 07:46
@1532j0004kg but it''s no good for you
dinesh
@1532j0004kg
Apr 27 2018 07:46
ok i know
but how to send after calculating
Max Kazionov
@MaximKazionov
Apr 27 2018 07:47

https://codepen.io/maximkazionov/full/MGjPXX/

plz make a code review of my fcc tribute page

Claudio Restifo
@Marmiz
Apr 27 2018 07:47
@1532j0004kg scrollTo or any other helper from JQuery (there are a few) since you are using it
dinesh
@1532j0004kg
Apr 27 2018 07:48
ok i will try to fix
BasithAbdul
@BasithAbdul
Apr 27 2018 07:48
Can GitHub act as server?
Claudio Restifo
@Marmiz
Apr 27 2018 07:48
@BasithAbdul nope
it only hosts static pages
BasithAbdul
@BasithAbdul
Apr 27 2018 07:49
Is there any free option to host dynamic sites with a database?
dinesh
@1532j0004kg
Apr 27 2018 07:49
@Marmiz what is the error name of my site?
@BasithAbdul glitch
Claudio Restifo
@Marmiz
Apr 27 2018 07:49
@1532j0004kg "how to scroll to a position javascript"
dinesh
@1532j0004kg
Apr 27 2018 07:49
or heroku
Claudio Restifo
@Marmiz
Apr 27 2018 07:50
@1532j0004kg this is the vanilla JS method scrollTo
dinesh
@1532j0004kg
Apr 27 2018 07:50
oik
Claudio Restifo
@Marmiz
Apr 27 2018 07:52
happy coding :+1:
dinesh
@1532j0004kg
Apr 27 2018 07:52
@Marmiz :smile: thanks
Max Kazionov
@MaximKazionov
Apr 27 2018 07:52
markclynch
@markclynch
Apr 27 2018 07:52
how long does it take for github-pages to show the current codebase?
@1532j0004kg
BasithAbdul
@BasithAbdul
Apr 27 2018 07:53
@1532j0004kg thanks man
Daniel
@dbsimeonov
Apr 27 2018 08:07
guys what do you think about pug ? Is something that I need to learn/ or just to know the basics
Stephen James
@sjames1958gm
Apr 27 2018 09:20
@dbsimeonov I don't know how widespread its use is, but maybe a cursory understanding is all that is needed
react / angular / vuejs should be higher on the list of items to learn
tptynlr
@tptynlr
Apr 27 2018 09:24
How to read a word(.docx) file in angular or JavaScript
Markus Kiili
@Masd925
Apr 27 2018 09:34
@tptynlr I think that there are libraries for handling word files in JS.
Daniel
@dbsimeonov
Apr 27 2018 10:04
@sjames1958gm Thanks
Luc Martin
@fmartin5
Apr 27 2018 13:03
Or maybe you could first convert those docx files to a simpler format, according to what you need to extract from the files (you probably do not need every feature the docx format supports), then a smaller js library would be enough to process that simpler format
Gulsvi
@gulsvi
Apr 27 2018 15:14
@markclynch Yes, that's correct. background is a shorthand property. It allows you to set the background color, image, position, size, repeat, origin, clip, and attachment settings all in one line.
background-image, on the other hand, is only for the image, not any other background settings
Kshitiz
@kshtzsharma48
Apr 27 2018 15:22
which is the best course to learn nodejs from scratch
i am new to javascript
Gulsvi
@gulsvi
Apr 27 2018 15:24
@kshtzsharma48 There are lots of node.js tutorials available here: https://nodeschool.io/#workshopper-list
Kshitiz
@kshtzsharma48
Apr 27 2018 15:25
thanks @gulsvi
Gulsvi
@gulsvi
Apr 27 2018 15:25
That links to the core modules that give you a basic understanding of javascript and node.js related tools before fully diving in to node.js
scroll down for more node.js-specific stuff
Kshitiz
@kshtzsharma48
Apr 27 2018 15:25
ok
Cory Johnson
@CygnusSW
Apr 27 2018 15:51
@fmartin5 I would agree with you about converting the docx files to a simpler format. I've worked a lot with office documents programatically, and it is always hellish to do anything with those documents. Convert to .csv, .txt, anything to get away from their format. The proprietary format will cause you a lot of grief other wise. I recently spent a month fighting Office, so I could work with xslt files; we eventually ended up moving to csv when we found out we had to have office installed on the production machine to be able to run the program on the server. No fun at all.
niniyzni
@niniyzni
Apr 27 2018 16:31

hi,

  • I am new to js.
  • I am trying to iterate grid columns and show the grid columns when I match the conditions.
  • but when I show the columns again I am getting an error.
  • I think problem is happening at this line console.log("totalDataDisplay grid.hideColumn(grid.columns[j].field);---->", grid.hideColumn(grid.columns[j].field));
  • in the method ---> totalDataDisplay
  • can you guys tell me how to fix.
  • providing my relevant code and error below.
  • my whole code I am providing in gist.

https://gist.github.com/niniyzni/258b7c6509767fa164b1a455cc8a2e16

    resetColumns(grid) {
        for (var i = 0; i < grid.options.columns.length; i++) {
            var field = grid.options.columns[i].field;
            for (var j = 0; j < grid.columns.length; j++) {
                if (grid.columns[j].field == field) {
                    grid.reorderColumn(i, grid.columns[j]);
                }
            }
        }
    }

    totalDataDisplay() {
        let that = this;
        let columnData = that.columns;


        that.changeColsProperty();
        let grid = this.gridkendo.getGrid();
        let gridLen = grid.dataSource.data().length
        let colLen = columnData.length;
        for (let j = 3; j < grid.columns.length; j++) {
            console.log("(totalDataDisplay grid.columns[j]---->", grid.columns[j]);
            console.log("(totalDataDisplay grid.columns[j].field);---->", grid.columns[j].field);
            console.log("totalDataDisplay grid.hideColumn(grid.columns[j].field);---->", grid.hideColumn(grid.columns[j].field));
            grid.hideColumn(grid.columns[j].field);
        }
        for (var i = 0; i < colLen; i++) {
            //Default ->true   AND Visible -> true 
            //show in grid and hide in right click  
            if (columnData[i].default == true && columnData[i].visible == true) {
                grid.showColumn(columnData[i].airingPropertyParms);
            }
            //Default ->true   AND Visible -> False 
            //hide both grid and right click  
            if (columnData[i].default == true && columnData[i].visible == false) {
                grid.hideColumn(columnData[i].airingPropertyParms);
            }
            //Default ->false   AND Visible -> true 
            //show in grid and show in right click with checked items
            if (columnData[i].default == false && columnData[i].visible == true) {
                grid.showColumn(columnData[i].airingPropertyParms);
            }
            //Default ->false   AND Visible -> False 
            //hide in grid, show in right click with unchecked items  
            if (columnData[i].default == false && columnData[i].visible == false) {
                grid.hideColumn(columnData[i].airingPropertyParms);
            }
        }

    }
Michael S
@Ohshi60
Apr 27 2018 16:46
hi guys im wondering whats wrong with my CSS for the social media icons footer.ul.social https://codepen.io/ohshi/pen/vRPPmv
LydaTech
@lydatech
Apr 27 2018 16:49
@Ohshi60 what are you trying to get it to do?
Michael S
@Ohshi60
Apr 27 2018 16:50
the rule wasnt working, i changed it to ul.social and not it works :) but i still want the icons side by side. Im trying to recreate the footer from this page https://www.ujamii.com/jobs
not = now*
LydaTech
@lydatech
Apr 27 2018 16:52
ul.social li {
// Changed the selector
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    margin-bottom: 40px;
// added this
  display: inline;
}
@Ohshi60
Michael S
@Ohshi60
Apr 27 2018 16:55
@lydatech Thanks. If i may ask, why do i need to select the li element for display: inline to work? :)
LydaTech
@lydatech
Apr 27 2018 16:55
you try to inline the ul it will make the whole ul inline not its children
ul is a container
Michael S
@Ohshi60
Apr 27 2018 16:56
Bonus question, do you know why the links dont work?
LydaTech
@lydatech
Apr 27 2018 16:57
<i class="fa fa-github"></i>
                    <a href="https://github.com/ohshi60/"></a>
the a is empty
do <a href="https://github.com/ohshi60/"><i class="fa fa-github"></i></a> putting the icon IN the link
Michael S
@Ohshi60
Apr 27 2018 16:58
youre a wizard, thanks :+1:
LydaTech
@lydatech
Apr 27 2018 17:00
yw
@Ohshi60 you might want to add .fa { padding-right: .5em; } to give your icons some breathing room
Michael S
@Ohshi60
Apr 27 2018 17:10
okay its updated and starting to look decent. any ideas on how to align my header and picture nicely? https://codepen.io/ohshi/pen/vRPPmv
LydaTech
@lydatech
Apr 27 2018 17:10
@Ohshi60 PM me
Nicolas Ramirez
@kamatheuska
Apr 27 2018 17:22

Hey everyone, I am done with my intermediate Frontend projects for FCC. I am hosting them on Heroku, and wanted some feedback: https://nikameush-work.herokuapp.com/#/

I used mainly vuejs and express. Here is the link for the code, on a repo on GitHub:
https://github.com/kamatheuska/portafolio

Amit Patel
@AmitP88
Apr 27 2018 17:40
hey guys, what do you think of my wiki viewer? https://amitp88.github.io/Wiki-Viewer/
Nate Mallison
@NJM8
Apr 27 2018 17:43
@AmitP88 looks good, clean and fast
Amit Patel
@AmitP88
Apr 27 2018 17:43
@NJM8 thank you! :)
@NJM8 I'll be applying for an entry level front end job soon, so I'm polishing up my projects
@NJM8 I've interviewed at this company before about 2 years ago, but I didn't pass their coding test. But back then my html, css skills weren't that good
@NJM8 do you think 3 solid projects is enough to put on a resume? or do I need more?
Nate Mallison
@NJM8
Apr 27 2018 17:45
no idea, I think it's worth it to start applying so you get more of an idea of where your skills stand and get practice interviewing
Michael S
@Ohshi60
Apr 27 2018 17:45
Hi, can anybody help me figure out how to properly center my about-header text so it aligns with the other sections? https://codepen.io/ohshi/pen/vRPPmv
Amit Patel
@AmitP88
Apr 27 2018 17:46
@NJM8 definitely
I might clean up one more project just to be safe
Nate Mallison
@NJM8
Apr 27 2018 17:46
@kamatheuska Functionality is good, I think I would change some ui a bit, especially on the main project page. Great that you are using Vue, I just started learning myself for the backend projects, do you have a link to your code? I'd love to take a look if you are willing to share
Quilty Kim
@zebralight
Apr 27 2018 17:48
hello. I was wondering how I can contain the y overflow such that scrolling is limited to the ul and no scroll bar appears in the main window: https://jsfiddle.net/90dLw6qw/
Nate Mallison
@NJM8
Apr 27 2018 17:52
@Ohshi60 Do you mean your name and title? Your image takes up space so it pushes that content to the left, I would put the image in a separate div and use position absolute plus zindex to put it in the same place but 'above' the title div.
@zebralight do you mean you want no scroll? or just the ul to scroll and not the page?
Quilty Kim
@zebralight
Apr 27 2018 17:55
@NJM8 the latter
while the ul would take up all the space available to it
Nate Mallison
@NJM8
Apr 27 2018 17:59
@zebralight like this? https://jsfiddle.net/ktp4c6sz/
Quilty Kim
@zebralight
Apr 27 2018 18:00
@NJM8 almost! Except that the ul would not have a hardcoded height but be more responsive using the rest of the space available to it,
I'm wondering if flexbox would be best for achieving this
Nate Mallison
@NJM8
Apr 27 2018 18:02
to my knowledge if you don't specify a height it'll just expand with the content in it, I mean you can make that height responsive but it still needs to be there
Nicolas Ramirez
@kamatheuska
Apr 27 2018 18:05

@NJM8 Thanks for answering! https://github.com/kamatheuska/portafolio I alredy posted the link upabove, but here is it again. I use nodejs and express for the backend!

About the main page, that one is by no means ready. I haven't worked at all on it! I wanted to finish the projects first :)

Nate Mallison
@NJM8
Apr 27 2018 18:07
are you using vue cli? can't read any of that. haha
Michael S
@Ohshi60
Apr 27 2018 18:09
@NJM8 i tried the z-index method, but the picture is overlapping with my about-summary, any ideas? https://codepen.io/ohshi/pen/vRPPmv
Nicolas Ramirez
@kamatheuska
Apr 27 2018 18:15
@NJM8 yes I am :) with webpack
vuex and vue-router....should I have some kind of disclaimer saying that I am using Vue? :O
Nate Mallison
@NJM8
Apr 27 2018 18:27
@Ohshi60 Yes, so right now since you took the image out of the flow of the page with position:absolute, it doesn't take up space, it resides in it's own space, so that div that holds your name and title is shorter, so make it taller by specifying some height, or decrease the width of that div so that the text is narrower, if you do that use margin:o auto to center the div on the page, lastly I would wrap the entire page in a bootstrap container (div class="container") around everything so that the page is narrower than the viewport and doesn't have any x scroll
@kamatheuska no I was just commenting that all the code has been minified so it's not very readable on github, good work, I hope to use all that soon, just starting with Vue, here is my first project: https://www.natethedev.com/FocusedTodo/
niniyzni
@niniyzni
Apr 27 2018 18:30

hi,

  • I am new to jquery.
  • when ever I edit the check boxes I need to show the timeGrad1 image in editImage column.
  • right now if I edit checkbox in third column image shows after that if I edit the checkbox in sixth column the image diappears.
  • but the image should stay permanent if I edit in both the the columns.
  • similarly it should happen for the drop down menu too.
  • can you tell me how to fix.so that in future I will fix it by myself.
  • providing my code below

http://jsfiddle.net/61ufvtpj/


    $(document).on('change', '#sixthColumnCheck', function() {

      if (this.checked) {
        alert("if I am inside sixth column");
        $(this).parents('tr').find('td').eq(1).addClass("timeGrad1");
        var returnVal = confirm("Are you sure?");
        $(this).prop("checked", returnVal);
      } else {
        alert("else I am inside sixth column");

        $(this).parents('tr').find('td').eq(1).removeClass("timeGrad1");

      }

    });

    //thirdColumnCheckGrid


    $(document).on('change', '#thirdColumnCheckGrid', function() {

      if (this.checked) {
        alert("if I am inside third column");
        $(this).parents('tr').find('td').eq(1).addClass("timeGrad1");
        var returnVal = confirm("Are you sure?");
        $(this).prop("checked", returnVal);
      } else {
        alert("else I am inside third column");

        $(this).parents('tr').find('td').eq(1).removeClass("timeGrad1");

      }

    });
Nate Mallison
@NJM8
Apr 27 2018 18:30
I plan to learn the ecosystem and use the MEVN stack to build all my backend apps
Rajat
@rajataudichya
Apr 27 2018 18:31
anyone here experience in codeignitor?
have a very silly doubt :P
Michael S
@Ohshi60
Apr 27 2018 18:33
@NJM8 when you say wrap the page in a container, should i do it for the whole body including my nav and footer tags?
Nate Mallison
@NJM8
Apr 27 2018 18:34
yup, it'll keep all your content inside the viewport and not make things too wide, I think bootstrap containers are 80% width, but you could customize it.
<body>
  <div class="container">
  <!-- all other content -->
  </div>
</body>
there we go
Michael S
@Ohshi60
Apr 27 2018 18:36
i guess jquery script in bottom of my body doesnt matter
Nate Mallison
@NJM8
Apr 27 2018 18:37
nope, that can be outside
@rajataudichya no idea what that is
@NJM8 What can you tell me about my code
@NJM8 And about whole tribute page)
Wadie
@wadie
Apr 27 2018 19:02
How do I get the front end certificate ?
I have finished all challenges
and claimed it
Congratulations! We've added your Front End Development Certificate to your portfolio page. Unless you choose to hide your solutions, this certificate will remain publicly visible and verifiable.
What portfolio ?
mstellaluna
@mstellaluna
Apr 27 2018 19:05
@wadie go to your FCC Profile page where you see your soultions you can download your certificate there.
Wadie
@wadie
Apr 27 2018 19:05
found it
yay
mstellaluna
@mstellaluna
Apr 27 2018 19:06
great job wadie
Wadie
@wadie
Apr 27 2018 19:08
Thanks!
Thanks @mstellaluna
no more cookie bot ?
haven't been here in a while..
mstellaluna
@mstellaluna
Apr 27 2018 19:08
i haven't noticed tbh
Wadie
@wadie
Apr 27 2018 19:08
hehe
mstellaluna
@mstellaluna
Apr 27 2018 19:09
:)
Wadie
@wadie
Apr 27 2018 19:15
I'm glad gitter isn't as active
the forums are a better idea
to keep all the info and support in one place
Nate Mallison
@NJM8
Apr 27 2018 19:19
@MaximKazionov i would make the text a bit larger, it's hard to read with those colors, but larger will make it clearer, then I think you could add some content, maybe a few more paragraphs and pictures? Or find something interesting to highlight about the breed like GSD's in pop culture or famous movies.
I pulled a ton of information from wikipedia for my tribute page
Max Kazionov
@MaximKazionov
Apr 27 2018 19:26
@NJM8 Thank you, and what is about my code?
Nate Mallison
@NJM8
Apr 27 2018 19:28
@MaximKazionov looks good, clean and well organized, good use of html5 tags
Quilty Kim
@zebralight
Apr 27 2018 19:28
I found a way to get scrolling to only apply to a deeply nested ul without specifying height of that ul, The thing is, my solution, involves setting height to 100vh on the outermost element (body) and then apply display: flex and flex-direction: column to every child from that element until I reach the nested ul. The thing is, I'm trying to do this in React, which involves creating some divs that are simply used by React and not by me and thus isn't styled. And this happens along the way from body to the deeply nested ul. I was wondering how else I can attain the behavior I'm looking for. I have a current jsfidddle that illustrates this a bit: https://jsfiddle.net/90dLw6qw/2/
Esteban Borai
@estebanborai
Apr 27 2018 19:52
Hey there!
Max Kazionov
@MaximKazionov
Apr 27 2018 20:02
@NJM8 Thank you for this review, it's very kind from you)
Michael S
@Ohshi60
Apr 27 2018 20:15
Does anybody know how i can achieve the "outline" effect of the navbar on this website. Ive tried inspecting it but i cant figure out how its done. https://www.ujamii.com/jobs
Quilty Kim
@zebralight
Apr 27 2018 20:39
@Ohshi60 box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2)
Michael S
@Ohshi60
Apr 27 2018 20:48
@zebralight thanks friend :+1:
Nicolas Ramirez
@kamatheuska
Apr 27 2018 21:07
@NJM8 I think you maybe looked on the dist folder. If you look on src you will see all the code relevant to the components, store and such. I should write a better README hehe. Here is an example! https://github.com/kamatheuska/portafolio/blob/master/src/components/rqmachine/RQMachine.vue
Harry Manchanda
@IamManchanda
Apr 27 2018 21:17

Hey Guys,

Small Question
Let's say I have these two arrays

    const x = ['a', 'b', 'c'];
    const y = [
      {
        name: 'A',
        slug: 'a',
      },
      {
        name: 'B',
        slug: 'b',
      },
      {
        name: 'C',
        slug: 'c',
      },
      {
        name: 'D',
        slug: 'd',
      },
      {
        name: 'E',
        slug: 'e',
      },
      {
        name: 'F',
        slug: 'f',
      },
    ];

Now I want to make this below from x and y. Please recommend a ES6 way for same?

    const z = {
      {
        name: 'A',
        slug: 'a',
      },
      {
        name: 'B',
        slug: 'b',
      },
      {
        name: 'C',
        slug: 'c',
      },
    };

Hope I am specific!

Gulsvi
@gulsvi
Apr 27 2018 21:21
@IamManchanda I'm not seeing how you arrived at z from combining x and y. It seems that z is the first three objects of y. Also, z is invalid syntax - the outermost curly braces need to be brackets [] to make it an array of objects or the series of objects need to be a value of another property.
Harry Manchanda
@IamManchanda
Apr 27 2018 21:22
oh sorry
const z = [
      {
        name: 'A',
        slug: 'a',
      },
      {
        name: 'B',
        slug: 'b',
      },
      {
        name: 'C',
        slug: 'c',
      },
    ];
I want to lookup from .slug
That syntax mistake . was by mistake ... pardon
Ken Haduch
@khaduch
Apr 27 2018 21:25
@IamManchanda - what have you tried for this solution?
Harry Manchanda
@IamManchanda
Apr 27 2018 21:25
I want to somehow filter that if itemOfY.slug === itemOfX
then add that in Z array @gulsvi
Ken Haduch
@khaduch
Apr 27 2018 21:25
@IamManchanda - you could use .filter() and .indexOf() - it seems like a pretty straightforward problem?
Harry Manchanda
@IamManchanda
Apr 27 2018 21:27
@khaduch Can you explain ??
Ken Haduch
@khaduch
Apr 27 2018 21:32
@IamManchanda - do you know the array method .filter()? if you write a line of code y.filter( val => console.log(val)); - it doesn't really make sense, but it should display each of the values in the array y. It shows that the .filter() iterates over each of the array elements, so you see each one individually. Then instead of console.log(val); you need to devise a method to test that the slug of each element is contained in the x array.
Mois├ęs Man
@moigithub
Apr 27 2018 21:33
mdn.io/includes might help too
Ken Haduch
@khaduch
Apr 27 2018 21:35
@moigithub - good suggestion - I forget about .includes()... :)
Gulsvi
@gulsvi
Apr 27 2018 21:35
I think a for...in loop would make this simpler. No need for any ES6-specific methods
const z = [];
for (const key in y) {
  if (y[key].slug == x[key]) {
    z.push({ 
      name: y[key].slug.toUpperCase(), 
      slug: y[key].slug 
    });
  }
}
but I guess you could start playing around Object.entries() ?
Ken Haduch
@khaduch
Apr 27 2018 21:37
filter and includes is a one-liner... and he asked for an ES6 way.
Harry Manchanda
@IamManchanda
Apr 27 2018 21:37
hey guys
I solved it
Thanks for help @khaduch
Ken Haduch
@khaduch
Apr 27 2018 21:38
@IamManchanda - you're welcome, and const z = y.filter( obj => x.includes(obj.slug) ); is what I came up with.
Harry Manchanda
@IamManchanda
Apr 27 2018 21:39
oh i see :) ... that's better I guess ... let me try in my orignal code i am working on ... :)
oh yeah works the same :)
Gulsvi
@gulsvi
Apr 27 2018 21:40
The one line from @khaduch will be faster than yours @IamManchanda because .includes() is quicker than .find(). The for...in loop I wrote above is faster than both.
Harry Manchanda
@IamManchanda
Apr 27 2018 21:40
cool using that :)
Gulsvi
@gulsvi
Apr 27 2018 21:40
But sometimes faster code means more lines :)
here, two lines lol
const z = [];
for (const key in y) if (y[key].slug == x[key]) z.push(y[key]);
Ken Haduch
@khaduch
Apr 27 2018 21:46
@gulsvi - but your code only works if the alphabetical ordering of the x and y values is preserved? I guess that isn't stated in the "problem" - just going by the data as given, it works.
Gulsvi
@gulsvi
Apr 27 2018 21:47
@khaduch Correct, could make a less efficient version if we can't guarantee x will be ordered as needed:
const z = [];
for (const key in y) if (x.includes(y[key].slug)) z.push(y[key]);
Esteban Borai
@estebanborai
Apr 27 2018 21:49
@gulsvi are you looking for mapping the keys of an object?
Gulsvi
@gulsvi
Apr 27 2018 21:50
Iam was looking more at filtering them into another array @estebanborai
Esteban Borai
@estebanborai
Apr 27 2018 21:53
Object.keys({ foo: 'bar' });
Ken Haduch
@khaduch
Apr 27 2018 21:54
@gulsvi - so how does the efficiency of your less efficient version compare to the .filter() method?
Gulsvi
@gulsvi
Apr 27 2018 21:55
@khaduch I think it depends on the browser implementation of .filter() - in theory though a for loop + push would be similar to a .filter() at O(n). I don't know the auxiliary space complexity though - maybe uses more/less memory.
Esteban Borai
@estebanborai
Apr 27 2018 22:05
Mmm
creator0323
@Amasian
Apr 27 2018 22:06

Hello! I am currently working on FCC Twitch API project. I am trying to bring information of freecodecamp channel from Twitch server. I am using my own client ID i made for the purpose. But it seems that the server can not recognize my client ID. Is my URL format is wrong? Any advice will be appreciated :) thank you for your time and attention!

https://codepen.io/Amasian/pen/RyPeNx?editors=0010

Esteban Borai
@estebanborai
Apr 27 2018 22:06
Like filter the keys of an object into another object but through object keys then filter then a new object with the filtered keys?
Esteban Borai
@estebanborai
Apr 27 2018 22:13
@Amasian looks like you are not specifying the clientId
Maybe you should check the URL syntax
Michael S
@Ohshi60
Apr 27 2018 22:35
In the "My Expertise" section, the font-awesome icons have a custom css rule "large-icon" that doesnt get applied. But in my local copy of the website it DOES work. Any pointers? https://codepen.io/ohshi/pen/vRPPmv
kyle-kauzlarich
@kyle-kauzlarich
Apr 27 2018 22:43
@Ohshi60
adding .large-icon { font-size: 32px !important; got it running on codepen for me
creator0323
@Amasian
Apr 27 2018 22:48
@estebanborai thank you for your reply!
Esteban Borai
@estebanborai
Apr 27 2018 22:54
You welcome!
Michael S
@Ohshi60
Apr 27 2018 22:54
@gulsvi Hmm, but that defeats the point of me having a large-icon class. And im still confused about why it works locally :smile:
Gulsvi
@gulsvi
Apr 27 2018 22:56
@Ohshi60 My apologies, I should have looked closer. Codepen requires your <head> content to go in settings -> HTML -> stuff for <head>
Put all your <head> content in there and it will work the same as it does for you locally
Esteban Borai
@estebanborai
Apr 27 2018 23:00
@Ohshi60 maybe is your FA version.
Michael S
@Ohshi60
Apr 27 2018 23:00
@gulsvi That did it, and no need to apologize. I appreciate it.
Gulsvi
@gulsvi
Apr 27 2018 23:00
Glad it helped!
Michael S
@Ohshi60
Apr 27 2018 23:02
Last thing i want to fix is the horizontal scroll. I have wrapped my body in a container class, which i thought i did to prevent this issue?
Michael S
@Ohshi60
Apr 27 2018 23:12
I found the issue, i have to wrap my rows in either container or container-fluid for it to work properly