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
I'm looking at summer job opportunities with my university because I don't have any experience yet
what is your major?
kind of wish I studied computer science more, but there's still time I think.
Also studying Spanish language and literature
i see
how old are you
i think you can study both of them
if it isnt hard
School got very easy this semester, so I'm here more than I expected :)
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
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
if you are smart enough can you study without paying a cent ?
I think you can get financial aid, scholarships, etc if you apply for them and do well in school
but it's just a dream lol
just thinking about makes me happy :p
it*
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.
@edgaryp Its gone from your packages, but it doesn't go out and delete the files in node_modules (as to my knowledge)
@bradtaniguchi does it mean I will need to manually delete it from node_modules folder?
@edgaryp Depends why you want to remove the dependency in the first place.
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.
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
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
@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!
I think the cookies were only from the original group :question:
rather than other links are working good
Just click on the navbar tabs u can find
can anyone give me
@markclynch how
@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
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
Let me look up the exact issues.
I want to make it from scratch
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
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
yes
wait
can you go check at here?
that ok? I did a github page
nothing really works
so you want to make the all image in equal size?
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
Yeah, that's a thing I can fix with the images themselves
it will fix your thing
Something wrong in my setup
it didn't take
Guys is there any site like codepen where I can upload my PHP and MySQL projects?
@BasithAbdul github
@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 :)
Of course that's just a provider, so you need a place to host your DB as well :)
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
@markclynch for bottom
?
i mean , You want to give the border for only bottom or for full images
@markclynch Ya it is correct
i didn't put the solid
but its ugly, can you look again?
guess it takes time to refresh when I push to github-pages
Ya right
but not on pages, and I did push, I wonder how much time to refresh
This message was deleted
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 :(
for images
hmmm.
codepen would update immediately
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
@markclynch but will php run? As in does GitHub act as a server or does it just store files?
@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 :)
Then committing the relevant change to your branch / and updating the github page once you are sure those changes are there to stay :)
So that you have even a better commit history that just "added border" "changed padding" "new images"...
Easier to revert to previous version
Easier to revert to previous version
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
@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
In this case is just getting covered by the navbar height
but for other tabs its working ?
@Marmiz Your right. I shouildn't be doing such small commits
@1532j0004kg because the other tabs have a higher "banner", so the sign is lower thus seems working :)
@1532j0004kg cleanest way to fix it is on click calculate the position - the height (+ margin) of the nav and send there :)
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
but how to send after calculating
@1532j0004kg
scrollTo or any other helper from JQuery (there are a few) since you are using it
it only hosts static pages
Is there any free option to host dynamic sites with a database?
@BasithAbdul glitch
how long does it take for github-pages to show the current codebase?
@1532j0004kg
guys what do you think about
pug ? Is something that I need to learn/ or just to know the basics
@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
react / angular / vuejs should be higher on the list of items to learn
@tptynlr I think that there are libraries for handling word files in JS.
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
@dbsimeonov you may enjoy these: :sparkles:
@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
i am new to javascript
@kshtzsharma48 There are lots of node.js tutorials available here: https://nodeschool.io/#workshopper-list
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
@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.
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);
}
}
}
hi guys im wondering whats wrong with my CSS for the social media icons footer.ul.social https://codepen.io/ohshi/pen/vRPPmv
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*
ul.social li {
// Changed the selector
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
margin-bottom: 40px;
// added this
display: inline;
}
@Ohshi60
@lydatech Thanks. If i may ask, why do i need to select the li element for display: inline to work? :)
you try to inline the ul it will make the whole ul inline not its children
ul is a container
<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
@Ohshi60 you might want to add
.fa { padding-right: .5em; } to give your icons some breathing room
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
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
@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?
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
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
I might clean up one more project just to be safe
@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
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/
@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?
while the ul would take up all the space available to it
@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
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
@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 :)
@NJM8 i tried the z-index method, but the picture is overlapping with my about-summary, any ideas? https://codepen.io/ohshi/pen/vRPPmv
vuex and vue-router....should I have some kind of disclaimer saying that I am using Vue? :O
@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/
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
$(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");
}
});
I plan to learn the ecosystem and use the MEVN stack to build all my backend apps
have a very silly doubt :P
@NJM8 when you say wrap the page in a container, should i do it for the whole body including my nav and footer tags?
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
@rajataudichya no idea what that is
@NJM8 What can you tell me about my code
@NJM8 And about whole tribute page)
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 ?
@wadie go to your FCC Profile page where you see your soultions you can download your certificate there.
yay
Thanks @mstellaluna
no more cookie bot ?
haven't been here in a while..
the forums are a better idea
to keep all the info and support in one place
@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
@MaximKazionov looks good, clean and well organized, good use of html5 tags
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/
@NJM8 Thank you for this review, it's very kind from you)
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
@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
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!
@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.
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
I want to somehow filter that if
then add that in Z array @gulsvi
itemOfY.slug === itemOfXthen add that in Z array @gulsvi
@IamManchanda - you could use
.filter() and .indexOf() - it seems like a pretty straightforward problem?
@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.
@moigithub - good suggestion - I forget about
.includes()... :)
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() ?
filter and includes is a one-liner... and he asked for an ES6 way.
I solved it
Thanks for help @khaduch
@IamManchanda - you're welcome, and
const z = y.filter( obj => x.includes(obj.slug) ); is what I came up with.
oh i see :) ... that's better I guess ... let me try in my orignal code i am working on ... :)
oh yeah works the same :)
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.
here, two lines lol
const z = [];
for (const key in y) if (y[key].slug == x[key]) z.push(y[key]);
@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.
@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]);
@gulsvi are you looking for mapping the keys of an object?
Iam was looking more at filtering them into another array @estebanborai
@gulsvi - so how does the efficiency of your less efficient version compare to the
.filter() method?
@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.
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!
Like filter the keys of an object into another object but through object keys then filter then a new object with the filtered keys?
@Amasian looks like you are not specifying the clientId
Maybe you should check the URL syntax
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
@Ohshi60
adding
adding
.large-icon {
font-size: 32px !important; got it running on codepen for me
@gulsvi Hmm, but that defeats the point of me having a large-icon class. And im still confused about why it works locally :smile:
@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
@gulsvi That did it, and no need to apologize. I appreciate it.
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?
I found the issue, i have to wrap my rows in either container or container-fluid for it to work properly