These are chat archives for FreeCodeCamp/HelpFrontEnd

11th
Dec 2017
Christina Smithers
@mcsmithers
Dec 11 2017 00:02
Where would you do that? @mcmxl22
The examples online don't seem to have anything like that, so it's not the most clear doucmentation sadly
Micah M.
@mcmxl22
Dec 11 2017 00:05
@mcsmithers If its a function I'd put it right before your computed function. if its a variable I might define it inside the computed function.
can you link to an online example?
Christina Smithers
@mcsmithers
Dec 11 2017 00:10
Sure, this one sort of built off mine since the person liked my idea and was helping me get teh Vue way of doing this, but hasn't been online since I started changing my application to get the data from teh api: https://codesandbox.io/s/6pv3kl81k
Mine was built almost the exact same though now I am using api data which is filtering on the list itself fine, just nothing on the map
Micah M.
@mcmxl22
Dec 11 2017 00:16
Vue.config.productionTip = false; here they are using the imported vue library. the vue library has functions called config and productionTip. That is why there is no definitions of these terms in the code. You either need to use functions imported from a library or make your own.
you haven't imported a library that contains your meteorite functions so you need to define them yourself.
Christina Smithers
@mcsmithers
Dec 11 2017 00:19
okay. Well I will have to look up functions in Vue then
I am guessing it might have to look something like this:
mounted: function () {
    this.meteorite= new Meteorite();
    const latitude = meteorite.reclat
    const longitude = meteorite.reclong
    const marker = [{ lat: meteorite.reclat, lng: meteorite.reclong}]
}
Moisés Man
@moigithub
Dec 11 2017 00:48
gmap-marker expect position to be an object with lat,lng properties
but ur data coming from axios dont have this, soo u need to adapt it @mcsmithers
    computed: {
      filteredList() {
        return this.meteoriteList.filter(meteorite => {
             return meteorite.name.toLowerCase().includes(this.search.toLowerCase())
          }).map(m=>{
             return Object.assign({},m,{position:{lat:+m.reclat, lng:+m.reclong}})
          });
      }
    },
Christina Smithers
@mcsmithers
Dec 11 2017 01:01
ohhh i see
that makes sense. i kept thinking i can just tell it to get the data from axios an then point it over. obviously a little more to it
@moigithub so map is sort of acting like a for-loop, right?
Moisés Man
@moigithub
Dec 11 2017 01:05
map is an array method
it iterates the array (yes some sort of loop)
do something with each values
and return a new array with same number of elements
[1,2,3].map(function(elem){ return elem }) --> will return [1,2,3]
[1,2,3].map(function(elem){ return elem * 10 }) --> will return [10,20,30]
Christina Smithers
@mcsmithers
Dec 11 2017 01:09
ah i see. thank you. i am so glad i signed up for a course so this stuff gets a little more intuitive
thank you so much. i was about ready to just ditch the map
i have a lot of learning left yet, but that's why projects are good
Christina Smithers
@mcsmithers
Dec 11 2017 01:14
how did you all learn this enough to be able to go in and help others? i would love to be able to myself someday
Moisés Man
@moigithub
Dec 11 2017 01:17
been on fcc since 2015, and a lot of trial/error, facedesk, hairpull and bangHeadOnWall :P
... patience and time
Christina Smithers
@mcsmithers
Dec 11 2017 01:18
:) wow. hopefully then i can get tha tgood. i have onyl been donig this about a year. i finally got to the point where funcations are not as scary to write but it's still lots of googling and spending tons of time on stuff
Joe
@fendermaniac
Dec 11 2017 01:43
For some reason I can't get the results of the wikipedia API in my project. I validated the API structure with JSONlint and it works when I enter in another API endpoint. Here's a link to my codepen, https://codepen.io/fendermaniac/pen/wPVmmm.
creator0323
@Amasian
Dec 11 2017 01:43
Where can I study more about the hierarchy among elements? The book I already have handles only basic so it it hard to understand the relationship fundamentally. Any advice will be appreciated! thank you
Chi
@chiyc
Dec 11 2017 01:50
@Amasian Do you mean like the hierarchy of organizing HTML elements on your page?
Joe
@fendermaniac
Dec 11 2017 01:52
Ok I found the following error in the console
Failed to load https://en.wikipedia.org/w/api.php?format=json&action=query&list=search&srsearch=Buffalo: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access.
creator0323
@Amasian
Dec 11 2017 01:55
@chiyc Yes, I am trying to build a responsive web site but I realized that I do not know to what each elements are responsive
Joe
@fendermaniac
Dec 11 2017 01:57
Nevermind, I figured it out. I added '&origin=*' to the endpoint and now it works!
Chi
@chiyc
Dec 11 2017 01:59
@Amasian Personally, I've found that docs on CSS methodologies can be helpful for understanding how HTML is structured
For example SMACCS is a guide on how to designate CSS rules by roles like layout vs modules
Let me know if I misunderstood your question. Are you maybe looking for information about how relative vs absolute elements are positioned? Or how nested div or span elements behave as the screen size changes?
creator0323
@Amasian
Dec 11 2017 02:06
@chiyc I think I do not fully understand both of them. When I follow the simple guide in the book I have, It is easy to follow and the code functions. But when I try to make whole web site, I can not even understand the structure of my code lol
@chiyc Thank you for the link I think I can expand my knowledge with the contents on the page :)
CamperBot
@camperbot
Dec 11 2017 02:07
amasian sends brownie points to @chiyc :sparkles: :thumbsup: :sparkles:
:cookie: 347 | @chiyc |http://www.freecodecamp.org/chiyc
Chi
@chiyc
Dec 11 2017 02:10
Keeping your code clean and organized definitely gets better over time. If you ever post any code samples here for help, me or anybody else would be happy to help
creator0323
@Amasian
Dec 11 2017 02:13
@chiyc you are so kind! thank you again! Well I hear that it is very helpful to spend time on problem solving by myself first. So, Once I really can not solve the problem, I will ask :)
CamperBot
@camperbot
Dec 11 2017 02:13
amasian sends brownie points to @chiyc :sparkles: :thumbsup: :sparkles:
api offline
Joe
@fendermaniac
Dec 11 2017 03:29
I am having trouble with some variable scoping. I instantiated pageURL outside the function accessing the data and added the results to the variable. I can console.log the results in the function literal, but outside the function literal I'm getting an undefined. https://codepen.io/fendermaniac/pen/wPVmmm
abraham anak agung
@padunk
Dec 11 2017 03:38
@fendermaniac what you mean undefined? your search come out just fine.
if you want to display the search result use .append in line 30 instead of .html
but you need to clear it for every new search
Joe
@fendermaniac
Dec 11 2017 03:40
@padunk You are correct, but if you inspect the href links you'll see that they are undefined
it should return the result of pageURL, which I can console.log in the function above
I think it's some sort of scope issue
abraham anak agung
@padunk
Dec 11 2017 03:49
@fendermaniac did u change the code? i can acces it just fine few minutes ago.
Joe
@fendermaniac
Dec 11 2017 03:52
@padunk just added the empty function as you suggested
Joe
@fendermaniac
Dec 11 2017 04:11
For some reason when you try to access the pageURL variable outside of the function parsing the API it returns undefined
it's really strange
Rita Alfonso
@alfonsotech
Dec 11 2017 04:41
HI, anyone here can help me with a React component, MERN stack?
Is there a React channel?
Ken Haduch
@khaduch
Dec 11 2017 04:45
@fendermaniac - I believe that you need to move your code to generate the anchor tags inside the callback function, because that is the only time that you know that pageURL is a valid value for the particular link that you are processing, Since the $.getJSON function is asynchronous.
Rita Alfonso
@alfonsotech
Dec 11 2017 04:47
@fendermaniac Hi, I can probably help. Can you say mor about this? "access the pageURL variable outside of the function parsing the API"
Ken Haduch
@khaduch
Dec 11 2017 04:59

@fendermaniac - moving this entire block of code:

              output +=
            "<a href='" +
            pageURL +
            "' target=_blank>" +
            "<li>" +
            pageTitle +
            "</li></a>";
                      output += "</ul>";
        $("#searchResults").empty();
        $("#searchResults").append(output);

to the point just after you get the value for pageURL generates the proper links. There is a little formatting issue with it, but you get the correct information that way.

Sam
@Samwise12
Dec 11 2017 05:53
Does anyone know a quicker way without using jQuery to access a button like $('this') but just using vanilla javascript i.e. I had to map two objects together and I don't want to go through this again this is what I'm dealing with
let innerValue =
                          document.body.children[1].children[0]
                          .children[0].children[4].children[0].children[0]
                           .children[1].children[index]
                           .children[0].children[1].children[0];
Markus Kiili
@Masd925
Dec 11 2017 06:12
@Samwise12 There are many ways to target dom elements. Hard to say what you could do without seeing more code.
Jim Tryon
@jimtryon
Dec 11 2017 06:13
Yeah, but the way you did it above looks like it was way too complicated for what you are trying to do
Vamp
@the-vampiire
Dec 11 2017 06:21
@Samwise12 give the element and ID and use document.getElementById() unless im missing what youre asking
Jim Tryon
@jimtryon
Dec 11 2017 06:22
I was going to suggest something like that, but I think I’m not fully understanding his question
Markus Kiili
@Masd925
Dec 11 2017 06:23
It is also possible to use a CSS selector for targeting just like jQuery does, by using querySelector or querySelectorAll methods.
Vamp
@the-vampiire
Dec 11 2017 06:23
const $ = (query) => {
  if (query.includes('.')) return document.getElementsByClassName(query);
  return document.getElementById(query);
}

const elementByID = $('idName');
const elementsByClass = $('.className');
if the es6 is confusing:
function $(query) {
  if (id.includes('.')) return document.getElementsByClassName(query);
  return document.getElementById(query);
}
idk i havent used jquery in a while but this should work if i understand your use case
Vamp
@the-vampiire
Dec 11 2017 06:28
or more compact
const $ = query => query.includes('.') ? document.getElementsByClassName(query) : document.getElementById(query);
qiangli
@QAsuna
Dec 11 2017 07:09
help!!!!
you ren me
Rada
@Radascript
Dec 11 2017 07:20
Does anyone know how to either
(1) Make it so progress bar animates left to right instead of from the middle
(2) Make it so it stops when the function runs again? I'm not having success with jQuery's stop()
Thank you!
https://codepen.io/RadaCodes/pen/RxbWyK
Nimai Walsh
@nimaiwalsh
Dec 11 2017 07:26
Hey Guys, can someone please recommend a decent Twitter Oauth library for JavaScript
Rada
@Radascript
Dec 11 2017 08:17
(resolved)
Lone programmer?
@MateoCzyzewski
Dec 11 2017 08:29
@Radascript
EN1STE
@tascioglu
Dec 11 2017 08:32
Hi guys good morning
Can somebody help me with a simple code for zoom into a level with maps (sort of google maps) in Cypress?
Sorin Ruse
@sorinr
Dec 11 2017 08:41
@Radascript you can also inspire from here
Sorin Ruse
@sorinr
Dec 11 2017 08:48
@Radascript if you take a look at min 17:05 you will see that for building a similar slider as yours you need about 40 lines of code comparing to your +100 lines of js code. The idea is that i would try to refactor my code to achive same thing using lesser code possible
Tiago Correia
@tiagocorreiaalmeida
Dec 11 2017 08:48
@nimaiwalsh if you are using nodejs you can go passportjs
Rada
@Radascript
Dec 11 2017 08:51
@sorinr My pen is just a draft, there's a reason I made some wacky choices and that is because I will be translating it into a wordpress loop. So I can't really use the thing you linked, it's not good for my use case. Looks like a good project though
EN1STE
@tascioglu
Dec 11 2017 09:45
Nobody who can help me with some code for zooming into a map?
Quantomistro3178
@Quantomistro3178
Dec 11 2017 09:51
Guys, why doesnt Boolean ([value]) work on null?
Its works on everything else like NaN, undefined, 0, ""
Lyddip
@lydiayhuang
Dec 11 2017 09:53
Hey guys, morning. night time here actually
Markus Kiili
@Masd925
Dec 11 2017 09:55
@Quantomistro3178 Boolean(null); // false
It does work on null too.
@lydiayhuang Morning.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 09:57
darn. i just accidentally erased my code while trying to copy paste it!
@Masd925 Wait, lemme write it again as quickly as I can. Then i'll share it
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:03

function bouncer(arr) {
  // Don't show a false ID to this bouncer.
  var a = [];
  for (var i=0; i<arr.length; i++) {
    if (arr[i] != false) {
      a.push(arr[i]);
    }
    else {
      a.push(Boolean(arr[i]));
    }
  }
  function falsy(val) {
    return val != false;
  }
  return a.filter(falsy);
}

bouncer([1, null, NaN, 2, undefined]);
This outputs [1, null, null, 2, null]
Should I just add a function to filter out the null values?
Markus Kiili
@Masd925
Dec 11 2017 10:07
@Quantomistro3178 It actually returns [ 1, null, NaN, 2, undefined ]. FCC has a console bug for showing those all as null.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:08
@Masd925 So.... null, NaN and undefined != false?
Markus Kiili
@Masd925
Dec 11 2017 10:09
@Quantomistro3178 A simple way to test a value for truthiness is if(x).
And for falsiness if(!x)
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:11
@Masd925 The problem in my code is the
if (arr[i] != false) { line, I think
Brijrajsinh Gohil
@brijrajgohil
Dec 11 2017 10:11
function palindrome(a) {
    if(a.length == 1) return true;
    else {
        return a[0] === a[a.length - 1] ? palindrome(a.substring(1)) : false;
    }
}
console.log(palindrome("mam"));
Markus Kiili
@Masd925
Dec 11 2017 10:11
@Quantomistro3178 Yes.
Brijrajsinh Gohil
@brijrajgohil
Dec 11 2017 10:11
Why wont this work for palindromes?
Markus Kiili
@Masd925
Dec 11 2017 10:11
@brijrajgohil The substring operation needs to remove first and last characters.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:11
@Masd925 can I use arr[i] === true? Would that work instead?
Markus Kiili
@Masd925
Dec 11 2017 10:12
@Quantomistro3178 No, that is not a test for truthy value either.
Brijrajsinh Gohil
@brijrajgohil
Dec 11 2017 10:12
@Masd925 Let me check! Thanks!
CamperBot
@camperbot
Dec 11 2017 10:12
brijrajgohil sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4601 | @masd925 |http://www.freecodecamp.org/masd925
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:12
so it would be if(arr[i])?
Markus Kiili
@Masd925
Dec 11 2017 10:12
@brijrajgohil Also consider strings of length 0 palindromes on the first line.
@Quantomistro3178 Yes.
Brijrajsinh Gohil
@brijrajgohil
Dec 11 2017 10:13
function palindrome(a) {
    if(a.length === 1) return true;
    else {
        return a[0] === a[a.length - 1] ? palindrome(a.substr(1, a.length - 2)) : false;
    }
}
This works! @Masd925 Thanks for the help.
CamperBot
@camperbot
Dec 11 2017 10:13
brijrajgohil sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
api offline
Markus Kiili
@Masd925
Dec 11 2017 10:14
@brijrajgohil :+1:
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:14
@Masd925 But why would that be correct? Could you explain a little, please?
Markus Kiili
@Masd925
Dec 11 2017 10:14
@Quantomistro3178 The if clause coerces the argument into type Boolean before testing if it is true or not. Therefore it actually test for a truthy value.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:15
@Masd925 ohhhhh, thanks mate!
CamperBot
@camperbot
Dec 11 2017 10:15
quantomistro3178 sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4602 | @masd925 |http://www.freecodecamp.org/masd925
Markus Kiili
@Masd925
Dec 11 2017 10:16
Another way would be if(Boolean(arr[i])===true){...} but that would be somewhat redundant.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:17
@Masd925 I see.
@Masd925 This one converts it to boolean first and then checks if its true or not? So this is what if(x) does?
Markus Kiili
@Masd925
Dec 11 2017 10:18
@Quantomistro3178 It does the same. If just coerces under the hood automatically.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:23
What the heck, the solution on the forum was just one line long!
Markus Kiili
@Masd925
Dec 11 2017 10:24
@Quantomistro3178 Yes, there are many simple ones with filter method.
Because it also has automatic coercion to type Boolean built-in.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:25
.....i'm useless when it comes to JS
Markus Kiili
@Masd925
Dec 11 2017 10:26
@Quantomistro3178 Just practice, practice. It is not that hard but JS certainly has a lot of stuff to learn.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:27
Is Python easier?
Markus Kiili
@Masd925
Dec 11 2017 10:27
@Quantomistro3178 The basic syntax and features is a lot faster to learn, yes.
There is just so much more content when you include DOM manipulation and AJAX etc.
Brijrajsinh Gohil
@brijrajgohil
Dec 11 2017 10:30
function titleCase(str) {
    var arr = str.split(" ");
    for(var i = 0; i < arr.length; i++) {
        arr[i][0] = arr[i][0].toUpperCase();
        for(var j = 1; j < arr[i].length; j++) {
            arr[i][j] = arr[i][j].toLowerCase();
        }
    }
    str = arr.join(" ");
    console.log(str);
}

titleCase("HEEELo wOrLD this IS Me");
Markus Kiili
@Masd925
Dec 11 2017 10:31
@brijrajgohil Strings are immutable, so there is no way to change a string character.
Make a new titlecased word from the original and assign it back to the array of words.
Brijrajsinh Gohil
@brijrajgohil
Dec 11 2017 10:31
Should I create new string?
Markus Kiili
@Masd925
Dec 11 2017 10:31
Use string operations for that.
Brijrajsinh Gohil
@brijrajgohil
Dec 11 2017 10:32
Let me try.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 10:34
what does ? do in JS?
Brijrajsinh Gohil
@brijrajgohil
Dec 11 2017 10:36
@Quantomistro3178 It can be used as a ternary operator.
condition ? true : false
Markus Kiili
@Masd925
Dec 11 2017 10:36
@Quantomistro3178 It is a conditional (ternary) operator. Similar to if/else. It evaluates the first operand and returns the second or third depending if the first was truthy/falsy.
@Quantomistro3178 The benefit is that it is an expression, so you can use it instead of a value somewhere. Usually though it just obscures code.
Brijrajsinh Gohil
@brijrajgohil
Dec 11 2017 10:39
@Masd925 This works
function titleCase(str) {
    var arr = str.split(" ");
    for(var i = 0; i < arr.length; i++) {
        var titleTemp =  arr[i][0].toUpperCase();
        for(var j = 1; j < arr[i].length; j++) {
            titleTemp += arr[i][j].toLowerCase();
        }
        arr[i] = titleTemp;
    }
    str = arr.join(" ");
    console.log(str);
}

titleCase("HEEELo wOrLD this IS Me");
Markus Kiili
@Masd925
Dec 11 2017 10:41
@brijrajgohil It would be somewhat simpler with string operations:
function titleCase(str) {
  var words = str.split(" ");
  for (var i=0; i<words.length; i++) {
    words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1).toLowerCase();
  }
  return words.join(" ");
}
primuscovenant
@primuscovenant
Dec 11 2017 10:51
@heroiczero tx
CamperBot
@camperbot
Dec 11 2017 10:51
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2102 | @heroiczero |http://www.freecodecamp.org/heroiczero
Quantomistro3178
@Quantomistro3178
Dec 11 2017 11:03
How do I convert arguments into an arraY?
Markus Kiili
@Masd925
Dec 11 2017 11:04
@Quantomistro3178 ES5 way is to use var args = Array.prototype.slice.call(arguments);
Stephen James
@sjames1958gm
Dec 11 2017 11:04
@Quantomistro3178
Other ways
var args = Array.from(arguments);
var args = [...arguments];
Quantomistro3178
@Quantomistro3178
Dec 11 2017 11:05
k. thanks @Masd925
thanks @sjames1958gm
CamperBot
@camperbot
Dec 11 2017 11:05
api offline
quantomistro3178 sends brownie points to @masd925 and @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8765 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
Quantomistro3178
@Quantomistro3178
Dec 11 2017 11:07
Can I place a function inside a for loop?
Markus Kiili
@Masd925
Dec 11 2017 11:09
@Quantomistro3178 You can use functions inside a loop, but placing function declarations inside control structures is forbidden by the language standard (code runs but can cause unspecified results).
Anonymous functions (function expressions) are not function declarations, so those you can use inside loops.
Joshua Frias
@Juke-Magic
Dec 11 2017 11:13
can someone tell me why this doesnt work?

function global() {

function search() {
var Vsearch = $("#variable").val();
var FinalURL = url + Vsearch;
console.log(FinalURL);
loadJSON(FinalURL, gotData, 'jsonp');
};
function gotData(data) {
console.log(data);
}
}

$(".btn").on("click", function(){
global();
});

Stephen James
@sjames1958gm
Dec 11 2017 11:14
@Juke-Magic I don't see where search function is called. Hard to tell because chat hides indentation.
https://forum.freecodecamp.com/t/markdown-code-formatting/18391
Quantomistro3178
@Quantomistro3178
Dec 11 2017 12:42
Array.prototype.filter() only takes functions, right? I wanna run it inside a loop, but I cant declare a function inside a loop, so what do I do? I dont understand
Markus Kiili
@Masd925
Dec 11 2017 12:44
@Quantomistro3178 Usually you pass an anonymous function into filter. That is fine.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 12:44
sorry, 'anonymous function'?
Markus Kiili
@Masd925
Dec 11 2017 12:45
@Quantomistro3178 arr.filter(function(){...}); <- that function expression (anonymous function) creates a function object and passes it into the filter method as an argument.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 12:46
ohhhhhhh
@Masd925 thanks
CamperBot
@camperbot
Dec 11 2017 12:46
quantomistro3178 sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4603 | @masd925 |http://www.freecodecamp.org/masd925
Markus Kiili
@Masd925
Dec 11 2017 12:46
Another way is to declare the passed function function myFunction (){...} and pass it arr.filter(myFunction);
Quantomistro3178
@Quantomistro3178
Dec 11 2017 12:49
@Masd925 Yeah, but the function needs to be in the loop
Markus Kiili
@Masd925
Dec 11 2017 12:50
@Quantomistro3178 You can put the loop inside filter callback most likely.
It is better than having the filter inside the loop.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 12:51
how? like, could you give me an example?
Markus Kiili
@Masd925
Dec 11 2017 12:53
@Quantomistro3178 Better if you post the problem you are trying to solve and the code you have done.
Quantomistro3178
@Quantomistro3178
Dec 11 2017 12:54
I erased it, im taking a different approach.
Ack, its not working. I'm taking a break. Will come back to it later.
But thanks for all your help!
Jefferson
@jeffersonnnn
Dec 11 2017 14:19
Hi guys, i have a non-FCC specific question. If one is working through a video based course, what is the best way to go about it? Code along as the tutor is teaching or just watch? Seeing as in most cases, the tutor isn't necessarily building something i am interested(?) in, it is the principles at play i am interested in.
Marc
@MWBauer
Dec 11 2017 14:34
I would probably type/write notes about the expressions, variables, methods, etc. that do interest you
Tom
@moT01
Dec 11 2017 14:34
depends how you like to learn @jeffersonnnn
if there's something i can code along with - i would
Marc
@MWBauer
Dec 11 2017 14:40
Can someone help me break down the raw data from the weather report so that I can display it?
dinesh
@1532j0004kg
Dec 11 2017 14:42
post ur code
@MWBauer
Marc
@MWBauer
Dec 11 2017 14:43
lol That's humiliating....
dinesh
@1532j0004kg
Dec 11 2017 14:44
Marc
@MWBauer
Dec 11 2017 14:45
You've re-worked the code.
I wish i could follow along better and understand. I want to be able to read it like I would a book.
dinesh
@1532j0004kg
Dec 11 2017 14:46
what u want acturally?
Marc
@MWBauer
Dec 11 2017 14:47
I should del all of my JS and put this in?
dinesh
@1532j0004kg
Dec 11 2017 14:47
ur wish
but that not helps u to learn more!
Marc
@MWBauer
Dec 11 2017 14:48
Just making sure that what you coded isn't added to , but replacing what I have.
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 14:52
good morning code friends
Marc
@MWBauer
Dec 11 2017 14:56
Hello Rogues.
Why does this keep saying Unexpected end of input?
Stephen James
@sjames1958gm
Dec 11 2017 14:57
@MWBauer Likely you are missing a closing } or ) or some such.
If you are in codepen then use the tidy js feature to keep your javascript indented correctly so you can see where the problem might be
Marc
@MWBauer
Dec 11 2017 14:57
Thanks for the thought.
How's the Stephen today?
@1532j0004kg The weather pic will be icon for the background, yes?
creator0323
@Amasian
Dec 11 2017 15:01
For a beginer, When is the best timing to learn frame-work such as Bootstrap, Vue.JS and Angular.JS?
Stephen James
@sjames1958gm
Dec 11 2017 15:02
@MWBauer Good, getting started on a Monday
Marc
@MWBauer
Dec 11 2017 15:03
I woke up around 4 or 430 and couldn't get back to sleep. God knows I tried. So now I'm finally doing laundry and trying to get my sinuses to settle down while I give myself a headache trying to work on this stupid weather app....still.
@1532j0004kg My background is gone.
A-J Roos
@Asjas
Dec 11 2017 15:07
@Amasian When you understand closures, promises, callbacks, async, await. All features in Vue.js, React.js. The thing is to really understand JavaScript and not worrying about using frameworks until you are really confident in writing good javascript
alt-click
didn't work
A-J Roos
@Asjas
Dec 11 2017 15:08
@MWBauer You don't set the icon as a background. Create a img html tag and set the icon to it
works
creator0323
@Amasian
Dec 11 2017 15:09
@Asjas Thank you. I think it will happen after long period of time lol
CamperBot
@camperbot
Dec 11 2017 15:09
amasian sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 316 | @asjas |http://www.freecodecamp.org/asjas
dinesh
@1532j0004kg
Dec 11 2017 15:09
@MWBauer make sure ur html id's match the id's that u specified in js!!!
Marc
@MWBauer
Dec 11 2017 15:09
Like... $("body").css("background-image", `url("${URL}")`); ?
A-J Roos
@Asjas
Dec 11 2017 15:10
@Amasian You me too. I've started with eloquent js and YDNJS books and working on learning ES6, ES7 and ES8 features. Once I feel confident I'm moving into React.js
@MWBauer You are aware the icon you are getting is like 50px large or something? How are you going to set that as the body for the whole document?
dinesh
@1532j0004kg
Dec 11 2017 15:11
like if u gave <h1 id="1"></h1> u must use the $("#1") to acces the h1.
if u gave $("#2") it will not make sense!
@MWBauer
Marc
@MWBauer
Dec 11 2017 15:14
I'm walking thru it slowly
dinesh
@1532j0004kg
Dec 11 2017 15:15
did u get it wat i am explaining @MWBauer
Marc
@MWBauer
Dec 11 2017 15:16
and working on laundry
A-J Roos
@Asjas
Dec 11 2017 15:16
@MWBauer :point_up: December 11, 2017 5:08 PM read that again
You don't set the icon to the body but to an img tag
@MWBauer what is a <h7> element? That you are using
A-J Roos
@Asjas
Dec 11 2017 15:22
There exists 6 headings in html. not more than 6.

Also

<h8 id="place"></h2>
<h3 class="weather"></h3>
<h6 id="celsius"></h4>

headings should match on opening and closing elements. If you open a h2 you close it with h2. There also never existed a h8 heading

dinesh
@1532j0004kg
Dec 11 2017 15:25
@Asjas what are u working on?
are u working on js
i asking u personally
A-J Roos
@Asjas
Dec 11 2017 15:26
Oh. Yeah I mean I'm learning a lot of javascript lately. I need to do a lot of more work before I can move to using react.js
dinesh
@1532j0004kg
Dec 11 2017 15:26
do u know the node?
or express
A-J Roos
@Asjas
Dec 11 2017 15:26
Nope. I haven't started with backend development
dinesh
@1532j0004kg
Dec 11 2017 15:27
ok react is a frontend?
A-J Roos
@Asjas
Dec 11 2017 15:27
Yes.
dinesh
@1532j0004kg
Dec 11 2017 15:27
great
which is ur best project
A-J Roos
@Asjas
Dec 11 2017 15:28
Currently my personal webpage. Which is a remake I'm still busy with.
dinesh
@1532j0004kg
Dec 11 2017 15:28
nice ca u able to share?
dinesh
@1532j0004kg
Dec 11 2017 15:29
how do u host it?
A-J Roos
@Asjas
Dec 11 2017 15:30
I use netlify.com for all my hosting
dinesh
@1532j0004kg
Dec 11 2017 15:30
is it free
A-J Roos
@Asjas
Dec 11 2017 15:30
Yes it is. Very close to github pages but allows for a lot more customization
dinesh
@1532j0004kg
Dec 11 2017 15:30
great!!!!
@Asjas what is the speaciallity in react
A-J Roos
@Asjas
Dec 11 2017 15:34
It's used for user interfaces
dinesh
@1532j0004kg
Dec 11 2017 15:36
o
k
a
y
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 15:39
mmm sorry heys..whats everyone up to this morning?
Mark
@vinarius
Dec 11 2017 15:41
hey all, thinking about getting back into fcc
how is everyone
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 15:42
heys and good morning @vinarius im decent this morning
learning to code is something everyone should be doing. unless youre retired..then just enjoy that.
1rjun
@1rjun
Dec 11 2017 15:44
hey i am making a random quote machine,but i dont want to use jquery ,i just want to write the code in pure javascript,but how code i jsonify the json data???
A-J Roos
@Asjas
Dec 11 2017 15:44
var myJSON = JSON.stringify(obj);
1rjun
@1rjun
Dec 11 2017 15:45
thanx again bro ???should it be possible to use api without using jquery
i just want to write code in javascript
A-J Roos
@Asjas
Dec 11 2017 15:45
You can use any api without jquery?
An api isn't limited to a library
Mark
@vinarius
Dec 11 2017 15:45
you can do anything w/o jquery
its a library designed to make our lives easier
1rjun
@1rjun
Dec 11 2017 15:45
than @vinarius and @Asjas
but i dont want to code easy :D
i want to write everything in js
A-J Roos
@Asjas
Dec 11 2017 15:46
Okay
1rjun
@1rjun
Dec 11 2017 15:46
so that i can strong it
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 15:47
the idea in the random quote generator is to use an api but I've noticed many people decided to skip using an api and just write random quotes into their code to be pulled when quotes are needed.
Mark
@vinarius
Dec 11 2017 15:47
anyone know the difference between .substring() and .slice()
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 15:48
The substring() method extracts parts of a string and returns the extracted parts in a new string. so, you can say that there's a difference between slice() and substr() , while substring() is basically a copy of slice() . if you know the length of characters to be extracted use substr() .
Sweet Coding :)
@SweetCodingInc
Dec 11 2017 15:48
substring only works on strings... slice works on arrays as well as on strings @vinarius
Marc
@MWBauer
Dec 11 2017 15:49
@sjames1958gm still here?
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 15:50
what @SweetCodingInc said. :)\
thanks @SweetCodingInc :+1:
CamperBot
@camperbot
Dec 11 2017 15:50
:cookie: 170 | @sweetcodinginc |http://www.freecodecamp.org/sweetcodinginc
rogue00 sends brownie points to @sweetcodinginc :sparkles: :thumbsup: :sparkles:
Sweet Coding :)
@SweetCodingInc
Dec 11 2017 15:50
@Rogue00 :+1:
Stephen James
@sjames1958gm
Dec 11 2017 15:50
@MWBauer yes
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 15:51
heys @1rjun I feel the same way about learning js and am avoiding jquery as well
Marc
@MWBauer
Dec 11 2017 15:51
$("body").css("background-image", url("${URL}")); would this make the background change by way of the url?
Sweet Coding :)
@SweetCodingInc
Dec 11 2017 15:52
@MWBauer replace those double quotes with backticks and it should work
nvm...
you're right.. they got formatted away
Stephen James
@sjames1958gm
Dec 11 2017 15:52
@MWBauer You need ` not " to make it a template string and URL would need to be a variable with the url
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 15:53
I'm working on tic tac toe but having some issues getting everything to work as planned
Sweet Coding :)
@SweetCodingInc
Dec 11 2017 15:53
@sjames1958gm The backticks are there.. he didn't escape them.. See the marked down part :D
Marc
@MWBauer
Dec 11 2017 15:53
I don't remember the " being in there. I thought I had `
lol see?!
Stephen James
@sjames1958gm
Dec 11 2017 15:54
@SweetCodingInc Ah, I see
A-J Roos
@Asjas
Dec 11 2017 15:54
@MWBauer You still have quite a few h7 in your code. Why are you using that?
Marc
@MWBauer
Dec 11 2017 15:54
That's what someone had written. I copied it and I'm trying to fix it
I hate this app
Unexpected identifier
Stephen James
@sjames1958gm
Dec 11 2017 15:56
This is what I used
$("html").css("background-image", `url(${URL})`);
A-J Roos
@Asjas
Dec 11 2017 15:56
You are placing " in the wrong place. @MWBauer
Marc
@MWBauer
Dec 11 2017 15:57
again...it's not my code.
A-J Roos
@Asjas
Dec 11 2017 15:57
I'd suggest cleaning up the code then and then trying to get it to work.
Marc
@MWBauer
Dec 11 2017 15:58
that's what I'm working on. And ya'll are doing a great job.
Stephen James
@sjames1958gm
Dec 11 2017 15:58
@MWBauer You will need to have a url string in the variable URL for this to work.
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:01
so...what are you trying to do here? change the background image in css?
Marc
@MWBauer
Dec 11 2017 16:04
@sjames1958gm are you talking about the url for the pics?
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:08
you could just change the background image with javascript using the style property.
Marc
@MWBauer
Dec 11 2017 16:09
@Rogue00 Yes. Get lat and long, report to weather site to get weather for area, then use the report to select a specific background
Stephen James
@sjames1958gm
Dec 11 2017 16:10
@MWBauer For the background pics yes
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:10
oh..this is for the weather app? interesting
If you want to follow along
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:10
youre trying to change the image icons rather than the background image? or am I mistaken?
Marc
@MWBauer
Dec 11 2017 16:10
@sjames1958gm the images are in there
not image icons, background. It's supposed to change according to the weather you're having.
They made a var c then a function with var c.
Stephen James
@sjames1958gm
Dec 11 2017 16:11
@MWBauer But you need, in the displayWeather function - select an image and then use that code
var URL = // select image
$("html").css("background-image", `url(${URL})`);
Marc
@MWBauer
Dec 11 2017 16:11
Was there a reason for this? IT's the same code.
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:13
i see..so you want to change the apps background image with different weather appterns
patterns*
not sure where that words spelling went arrye lol
Zach Berwaldt
@zberwaldt
Dec 11 2017 16:14
Hello Everyone, I've hit a wall with my pomodoro project. I would really appreciate it if anyone could look through my code and let me know where I'm messing up and where I can tighten things up or whatever. I'm using React for this. https://codepen.io/spiredarc/pen/wPgwYR
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:16
I banged my head on the wall for a few weeks on this project....but I wrote it in vanilla js.....react is going to be a little over my head.
A-J Roos
@Asjas
Dec 11 2017 16:16
I wouldn't suggest using capital URL as variables in your code as it's a built-in javascript constructor mdn @MWBauer
AbrisM
@AbrisM
Dec 11 2017 16:19
Hi, does anyone know how to place a custom cursor on a webpage?
A-J Roos
@Asjas
Dec 11 2017 16:20
This code $("html").css("background-image",url(${URL})); would fail .
If you console.log(URL) you get a response ƒ URL() { [native code] }
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:20
I'm not sure this will work....setting the background image in css to url..... I think you should set the background to an initial image and then manipulate it via the style property as needed.
Marc
@MWBauer
Dec 11 2017 16:21
Rogues, it was working until someone re-wrote it. Now i can't get it to work.
A-J Roos
@Asjas
Dec 11 2017 16:21
@Rogue00 You don't need a initial background. You can set a initial background in JS. you only need to specify a correct url
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:21
I see
A-J Roos
@Asjas
Dec 11 2017 16:22
But setting the url to capital URL will fail every single time. That is not correct at all
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:22
no..that wont work
i noticed that the css property for background image is set to url
body {
background-image: url;
background-size: cover;
z-index: 0;
}
A-J Roos
@Asjas
Dec 11 2017 16:22
.....
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:23
should that be blank or null...or youre saying that url there is ok?
A-J Roos
@Asjas
Dec 11 2017 16:23
No. That is definitely wrong. I didn't even notice the css is wrong. I noticed that same problem in javascript
Lol
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:23
ahh..i see
I went to the css to see what the initial property was set to
not sure url is a working setting lol
A-J Roos
@Asjas
Dec 11 2017 16:24
Yeah URL is a javascript constructor. Not something css would recognize AFAIK
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:25
most of the constructors should be pretty obvious
makes perfect sense
I'm not familiar with the URL as a javascript constructor. I'll need to look closer at that. I was thinking just to change the background image with the style property. something like document.getElementById("html id").style.backgroundImage = "image url";
if you could create a trigger...and a function to call the switch...
like a boolean value.. if(rain === true) {
then reset the background image property
alpox
@alpox
Dec 11 2017 16:28
@Rogue00 @Asjas
url is valid in css, but not as this.
You can write this instead:
body {
    background-image: url("https://somedomain.com/someimage.jpg")
}
This is valid css
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:29
I'm not looking at your code so dont know if that will work.
yes..thats what I meant
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:29
thank you @alpox
CamperBot
@camperbot
Dec 11 2017 16:29
rogue00 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1497 | @alpox |http://www.freecodecamp.org/alpox
alpox
@alpox
Dec 11 2017 16:30
@Rogue00 What @Asjas was referring to was URL though, sorry for my confusion. :-) Thats another thing
In the example, this only stands for a variable holding some url as a string
Marc
@MWBauer
Dec 11 2017 16:31
@alpox I have a list of images, how would I link the background-image:url to the images
?
A-J Roos
@Asjas
Dec 11 2017 16:31
Yes I know how url works. URL isn't the same though
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:31
I understand
although im not familiar with its usage in js
alpox
@alpox
Dec 11 2017 16:32
@MWBauer Are you talking about images as a list of <img> elements, or a list of links to images?
Marc
@MWBauer
Dec 11 2017 16:32
links to images
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:32
you could create the image links as variables in javascript...then call them as necessary
alpox
@alpox
Dec 11 2017 16:32

@MWBauer Then, you can use the method which @sjames1958gm proposed:

var yourLink = // select image
$("html").css("background-image", `url(${yourLink})`);

(Changed the variable name because of the confusion)

I see you already have it in your code. Whats the reason for the question?
Marc
@MWBauer
Dec 11 2017 16:34
the question remains because it isn't working.
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:34
what errors are reading in your console?
alpox
@alpox
Dec 11 2017 16:34
Ok i'll look closer
Marc
@MWBauer
Dec 11 2017 16:35
var url = $("html").css("background-image", url(${url})
there's not even an error...but I'm not linked somewhere
background-image should be url, right?
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:35
its not loading for me now
Stephen James
@sjames1958gm
Dec 11 2017 16:36
@MWBauer set the variable url to the image url string then on the next line set the css in the element
alpox
@alpox
Dec 11 2017 16:36
@MWBauer 1. question: where do you want to show the images? 2. I see you have an object with images. You don't access them anywhere though. You access some object in the weatherdata. Did you want to get the icon out of it?
Marc
@MWBauer
Dec 11 2017 16:36
There shouldn't be any icon.
I'm clueless as to what some of this code is for.
The var c was done once, then the same way inside a function.
Why?
What was the reason for the string.fromcharcode(176)?
there's a .c and a .f What's the point of these?
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:38
variables that are declared inside of functions are local to that function only. That means once the program moves outside of that function the variable is no longer relevant
Marc
@MWBauer
Dec 11 2017 16:39
I knew that
Are you saying that var c is being used 2 different times?
alpox
@alpox
Dec 11 2017 16:39
@MWBauer I believe you were looking for:
var url = images[result.weather[0].main.toLowerCase()];
$("body").css("background-image", `url("${url}")`);
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:40
its possible..if its being used locally inside of multiple functions but is not declared globally
alpox
@alpox
Dec 11 2017 16:41
@MWBauer The name to for the weather is stored in .main of the object you were accessing before. Also, the actual link you wanted to refer to, was stored in images so you have to get it out through the .main key (In lowercase because it comes as "Rain" as example)
Marc
@MWBauer
Dec 11 2017 16:41
    $("#celsius").html(
                        "<h4>Celsius : " +
                            celsius +
                            " " +
                            String.fromCharCode(176) +
                            "c" +
                            "<i class='fa fa-celsius'></i>" +
                            "</h4>"
                    );
                    $(".c").click(function() {
                        var celsius = result.main.temp;
                        $("#celsius").html(
                            "<h4>Celsius : " +
                                celsius +
                                " " +
                                String.fromCharCode(176) +
                                "c" +
                                "<i class='fa fa-celsius'></i>" +
                                "</h4>"
                        );
                    });
lol
Glory be!
thanks @alpox
CamperBot
@camperbot
Dec 11 2017 16:44
mwbauer sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1498 | @alpox |http://www.freecodecamp.org/alpox
alpox
@alpox
Dec 11 2017 16:44
@MWBauer np
Marc
@MWBauer
Dec 11 2017 16:44
thanks @sjames1958gm
CamperBot
@camperbot
Dec 11 2017 16:44
mwbauer sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8767 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
Marc
@MWBauer
Dec 11 2017 16:45
thanks @Rogue00
CamperBot
@camperbot
Dec 11 2017 16:45
mwbauer sends brownie points to @rogue00 :sparkles: :thumbsup: :sparkles:
:cookie: 440 | @rogue00 |http://www.freecodecamp.org/rogue00
Stephen James
@sjames1958gm
Dec 11 2017 16:45
@MWBauer :+1:
Marc
@MWBauer
Dec 11 2017 16:45
That was obscene.
I really appreciate ya'll
Ghost
@ghost~56bd2077e610378809c105cd
Dec 11 2017 16:45
it happens like that
Marc
@MWBauer
Dec 11 2017 16:45
I have some final touches to put on here.
sort of like it takes a village to raise a kid....
I feel like it shouldn't have taken an hour to sort out what was already working.
Now I need to move the toggle button down.
Marc
@MWBauer
Dec 11 2017 16:53
Ok. I'm off for now. Need to study and work on my car a minute;
Thank you all again for your help.
Mark Kubik
@KUBIX90
Dec 11 2017 18:35

Hi,

Has anyone used this? I’m trying to use it, but can’t get it to work, look through the GitHub account and its not helpful. I don’t see what I’m doing wrong here, really doing my head in.

By "this", i mean the ionicons CDN that I have linked in the HTML, I can't get it to work at all, the supporting docs are not helpful
Kaz Baig
@kbaig
Dec 11 2017 18:39
@KUBIX90 Did you trying adding your resources through the pen's settings rather than in the html?
Mark Kubik
@KUBIX90
Dec 11 2017 18:41
@kbaig Just quickly tried it and it didn't work
Kaz Baig
@kbaig
Dec 11 2017 18:43
@KUBIX90 They're meant to be used on i tags, not img tags
Mark Kubik
@KUBIX90
Dec 11 2017 18:46
@kbaig Made the changes, still not working on either the codepen or my own server
Kaz Baig
@kbaig
Dec 11 2017 18:46
hmm I made a small change and it worked but I deleted it
let me try again...
Mark Kubik
@KUBIX90
Dec 11 2017 18:47
@kbaig Thanks, I've probably made a silly error somewhere
CamperBot
@camperbot
Dec 11 2017 18:47
kubix90 sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 480 | @kbaig |http://www.freecodecamp.org/kbaig
Mark Kubik
@KUBIX90
Dec 11 2017 18:48
Really frustrating me haha
Kaz Baig
@kbaig
Dec 11 2017 18:51
@KUBIX90 https://codepen.io/kbaig/pen/goYZge?editors=1000 you changed your cdn from when you originally linked it
Mark Kubik
@KUBIX90
Dec 11 2017 19:08
Thanks but it's just not working when i run it through my text editor
Ken Haduch
@khaduch
Dec 11 2017 19:11
@KUBIX90 - in the codepen that I loaded, if I add rel="stylesheet" for that icons CSS file, I see a couple icons pop up at the top of the output frame...
Mark Kubik
@KUBIX90
Dec 11 2017 19:12
@khaduch Thanks so much, that has done the trick!
CamperBot
@camperbot
Dec 11 2017 19:12
kubix90 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3578 | @khaduch |http://www.freecodecamp.org/khaduch
Ken Haduch
@khaduch
Dec 11 2017 19:16
@KUBIX90 - you're welcome. Although for proper use of CodePen, none of that stuff in the <head> section should be in the HTML panel - that is for the <body> content alone. (Minus any scripts, which should be linked as external references in the Javascript configuration, or as explicit code in the JS panel.) But it works, at least in a fashion, because web browsers are tolerant of errors in the HTML page - on CodePen, this results in multiple <head> and <body> sections - if you look at the frame source for the output panel, you'll see what is output there. Sometimes it causes erroneous or unexpected behavior. Just figured I would mention it - cheers!
Mark Kubik
@KUBIX90
Dec 11 2017 19:18
@khaduch Thanks for the heads up, will keep it in mind when using it in the future
CamperBot
@camperbot
Dec 11 2017 19:18
kubix90 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
api offline
Yingjie (Iris) Hu
@huyingjie
Dec 11 2017 22:10
I am interested to make an aggregate site like this: https://github.com/rushter/data-science-blogs
After learning Javascript, can I make one?
Will I gather enought skill to make an aggregate website after learning Intermediate Front End Development?
Darren
@DarrenfJ
Dec 11 2017 22:14
@huyingjie looks like they were using python, so I suspect you might need something more than just Front End skills.. although the front end material gives you an introduction to using api's and 'sharing' info via JSON...
Kaz Baig
@kbaig
Dec 11 2017 22:15
@huyingjie Front End Development is basically for designing/implementing user interfaces, not a focus on working with/manipulating data
Yingjie (Iris) Hu
@huyingjie
Dec 11 2017 22:15
@DarrenfJ @kbaig Thank you
CamperBot
@camperbot
Dec 11 2017 22:15
huyingjie sends brownie points to @darrenfj and @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 481 | @kbaig |http://www.freecodecamp.org/kbaig
:star2: 2308 | @darrenfj |http://www.freecodecamp.org/darrenfj
Darren
@DarrenfJ
Dec 11 2017 22:15
@huyingjie But I suspect the more you look into it the more you will feel you need to know more than the basics
Yingjie (Iris) Hu
@huyingjie
Dec 11 2017 22:16
It seems codes in https://github.com/rushter/data-science-blogs do not sufficient create the website
Darren
@DarrenfJ
Dec 11 2017 22:24
thanks @huyingjie for the link.. it has me intrigued.. will delve into it more
CamperBot
@camperbot
Dec 11 2017 22:24
darrenfj sends brownie points to @huyingjie :sparkles: :thumbsup: :sparkles:
:cookie: 177 | @huyingjie |http://www.freecodecamp.org/huyingjie
Yingjie (Iris) Hu
@huyingjie
Dec 11 2017 22:24
@DarrenfJ I am happy that you like it. I am still searching online to find a way to run the codes in the GitHub repo
Ian Trent
@imtrent
Dec 11 2017 23:11
How do I remove the white space at the top of a div?
Kevin Kindorf
@kkindorf
Dec 11 2017 23:12
@imtrent it depends on what the html and css look like for your project..
do you have some code for us to look at?
Ian Trent
@imtrent
Dec 11 2017 23:12
Yea
AbrisM
@AbrisM
Dec 11 2017 23:44
Hi all! :)
Does anyone know how to safely expand an output box so that a full sentence can be seen without breaking the code?
to expand the input type box?
AbrisM
@AbrisM
Dec 11 2017 23:51
https://codepen.io/anon/pen/MrgNjd i'm referring to the last output box on this page here :)
It's too small right now to fit the amount of text needed for a sentence haha, so I want to expand the height or width so it can be seen better
Joe
@fendermaniac
Dec 11 2017 23:53
@khaduch Thank you very much. That did it! I tried moving this block of code in earlier, but I forgot part of it.
CamperBot
@camperbot
Dec 11 2017 23:53
fendermaniac sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3580 | @khaduch |http://www.freecodecamp.org/khaduch