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.
https://codepen.io/maximkazionov/full/MGjPXX/
plz make a code review of my fcc tribute page
scrollTo
or any other helper from JQuery (there are a few) since you are using it
https://codepen.io/maximkazionov/full/MGjPXX/
plz make a code review;
pug
? Is something that I need to learn/ or just to know the basics
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
hi,
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);
}
}
}
ul.social li {
// Changed the selector
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
margin-bottom: 40px;
// added this
display: inline;
}
<i class="fa fa-github"></i>
<a href="https://github.com/ohshi60/"></a>
<a href="https://github.com/ohshi60/"><i class="fa fa-github"></i></a>
putting the icon IN the link
.fa { padding-right: .5em; }
to give your icons some breathing room
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 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 :)
vuex
and vue-router
....should I have some kind of disclaimer saying that I am using Vue? :O
hi,
$(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");
}
});
<body>
<div class="container">
<!-- all other content -->
</div>
</body>
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.
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2)
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!
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',
},
];
itemOfY.slug === itemOfX
.filter()
and .indexOf()
- it seems like a pretty straightforward problem?
.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.
.includes()
... :)
const z = [];
for (const key in y) {
if (y[key].slug == x[key]) {
z.push({
name: y[key].slug.toUpperCase(),
slug: y[key].slug
});
}
}
const z = y.filter( obj => x.includes(obj.slug) );
is what I came up with.
const z = [];
for (const key in y) if (y[key].slug == x[key]) z.push(y[key]);
x
and y
values is preserved? I guess that isn't stated in the "problem" - just going by the data as given, it works.
const z = [];
for (const key in y) if (x.includes(y[key].slug)) z.push(y[key]);
Object.keys({ foo: 'bar' });
.filter()
method?
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!
.large-icon {
font-size: 32px !important;
got it running on codepen for me