FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Spyrantis Theodoros

@thodorisanta

so i tried using brackets, so instead of obj.user.online. i used : obj[user]["online"]

and it works

can someone please explain me why?

yozhikvtumane

@yozhikvtumane

Because user here is not a key but a variable, and you try to access through a key name

try to add console.log(user) inside a loop to see what I mean

Spyrantis Theodoros

@thodorisanta

@yozhikvtumane if i write it like this : user.online it shows in the console the same thing as this obj[user]["online"]

yozhikvtumane

@yozhikvtumane

How does the object look like? @thodorisanta

Spyrantis Theodoros

@thodorisanta

@yozhikvtumane
Alan
Jeff
Sarah
Ryan
0

Spyrantis Theodoros

@thodorisanta

is there a way where using dot (".") will be more efficient than brackets?

Aditya

@ezioda004

@thodorisanta Efficient? Both bracket and dot access has its use cases. In short dot access is a subset of bracket access.

Spyrantis Theodoros

@thodorisanta

@ezioda004 yeah but my understanding from the above is that brackets can do everything dot can do but dot cant do what i tried above. So im basically asking if there would be a case where brackets wont work and dot will do the job.

Aditya

@ezioda004

@thodorisanta Bracket would cover all the cases where dot works but vice versa isnt true. The advantage of using dot access is the readability/simpler syntax.

Spyrantis Theodoros

@thodorisanta

@ezioda004 thats what i thought. thanks!

Dušan Todorović

@krckyboy

Let me know what you think of a website I finished today, as it's for my portfolio: https://krckyboy.github.io/John-s-Bar/

yozhikvtumane

@yozhikvtumane

@krckyboy awesome!

Dušan Todorović

@krckyboy

Thank you! @yozhikvtumane

yozhikvtumane

@yozhikvtumane

@krckyboy

Edge Win10

Dušan Todorović

@krckyboy

@yozhikvtumane Thank you a lot!

Stevegolden12

@Stevegolden12

@krckyboy That is a great looking site

hensn5250

@hensn5250

@krckyboy Awesome site. Love the images and effects. Not really digging the positioning and sizes of the typography on the landing page. If possible , try to logophy (is that a word?) the John's Bar text by adding a border or something like that. Just my 0.02 cents.

Dušan Todorović

@krckyboy

Thanks, guys.

Appreciate it a lot! @hensn5250 @Stevegolden12

Christopher

@bradley1492

Hello,
does anyone know how to align-center my brand class in responsive view mode so it's horizontally centered? I made this pen with bootstrap:
https://codepen.io/bradley1492/pen/WYaLrN?editors=1100

Mohammed Boudad

@matrixersp

@bradley1492 I'm not sure if it's the best way, but it works
https://codepen.io/matrixersp/pen/MzxepV?editors=1100

Lia-Sue-Kim

@Lia-Sue-Kim

I don't know if someone here familiar with PHP but I wonder is pure php without a framework + mysql is enough ? or do you have to learn a framwork in order to build somehing with them

I'm still learning pure php that's why asked

@bradley1492 Do you want to center it with pure CSS or flexbox?

@bradley1492 or was that a bootstrap question?

Lia-Sue-Kim

@Lia-Sue-Kim

@bradley1492 with pure css you can center horizontally if your element is block element by using margins. let's assume you have a navbar with height of 50px if you were to center something horizontally you could use margin: 0 auto;

your nav links you could center vertically by setting line-height: 50px;

if your nav's height is 50px;

like this
nav ul li a {
line-height: 50px;
}

Lia-Sue-Kim

@Lia-Sue-Kim

with flexbox

horizontally = justify-content: center;
vertically = align-items: center;

Stevegolden12

@Stevegolden12

@bradley1492 @Lia-Sue-Kim In bootstrap 4 the classes would be: justify-content-center and align-items-center.
Hope that helps.

Mandeep Sharma

@mandeephub

hello

@Stevegolden12 https://codepen.io/mandeep4243/pen/pQYRzw

i m willing to bring that add note button in line with input box can u pls see to that
Thanks in advance

Claudio Restifo

@Marmiz

@mandeephub if you head over navbar docs you see that they reccomend working with spacing and flex utilities to create a layout. That's because navbar has a more "strict" markup due to its intended "limited" usage.

In the example you see they use a form-inline element as a direct child of nav (not a container-fluid).

My suggestion is, if you want to keep the container-fluid / row system inside the navbar is to use auto layout columns

Mandeep Sharma

@mandeephub

@Marmiz thanks for that i have updated that now y its going down on xs

Claudio Restifo

@Marmiz

@mandeephub I suggest you keeping a documentation page open, and read it often., there's no xs breakpoint in BS 4
grid options

Mandeep Sharma

@mandeephub

ok ill see to it thanks for help

Claudio Restifo

@Marmiz

the same can be applied to col-sm-11 col-md-11 The md is redundant. :)

:+1:

Christopher

@bradley1492

@Stevegolden12 @Lia-Sue-Kim @matrixersp Thanks a lot guys for your help.
This is what I was looking for, now it works :) :
https://codepen.io/bradley1492/pen/VVRdvQ?editors=1100

Christopher

@bradley1492

Altough I have now another sort of implied question.
In this pen, is the reason for my logo not centering horizontally in responsive view, altough I have declared the flex, justify-content and align items properties in the css specificity?

https://codepen.io/bradley1492/pen/NEJzbQ?editors=1100

BrianWilliams28

@BrianWilliams28

can someone tell me why NaN is evaluating as true in this function? it's supposed to return false

function isTrue (value){
 switch (value) {
   case "":
   case null:
   case NaN:
   case 0:
   case undefined:
   case false:
     return false;


   default:
     return true;
 } 
 }
isTrue([false, null, 0, NaN, undefined, ""]);

Christopher McCormack

@cmccormack

I don't believe you can actually test NaN against itself

> NaN === NaN
false
> NaN == NaN
false

better to use something like

> isNaN(NaN)
true

> Boolean(NaN)
false

Where communities thrive

People

Repo info

Activity