but i was wondering how to get the navigation bar's position to be fixed after its reached the top
@grajsb on line 19 change your innerHTML to textContent, that will get rid of the p tags from showing up in the tweet, and change your var tweetURI to just include the endodeURI(phrase). then just call the window.open("https://twitter.com/intent/tweet?text=" + phrase);
that should fix it.
that should fix it.
Hi
how to make a thumbnail to a pen from codepen ?
I want to put a project I made in the portfolio, but i don't know how to make a thumbnail to put a link.
@GuiRod22 just copy and paste URL from browser
Oh, sorry :) I misunderstood
I did it, but it didn't worked, i mean, my code is a mess lol
I mean, i thought it was automated, just put the link of codepen and it make a thumbnail, but it didn't
does anyone here use atom? I can't use jslinter on it.
@relentless-coder I don't recommend atom. Have you tried Visual Studio Code?
@jdtdesigns visual studio code acts way to weird. I haven't been able to grasp it's concept regarding removing folders and adding folders
@relentless-coder I personally use Sublime, but VScode doesn't give me any issues. I'd recommend looking up the shortcut keys for common commands. Also, install the Advanced New File plugin and file stuff is easy peezy.
Hey guys, anyone here can tell me why my :visited selector doesnt work, here's my codepen : http://codepen.io/Shadow032/full/QdvbbK/
I find atom productive. I don't know, the whole stuff is easy on the eye. Maybe, it's because I have been into programming for only 7 months now. don't want to deal with config files
@Shadow032 have you set it to default color? if yes, then it is working
@relentless-coder The main reason i can't stand Atom is the speed. Once you use Sublime you'll see how slow and laggy it is.
It is pretty though
but for me speed is way more important
@jdtdesigns yes. sublime is fast, but as I said, you have to deal a lot with the config files to adjust it to your requirements.
@relentless-coder All editors require quite a lot of tweaking once you have a certain workflow
I install at least 8 to 10 plugins/extensions for any editor i work in
@jdtdesigns again, not very sure what all plugins I need. i just browse through atom's packages and add it if it sounds useful. Also, I want editor for professional use, and I am not yet ready to pay $70 for sublime.
I'm not saying Atom is not a decent editor. Use it if it suits you. It just doesn't work for me. :D
@relentless-coder What do you mean by default color? Did I set what?
<a> tag's default color?
@Shadow032 i clicked on a link, and it's color changed. is that what you are looking for?
@jdtdesigns I get it.
@relentless-coder When you search for something, and when you click on one of the results, that result should change the text color to like darker gray smth like #555;
@Shadow032 yes, and it is changing to color decided by browser styles
@Shadow032 the problem is that random class is for the link that provides random article. there is no random class set for the links in the results. you need to add the class dynamically
Please help me in local weather project. I am using the navigator.geolocation, but no data is getting returned
@amitsharma1919 If you're in chrome you'll need to load the page through https:// for navigator to work. You'll also need to use an api that supports https like Weather Underground or Apixu
Yo yo peeps. Anyone good with tables and row heights? My wiki app's row heights for descriptions is off slightly compared to the title row heights. Need help! 8)
@GordonBombay88 Tables should only be used for tabular data, not layout. ;)
@jdtdesigns I'm committed...basically done. Just trying to wrap this up.
can anyone provide me with some insight about what is not working about this code for wherefore art thou?
function whatIsInAName(collection, source) {
// What's in a name?
var arr = [];
// Only change code below this line
var sourceKeys = Object.getOwnPropertyNames(source);
for(var i = 0; i < sourceKeys.length; i++) {
arr = arr.filter(function(){
if (collection.hasOwnProperty(sourceKeys[i])) {
if (collection.sourceKeys[i] === source.sourceKeys[i]){
return true;
}
} else {
return false;
}
});
}
// Only change code above this line
return arr;
}
whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });
@nevaIsDreaming there is nothing in arr to filter out, it's empty
@nevaIsDreaming
the problem is in your
the problem is in your
arr.filter
@ghulamshabir thanks, i actually just caught that and added a for loop to copy all the values from collection into arr
nevaisdreaming sends brownie points to @ghulamshabir :sparkles: :thumbsup: :sparkles:
:star2: 1736 | @ghulamshabir |http://www.freecodecamp.com/ghulamshabir
@mones-cse is it the function?
you might want to use loop inside filter callback. indexOf or includes can be used in place of loop
@nevaIsDreaming can you link to the challenge?
@nevaIsDreaming there is no need of copying elements from collection and also it does not make difference because objects in collection will be copied by reference. you can use filter on collection
sorry for the mess. i couldnt get it to work with the markdown
[name](url)
@ghulamshabir right. but the () in the code aren't escaped so part of the url ends up in the link name and part ends up as text. do you know how to get around that?
@nevaIsDreaming may be using
\ to escape parentthesis not sure
i'll try it
so you have to iterate through each object in the collection array and check if the source key and source value match a key/value pair in the current object in the iteration
@nevaIsDreaming
if so, you push the current object in the iteration to the arr
there's different ways to do it and using filter is totally possible
i just did it using .filter() and .map()
you can actually turn an object into an array of keys using Object.keys(myObject);
Hello
my tweet button gets the code pen url along with the tweet can some one pls help me get rid of it
hi
@jdtdesigns thanks. thats helpful..
nevaisdreaming sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 873 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@grajsb
var phrase = document.getElementById('quoteToTweet').innerText; // use innerText instead
phrase = phrase.replace(/\/r/g,''); // remove this as it's not needed with innerText
so I've got kind of an advanced problem can someone help me out here
trying to get my unordered lists to float to the left ant right of the centered image lined up with eachother
@grajsb You're using jQuery and still mixing vanilla js with it. Use jQuery's functionality instead.
var tweetUrl = 'https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text=' + $('#quoteToTweet').text();
window.open(tweetUrl);
@RadiationJunky Vertical centering is something that Bootstrap doesn't do well.
It's easy to accomplish using flexbox
@RadiationJunky http://jsbin.com/quroluq/edit?css,output
https://heysadboy.github.io/work.html how to remove these white strips on sides?
Hello people! I am currently doing the portfolio webpage project and I took a look at the sample portfolio page they provided. I am wondering if anybody can tell me the style of code the author used?
@heysadboy
```
```
<div id="work-section" class="clearfix"
@heysadboy - Forget that. It won't work.
Here is what does work.
Here is what does work.
#work-section {
background-size: cover;
background: #080808;
height: 100%;
width: 100%;
overflow:hidden;
padding-top: 50px;
}
@heysadboy - You want to add overflow:hidden
to your #work-section ID
@Boardley but the page wont scroll then
@heysadboy
add
overflow-y: auto
rafter overflow:hidden
add
overflow-y: auto
rafter overflow:hidden
#work-section {
background-size: cover;
background: #080808;
height: 100%;
width: 100%;
overflow:hidden;
overflow-y: auto;
padding-top: 50px;
}
@Boardley overflow-x: hidden; worked, thanks!
:cookie: 278 | @boardley |http://www.freecodecamp.com/boardley
heysadboy sends brownie points to @boardley :sparkles: :thumbsup: :sparkles:
@relentless-coder jslint is a pain to set up with Atom. JSCS works great if you're willing to consider a different option
hello everone...
@rene-meda The sample portfolio uses Pug (formerly known as Jade). https://pugjs.org/api/getting-started.html
need some help with the challenge Show the local Wather., I don't understand why is my code not working... the link is https://codepen.io/ingundela/pen/rjMege
@TylerMoeller Thank you!
rene-meda sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1363 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@ingundela @TylerMoeller And numerous errors in the js code :/
hey testing a little code to play with the weather app (expand on it/change it a bit), anyone willing to take a peak?
link: https://repl.it/FQQJ/20
issue: line 51 / line 39 (I think...), prints ‘undefined’, but all the variable (i think are defined) and everything is console.log-ing without issue…What am I missing?
link: https://repl.it/FQQJ/20
issue: line 51 / line 39 (I think...), prints ‘undefined’, but all the variable (i think are defined) and everything is console.log-ing without issue…What am I missing?
@jdtdesigns You should give Atom another try ;)
I've given it a big try as i had to research multiple editors before picking one to use in a basics course i'm creating @TylerMoeller
If you use Vim or Sublime on a consistent basis, Atom will grind your gears in less than 5 minutes
No one all be all solution for sure
it's kind of like moving from an iphone 7 to iphone 4 though for me
@DavidMinAZ glad I could help.
How do I make my grey block appear at the center of the screen? http://codepen.io/jimpix/pen/zNNBZr
@playingwithinfinity Do you mean vertically or horizontally?
@jamespayne Horizontally
@playingwithinfinity have you tried margin: auto; on your div?
@jamespayne Ya now it works
In the codepen. I'm trying to insert <img> but image not appearing. please help me.
@alfaiz-momin Where did you place the image on the internet?
i give it the "src" from wikipedia.
@alfaiz-momin Have a look at you’re browser console. Is it displaying any errors?
@alfaiz-momin
<img src=“https://upload.wikimedia.org/wikipedia/commons/3/31/Michael_Jackson_in_1988.jpg” />
does this one work?
@Blockshot12 its working!!!
@alfaiz-momin ok, you got yours working or the one I gave you?
Codepen blocks some image sources. Check your console.
your img is working but not mine.
@alfaiz-momin then you should do what @jamespayne suggested, open your console.
@Blockshot12 I just tried the images that you used and they seem to work too so they are obviously not blocking wikipedia images. Came across this during a map.
@Blockshot12 what should i do in consol?
@alfaiz-momin use this link
skip console
you had the wrong link
you copied a page
@Blockshot12 yah now its working. thanks.
:cookie: 357 | @blockshot12 |http://www.freecodecamp.com/blockshot12
alfaiz-momin sends brownie points to @blockshot12 :sparkles: :thumbsup: :sparkles:
your welcome
always check you’re console either way.
but what was the prob?
@alfaiz-momin your link was to a page
ok.
when you want to use an image, right klik the image and hit copy image address.
that way you know for sure you have only the image.
https://codepen.io/CMYK/pen/bgqOxG?editors=1100
Hey guys, so this is my tribute page (challenge).
⭐️ I'm currently trying to make the thumbnail around my image bigger (especially the bottom part 😬) through CSS. Any suggestions?
Hey guys, so this is my tribute page (challenge).
⭐️ I'm currently trying to make the thumbnail around my image bigger (especially the bottom part 😬) through CSS. Any suggestions?
@Josie-N Hey Josie, when you say thumbnail, could you describe exactly what you are trying to achieve? Do you mean the border?
As a tip, if you want to apply multiple classes to an element, just have one class delcaration class="img-thumbnail center-block smaller-image border”. You cannot have multiple class attributes.
I’ve just tried it with that class declaration and it has changed dramatically.
Here is the full code for that image as an example for using multiple classes on one element:
<img class="img-thumbnail center-block smaller-image border" src="https://s-media-cache-ak0.pinimg.com/564x/9b/08/1c/9b081cc97a65b99a4daf7aa24c173ed1.jpg" alt="Portrait of Alexander McQueen">
hey guys having a bit of trouble, I am creating my tribute page but it seems I can only center my image by using margin-left XXXpx; I tried putting align="middle" in the img but it just won't center like the rest does, can any1 help me?
@iLucchini Do you have a link to you’re pen?
yea wait a second :)
you could try
margin: 0 auto;
I also did this in Atom instead of codepen :/
I basically tried to recreate the site that was shown as an example, and it had an image with this white border around it and some text at the bottom (which was still in the white-zone) but it just doesn't work the way I tried it
@iLucchini You could set
display: block;and margin: 0 auto; or set text-align: center;on a parent of it
*the first two on the img itself, only the third would be on the parent element
so just add display: block; and margin: 0 auto; to .white-box ?
yeah
@Otto-AA 👍
well that instantly worked! thank you so much :) Now I just need to get the text in the white block/box
@iLucchini And a little tip: Try to make your design responsive, so it also fits for smaller screens (->mobile phones) ;)
I have to redo the first tasks to do that because I seriously forgot a lot of stuff :/
@iLucchini Good luck on it =D
thank you =)
@iLucchini If this helps, its good to get familiar with what elements are block and inline by default. Theres a document here which shows that. Furher down is a link to inline elements.
This may help you choose an appropriate element without even having to do any css.
In some cases that is.
Hi there! I was just wondering if anyone here has an site where I can watch amature made websites. Websites that were done by people who just started, or just your first website. Thank you!
can anyone please help me with placing the text(Hello everyone ) below the image rather than the way it is now
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<style>
h1{
text-decoration:underline;
}
</style>
<title>tribute page</title>
</head>
<body>
<h1 align="center"> S.R. Tendulkar</h1>
<h3 align="center">If cricket is religion then Sachin is God </h3>
<img style="position:absolute; TOP:120px;LEFT:340px;" src="http://res.cloudinary.com/rish/image/upload/v1485091046/rish_egwlog.jpg" alt="sachin" width="50%" height="150%">
<h1>hello everyone</h1>
@Rish-hap remove position: absolute from the image, perhaps?
And use the bootstrap you included.
@RitvarsZ thanks. removing absolute helped
:cookie: 287 | @ritvarsz |http://www.freecodecamp.com/ritvarsz
rish-hap sends brownie points to @ritvarsz :sparkles: :thumbsup: :sparkles:
i don't know what am i suppose to write in the Personal Portfolio Webpage...
I need some help with React in ES6
Hi guys!I wrote a code in the "profile lookup" in basic javascript and it passed but i believe there's a much simpler code.can anyone please tell me a simpler code?
//Setup
var contacts = [
{
"firstName": "Akira",
"lastName": "Laine",
"number": "0543236543",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"lastName": "Potter",
"number": "0994372684",
"likes": ["Hogwarts", "Magic", "Hagrid"]
},
{
"firstName": "Sherlock",
"lastName": "Holmes",
"number": "0487345643",
"likes": ["Intriguing Cases", "Violin"]
},
{
"firstName": "Kristian",
"lastName": "Vos",
"number": "unknown",
"likes": ["Javascript", "Gaming", "Foxes"]
}
];
function lookUpProfile(firstName, prop){
// Only change code below this line
var results = false;
for(var i = 0;i<contacts.length; i++) {
if(contacts[i].firstName == firstName) {
if(contacts[i].hasOwnProperty(prop)){
results = true;
return contacts[i][prop];
}
else {
return "No such property";
}
}
} if (results === false) {
return "No such contact";
}
// Only change code above this line
}
// Change these values to test your function
lookUpProfile("Akira", "likes");
anybody here knows how to use the api sandbox of wiki pedia
hello all! Anyone here who could help with a node.js express.js question?
@Mookh01 We can try, but you may have more luck over here: https://gitter.im/expressjs/express
Thanks @TylerMoeller , I'm working on the nightlife challenge and I've been trying to think of how to work the "going" / "not going" button. specifically...
mookh01 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1364 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@Mookh01 Maybe try the BackEnd chatroom
yeah I tried that. No one ever answers. thought maybe since its a button click issue they might consider that frontend for some reason.
I see. Not many campers have reached that far I guess.
alright, I'll try other avenues then.
@Mookh01 Sorry, haven't worked on Twitter OAuth yet :/
@intesers Most of the challenges have a wiki page associated with them in the forums if you want to check other answers. https://forum.freecodecamp.com/t/freecodecamp-challenge-guide-profile-lookup/18259
Your solution is close to the one given, only you don't need to define a
Your solution is close to the one given, only you don't need to define a
results variable.
@shenoyabhijith Yes, what's your question?
Hey y'all. I have a JavaScript question. I'm trying to do a famous beginner coding challenge called FizzBuzz, and I'm a bit because I'm a little unsure on syntax. Here is my code thus far. <code> var count = 0;
for (count = 0; count < 99; count = count + 1)
if (count % 3 == 0)
console.log("Buzz");
else if (count % 5 == 0)
console.log("Fizz");
else if (count % 15 == 0)
console.log("FizzBuzz");
else
console.log(count); </code>
for (count = 0; count < 99; count = count + 1)
if (count % 3 == 0)
console.log("Buzz");
else if (count % 5 == 0)
console.log("Fizz");
else if (count % 15 == 0)
console.log("FizzBuzz");
else
console.log(count); </code>
I'm a bit stuck*
the "else if" statement at the end is definitely wrong. I don't want it to happen when the else if statement before is false, I want it to happen when both before it are true. But that's not what else if does.
damn I have started this tribute page test thing and I have forgotten pretty much everything I have learnt up until now :(
@Blockshot12 Thank you for the answer a month ago! lol
jrandallhansen sends brownie points to @blockshot12 :sparkles: :thumbsup: :sparkles:
:cookie: 358 | @blockshot12 |http://www.freecodecamp.com/blockshot12
nvm figured it out, I need to stop posting on a whim and start really thinking about problems
guys can you help me ? http://codepen.io/mml3b/pen/KaamPX why did the animation applied to my twitter icon but not the other icons ?
@mml3b
<a "target="_blank" id="twitter" href="https://twitter.com/mostafamasrileb"><i class="fa fa-twitter" aria-hidden="true"></i></a> <!--- Look at your target attribute! Syntax error -->
<a target="_blank" id="facebook" href="https://facebook.com/i27.o.o.1"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a target="_blank" id="google" href="https://google.com/+thefakeweed"><i class="fa fa-google" aria-hidden="true"></i></a>
http://codepen.io/mml3b/pen/KaamPX but still didnt work
ig
i missed the "
anybody?
@mml3b Sorry just saw this. (Make sure you tag me when you reply)
You can use the CSS :hover Selector to write your own hover transition effects.
Example:
a:hover i { /*hover = when you mouse over them.*/
transition: all;
color: rgba(0, 0, 0, 0.86);
}
@U-ways i didnt get it dude , why my code didnt work ?
hey guys, I was wondering, when creating a website, how do you organize your CSS code? do you do it according to the order of sections? or do you do it alphabetically?
http://codepen.io/mml3b/pen/KaamPX can somebody explain why my icons are working without the animation code and the colors disappeared @U-ways
and why did my photo size get bigger ?
@AmitP88 i try to group properties by functionality
SOMEBODY :'(
@sorinr do you mean like which functionalities appear first in the website?
i'm most concerned about the ordering of css chunks that pertain to sections
@mml3b Use classes intead of IDs for your icon selectors:
.twitter {color: blue;} /** Don't forget to change id="twitter" to class="twitter" as well **/
.facebook {color: purple;}
.google {color: red;}The reason for this is because ID selectors have a higher cascade values than classes and as a result overlapping class styles.
@mml3b Read this article to understand what am talking about (a bit complex though) https://css-tricks.com/specifics-on-css-specificity/
@AmitP88 i mean like display type, dimensions, margins and padding, positioning, font related, animation, etc
can someone tell me how to add an image in the centre of my page for my html?
@Cduffy098 u can use flexbox or if using bootstrap row col combination you can use offsets
Is anyone familiar with making parallax images responsive??? Please message me
@KD158 just make it up =)
@mml3b analyze your HTML and CSS in codepen, it will help get you back on track
The tribute page was a piece of cake for me, and this personal portfolio page is a total mess. My paddings are overlapping no matter what I do. We're supposed to "reverse engineer" the example pages. I'm not sure that we got all the tools to reverse engineer the example through the FCC challenges up to this point.....? Or did we?
HTML Inspector warnings:
The classes text-primary (1) bg-warning (1) bg-success (1) contact (1) fa (3) fa-twitter (1) fa-facebook (1) fa-google (1) gallery (1) center-block (1) img-circle (1) are used in the HTML but not found in any stylesheet. Since you have external stylesheets, you can probably ignore this.
<meta> elements inside <body> must contain the 'itemprop' attribute.
The <center> element is obsolete and should not be used.
'"target' is not a valid attribute of the <a> element.
'"target' is not a valid attribute of the <a> element.
'"target' is not a valid attribute of the <a> element.
this apperared @TylerMoeller
@aimee-katherine You're supposed to try and build it from the ground up without looking at the example page code
@TylerMoeller I know, what I'm asking is were all the tools taught through the challenges in order to do this?
@aimee-katherine you have to read also on your on and turn back to the project and make changes as you learn new things
@aimee-katherine No, the example portfolio is written in languages that aren't taught at Free Code Camp
Pug, PostCSS
I just think that the projects should be more aligned to the lessons.
As a brand new coder, it's frustrating.
Yeah, they kind of give you a basic foundation and then throw you into the deep end to learn how to put it all together
@mml3b Yes, these warnings will give you something to start investigating to figure out what's going on with your code:
<meta> elements inside <body> must contain the 'itemprop' attribute.
The <center> element is obsolete and should not be used.
'"target' is not a valid attribute of the <a> element.
'"target' is not a valid attribute of the <a> element.
'"target' is not a valid attribute of the <a> element.
Some errors in your CSS too that will help you fix the color issues
@aimee-katherine its hard to make you in a few lessons to learn all you need. giving u a challenge will force you to try to learn more how to solve problems you encounter :)
can anyone give me psudo code for how to change background image according to weather?
@bigyankarki you can create a var backgrounds = {"sunny": "url to sunny pict", "cloudy": "url to cloudy img", etc} and in js depending on the weather condition display one image or another
Have you completed the personal portfolio webpage? I did look at the source code, and I would never copy that because I can't even come close to understanding it. It is way more advanced than what has been taught so far, they even go as far as using a whole language that hasn't even been mentioned before! Seriously, I understand learning on my own, but when it's to this extreme it really makes me question this program. The tribute page was a fair project. This is not. Sorry for the rant. I'm done.
so should we use indexOf?
@aimee-katherine They've given you the foundation you need, now it's time to read the bootstrap documentation and learn how to put the foundation to use. A few hours reading the docs will help you get going on the portfolio. They set an expectation of 50hrs to complete the tribute page and portfolio. It will be a challenge - the first big challenge you face in this course.
@aimee-katherine think what u need for that project: a navigation menu on top of page and some sections on your page that your menul will point to
@TylerMoeller Sure...although using a language that has not even been mentioned- I would hardly call that giving me a foundation.
@aimee-katherine They do that so you don't go and copy/paste - it forces you to build the site from the ground up
They do not want you reverse engineering the code
@TylerMoeller I thought reverse engineering were the directions.
@aimee-katherine No, definitely not.
Try to do it from scratch on your own
There used to be a rule mentioned for the project that said "Rule #1: Don't look at the sample project's source code", now it looks like it just says:
There are many great portfolio templates out there already. However, you should consider building your portfolio page as much as you can from the ground up. Using Bootstrap can help make this process much easier for you.
@TylerMoeller "Reverse engineer the functionality" It's at 1:36https://www.freecodecamp.com/challenges/build-a-personal-portfolio-webpage
I think what @aimee-katherine is talking about is rule #3 "Reverse engineer the example project's functionality, and also feel free to personalize it"
@aimee-katherine The functionality, meaning, the link clicks, the responsive portfolio images, etc. Not the code.
That can be confusing
yeah, FCC might want to clear that bit up. I can see how it's super misleading.
Also, if our only "portfolio" to date is the tribute page we've made, how can we be expected to put together an entire portfolio of all our work?
i'm still working on my portfolio page and i found some helpful websites that helped explain things, such as the nav bar. http://www.w3schools.com/css/css_navbar.asp
@treddson @TylerMoeller @sorinr Alright, thanks guys. I guess I'll spend hours teaching myself, and hopefully eventually find a program that actually teaches you what you need before throwing projects at you. Al the best.
aimee-katherine sends brownie points to @treddson and @tylermoeller and @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1366 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
:star2: 1126 | @sorinr |http://www.freecodecamp.com/sorinr
:cookie: 123 | @treddson |http://www.freecodecamp.com/treddson
@monkeyfingerz thanks. Yes, good site.
aimee-katherine sends brownie points to @monkeyfingerz :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @monkeyfingerz |http://www.freecodecamp.com/monkeyfingerz
don't give up on it. it just takes a little outside researching to piece the portfolio page together. try to make little challenges out of the overall challenge and slowly but surely it will come together.
@aimee-katherine I definitely recommend sticking with FCC. I've tried so many other routes and FCC has by far the most cut and dry tutorials and best resources (ie. this chat room) where you can get instant feedback.
that so ture @treddson
@TylerMoeller Thought you might have some input about my question:
If our only "portfolio" to date is the tribute page we've made, how can we be expected to put together an entire portfolio of all our work?
@aimee-katherine I spent many many hours researching outside of FCC - and that's to be expected. Researching is a big part of any compsci project.
@TylerMoeller You can just have filler pictures and/or links
@LukeSallmen @aimee-katherine Very true. There are many resources outside of FCC that will aide you along. You just have to be efficient and think outside the box.
@treddson The portfolio is a work in progress, it will be the last thing you update before getting your front end certificate
https://placehold.it for now :)
@TylerMoeller So even though it immediately follows the Tribute page, it's not expected to be completed until the very end? I should still click "I've completed this challenge" to move on?
also, thanks for the feedback! @TylerMoeller
treddson sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1367 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@treddson Yes, click the 'I've completed this challenge" and move on.
You'll likely want to redesign the portfolio significantly after completing your final front end project
I rewrote mine from the ground up (but don't let that deter you!)
@TylerMoeller Awesome. Thank you!
treddson sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: treddson already gave tylermoeller points
np, good luck :+1: Lots of people here to help along the way.
@jdtdesigns Thanks a lot that worked for me...
grajsb sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 874 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
help i need a way to parse this api
no wiki entry for:
i need a way to parse this api
i'm stuck any help would be awesome
im stuck could someone tell me how to add an image? cuz I keep getting an x and no images appearing
@shenoyabhijith parse from string to number?
i wanna embed my seach into api
how can i split and merge the api
what u mean by split and merge the api ?? can u write some examples ?? how the final result should looks like ?
@moigithub im talking about variable api in my code
not api :smile:
explain urself.. whats the inputs and output ?
what u have.. what kind of modificatins u do.. and after modify how it should looks like ?
what u have.. what kind of modificatins u do.. and after modify how it should looks like ?
no wiki entry for:
urself whats the inputs and output what u have what kind of modificatins u do and after modify how it should looks like
i want to add my search content and replace the text in api
and merge and call @moigithub
soo u have .. something like
another variable like..
and replace api with both strings...
api = "something"another variable like..
text = "aaaa"and replace api with both strings...
api = api + text
@moigithub
whats wrong with my .val function
I should not just paste the codes like that.
@shenoyabhijith if u using jquery..... it should be
.. also ur input text name is sea
and the variable u have declared on ur code is
var
soo this wont work
console.log(
$('some selector').. also ur input text name is sea
rchand the variable u have declared on ur code is
var
search =soo this wont work
console.log(
$search);
@moigithub http://codepen.io/xmorpheus/pen/OWpzEK
not working
@shenoyabhijith did u modified ur code ?? and saved ??
cuz i still seeing the same things/errors
cuz i still seeing the same things/errors
i dint save here you go
@moigithub
if u name ur variable..
then on another part of ur code u should also use
u cant add extra characters to it.. that will make a DIFFERENT variable
boooothen on another part of ur code u should also use
boooou cant add extra characters to it.. that will make a DIFFERENT variable
$search = $('input[name=search]').val();var api = api+
search+joiner;
@moigithub thanks helped a lot
shenoyabhijith sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2576 | @moigithub |http://www.freecodecamp.com/moigithub
https://codepen.io/cduffy098/pen/EZmEjM could someone tell me why the image will not insert here?
The URL seems to be not complete. Maybe png or jpg missing?
@Cduffy098
I need help with javascript object look up! Can anyone help here?
@Cduffy098 png oak missing!
@Hello911 you have some code?
function phoneticLookup(val) {
var result = "";
// Only change code below this line
var lookup={
"alpha":"Adams",
"bravo":"Boston",
"charlie":"Chicago",
"delta":"Denver",
"echo":"Easy",
"foxtrot":"Frank"
};
// Only change code above this line
return result;
}
@Cduffy098 png is missing.
My problem is how do I use val in my object lookup?
oh
err
YES
@lafisrap thank you!
:cookie: 265 | @lafisrap |http://www.freecodecamp.com/lafisrap
cduffy098 sends brownie points to @lafisrap :sparkles: :thumbsup: :sparkles:
@Hello911 you don't set the result variable.
result = lookup[val];
I know. But the object as it is look disconnected from the rest
But the computer doesnt know what val is in the object?
I use result=lookup.val;
The function phoneticLookup should be called from below. Did you paste the full code?
@Hello911
// Setup
function phoneticLookup(val) {
var result = "";
// Only change code below this line
var lookup={
"alpha":"Adams",
"bravo":"Boston",
"charlie":"Chicago",
"delta":"Denver",
"echo":"Easy",
"foxtrot":"Frank"
};
result=lookup.val;
// Only change code above this line
return result;
}
// Change this value to test
phoneticLookup("charlie");
@Hello911
@Hello911
I am here.
@Hello911 you
Yeah?
YEah?
I'm on mobile. It fucks with me...
You could also place the object outside the function. Would be better. Then it is not called every time.
@Hello911 Did you post the full code?
Yes
How do the computer match val to "charlie", "alpha", "bravo"...
?
I overlooked that phoneticLookup is called. All is good. Just set the result.
result = lookup[val];
Interesting. that works. But why doesnt result=lookup.val; work?
I thought the two interchangable
Because then val is interpreted as property. It looks
For property val instead of charlie, etc
@lafisrap But when you enter into the function charlie, charlie is assigned to val. So it looks for charlie basically.
No?
Only of you write it [val], not if you write it .val
.val is the same as ["val"]
OK that explains it. Thanks
Hello! I want to align the image to the right and place text to its left. Can somebody help me? I try and fail
https://codepen.io/aguantincho/pen/RKVKqZ
https://codepen.io/aguantincho/pen/RKVKqZ
@Hello911 if you write @lafisrap Thanks then I get a Brownie ;-)
:cookie: 209 | @hello911 |http://www.freecodecamp.com/hello911
lafisrap sends brownie points to @hello911 :sparkles: :thumbsup: :sparkles:
@aguantincho using the css property float should work for you. set float:right on the image and float:left on the text. assuming the the width of either div isn't set higher than 50% it should work
I´ll try it, thanks @09JDPhil !
aguantincho sends brownie points to @09jdphil :sparkles: :thumbsup: :sparkles:
:cookie: 323 | @09jdphil |http://www.freecodecamp.com/09jdphil
Another question: May I use colums in bootstrap to mantain the content separate?
Or is there any other method?
@aguantincho I don't unserstand the question. You use columns to separate content horizontally, rows vertically.
Hi @lafisrap I'm trying to keep the text to the left and the image to the right without making contact between them
I cannot make it works
Guys, quick question but how would I reposition an image? say to put it in the centre under my title and sub-title