:cookie: 585 | @kbaig |http://www.freecodecamp.org/kbaig
:cookie: 586 | @kbaig |http://www.freecodecamp.org/kbaig
:cookie: 323 | @isaaknazar |http://www.freecodecamp.org/isaaknazar
cid
array to get the cash in drawer, it doesnt round up the significant figures accurately
1.01 + 2.05
returns 3.05999999996
instead of just 3.06
<label [ngClass]="{'is-multiple-of-3':multipleOf3}">
<span id="redSquare"></span>
three
<input type="checkbox" name="rememberLogin" id="buttonId" (click)="open()">
</label>
:cookie: 521 | @ezioda004 |http://www.freecodecamp.org/ezioda004
:star2: 3843 | @khaduch |http://www.freecodecamp.org/khaduch
:cookie: 442 | @bradtaniguchi |http://www.freecodecamp.org/bradtaniguchi
@jdbrann - welcome "newbie"! :) and I agree with you that the portfolio seems like a very large leap from the simple pages and basic concepts in the lessons. But the good thing about it is that as you go along and learn more, you can always come back and refine it. It's good to get some basics down and plan to revisit it, there's a lot to learn and you do pick up tips from other pages that you look at, especially once you have experienced creating a few yourself. Not to say that it gets easy really fast, but you just have to take it step-by-step.
I have a few comments about your page. The color scheme is not bad for my eye, but maybe I don't have a great eye for that. There are tools out there that can help you select color palettes, like Adobe's color wheel.
Another thing that I would recommend (I think that it is generally recommended), for better readability, is to limit the width of the text content on the page. For example, I opened your page on a wide screen and your "About" section fits on one line spanning the entire screen. There are readability guidelines (which I haven't read in a while) but they would recommend something like 80 characters max width. You can set up your page to have a central section that limits the width in a couple ways. Since you have Bootstrap, you could use the grid to control the width. I would try to apply the same principles to the section with the references - the images should be smaller in general, I would say, and it would look better if those sections were centered when they shift to a single column.
The last thing that I would like to mention now is that when you are using CodePen, the various sections of the code should be placed in the appropriate boxes. For example, your bootstrap.css and font-awesome.css should be entered in the CSS panel config box in the external stylesheets area. None of the <!DOCTYPE
, <html>
, <head>
and <body>
tags should be in the HTML panel. There are places in the HTML config for some of those head items, and the major page sections tags are supplied by the CodePen template. You can read more about it here And here. If you're just cutting and pasting into CodePen from your own editor, then maybe you don't want to bother, as long as your page displays well on all devices. Also it is best to avoid inline style attributes, it makes it harder to make changes to the page if you have to. Better to define some CSS classes and use those to style the various elements, it makes it a lot easier to be consistent throughout the document.
I hope that helps - it's definitely an ongoing project to develop these pages, looks like you have a lot of great material and a good start to getting it together...
function findLongestWord(str) {
var longest = 0;
var changedStr = str.split(' ');
for(var i = 0; i < str.length; i++){
}
console.log(changedStr[i].length);
}
findLongestWord("hel00 yoiii cool");
VM168:9 Uncaught TypeError: Cannot read property 'length' of undefined