@tiberiuion "majority of modern browsers attempts to detect the Content-Type of a request by sniffing its content. Which means a file ending in .txt can be executed as a javascript file if it contains javascript code."
When will i be ready to learn a javascript framework?
@volkranium How far are you along learning the front end now?
@volkranium at least after you have the front end cert
Hello Guys i had quick question in Angular 4, in a single page, when clicked on button i need to scroll to particular component or particular div element. I am not understanding how this hostlistener would help me. Or is there any way to achieve this ? Need your help guys !!
@chiyc Im already comfortable with basic JS concepts
https://pastebin.com/KPTwx0Ee how can i create a new object inside employees array ????
with employeesName and isAvailable
@volkranium - what are those elements referring to? input elements, checkboxes, etc.? What you have to do is read the value of the element, then just do something like
$employees.push({employeeName: name, isAvailable: avail}). That's going on the assumption that you read those values into a variable name, and avail.
Hello, does anyone know what ctx stands for in Javascript?
@AbrisM I would imagine that it means context, and has nothing to do with javascript itself, but frameworks/libraries might use it
@sjames1958gm I think you are right. I am trying to do a particle/confetti fall animation without the use of frameworks or libraries
@AbrisM Then ctx is probably the animation context.
Ah, probably something like this:
where you are getting the drawing context.
var ctx = document.getElementById('canvas').getContext('2d');where you are getting the drawing context.
Hmm I will try it. Most of the examples I see contain jquery or some other framework/library which we cannot use
I wonder why so many developers use these
@volkranium from what I heard, don't worry about frameworks unless you're in a hurry to get a job
just keep learning more about javascript (design patterns)
once you understand that, moving to a framework is very easy since all of them are based on those patterns
just keep learning more about javascript (design patterns)
once you understand that, moving to a framework is very easy since all of them are based on those patterns
I'd recommend the series Javascript Design Patterns from Udacity
Hello
I am currently doing the tribute webpage challenge, and I've hit a wall centering my unordered list. Here's the link https://codepen.io/jfelix61/full/RjdwdX
@Jfelix61 try in css:
list-style-position: inside; and then align the entire list as a block
it certainly aligned closer to the center, however it went farther right from the center
perhaps center the text
@Jfelix61 so your css for that class should be like:
.dates-list{
list-style-position: inside;
margin: 0 auto;
width: 100%;
text-align: center;
font-size: 18px;
font-family: Monospace, serif;
}
Thanks @BrianCodes33 @sorinr through both of your codes I found a solution
jfelix61 sends brownie points to @briancodes33 and @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 36 | @briancodes33 |http://www.freecodecamp.org/briancodes33
:star2: 1372 | @sorinr |http://www.freecodecamp.org/sorinr
I think what you're trying to do doesn't need bootstrap, which you're trying to use. I'm assuming that you want to center the list under the picture, yes? So you don't need the code: class="col-md-12" You just need to give it a different class name. Something like date-box or something. If you do that, then you code your css with date-box{margin-right: auto; margin-left: auto; } and that should work to center your list.
I might not have been clear. So, instead of class="col-md-12" you make it something like class="list-box" You can name it whatever makes sense to you. I named it that off the top of my head. Then, within the css, you style the left and right margins of "list-box" to auto. I think that should work.
Already fixed it
check my last link
@Jfelix61 not quite. if you want to still use bootstrap, i would change
<div class="col-md-6 col-md-offset-3"> into <div class="col-xs-12">
@Jfelix61 this way you will not have any screen width breakpoints
@sorinr Ok! updated it
Btw, what is the difference between md and xs?
@Jfelix61 best way to learn is trying to understand the docs
hello guys
https://codepen.io/Alex_OR/full/QgwaYd/ This is my first assignment, and i was hoping to get some feed back
I like that you did something original in terms of formatting and layout. I like the background as well. I think I would like it if you made the background behind the text a little more opaque. I love how you fade the gray behind the text out at the edges but I find the background is still a little distracting. I'd like it to be a little more opaque just behind the text. But this is entirely subjective. Great job.
I finished mine, it is not as flashy as Oros, but I would like an opinion and in what it could improve. Also it would be highly appreciated if the code would be checked. Here's the link: https://codepen.io/jfelix61/full/RjdwdX/ Thanks in advance!
@Jfelix61 On some small screen widths, the quote on the bottom takes the full screen width. Some space on the sides would look better.
@TheTessaMurphy Thank you :) i will make it more opaque, since the text is more important then the back image
Should I use CSS BEM or stick to the regular naming convention , what is the best practice ?
@mradil16 CSS BEM and SMACCS solves a lot of problems with normal css naming. CSS declarations are global by default which can cause cascading issues where things clash or override each other
It also helps learning either BEM or SMACCS as most companies use one of those naming methods. It helps when you have multiple developers working on a project to use a naming convention so that it stays consistent
really need help with a sidebar fixed nav not fitting to the screen! anyone willing to look at screenshots and help?
@EnticeCS You post your problem with a link to code and someone helps when they have time
thank you
@heroiczero tx
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2091 | @heroiczero |http://www.freecodecamp.org/heroiczero
Hello guy
s*
Can someone help me with a wordpress problem?
hi
@mustimuu You post your problem and someone will help if they can
Can someone help? I'm making simon game, but I'am stuck at the part when a new round starts, where I need to add a new random number to the array with the newRound() function. Can someone view my code and helpp? https://codepen.io/Teo03/pen/yPvbwY
@Teo03 What is the problem specifically ?
@thomlom When I start a new round it does not add another new step to the array I think the problem is in the checkClicks() or checkRound() function
@Teo03 Ok, I'm checking your code
spoted one issue at the moment you need to turn the random into a function to k,eep getting different numbersk, and not always the one that was stored in the varaible
but how to do that so at every new round it repeats the previous numbers and adds another to the function?
you should be pushing the current sequence into an array in you call the function computer its not adding new values to the array its only playing 1 sound that's why the function runs the first time
@Teo03 Also, you're setting
userCount and compCount to 0 in your newRound() function, so that is going to be returning false in checkClicks()
I would start by every time you get the sequence right push a new value into the array(new color) then create a function that's calleda nd palys all the sounds in the array
@tiagocorreiaalmeida @thomlom Ok, thanks a lot for the help I will try to make another function to check every click
teo03 sends brownie points to @tiagocorreiaalmeida and @thomlom :sparkles: :thumbsup: :sparkles:
:cookie: 463 | @tiagocorreiaalmeida |http://www.freecodecamp.org/tiagocorreiaalmeida
:cookie: 503 | @thomlom |http://www.freecodecamp.org/thomlom
@tiagocorreiaalmeida but isn't that what I do with the checkClicks() function?
@Teo03 Be careful when using global variables, because it can be modified everywhere in your code
Ok, should I place the userCount and compCount variables in a function?
to make them local?
your checkClicks fucntion is not being calleda fter the user gets a sequence right
try to place a few console logs around your code to see where its going and start finding the issues
ok, thanks :+1:
Also your
Therefore it can work just for one click but not for a full sequence
user function is not really functional because whenever you're going to click on a tile, your checkClicks function is going to be triggered.Therefore it can work just for one click but not for a full sequence
It's the same for the
computerfunction
Thanks I will change that but I don't know how to make these functions work with the whole sequence?
or should I check every click if its the same as the previous random one?
@Teo03 Well, you can have a variable called
playerIndex that is incremented each time he clicks on a tile while playerIndex is inferior to the length of the sequence generated by the computer.
@Teo03 Then you check in a dedicated function, if the sequence of the user at the playerIndex index is the same as the sequence of the computer. If so, then increment playerIndex, if not set the playerIndex to 0
@thomlom Thanks I didnt thought of that :smile:
teo03 sends brownie points to @thomlom :sparkles: :thumbsup: :sparkles:
api offline
Hello, does anyone know of an IDE that allows uploads on the internet?
Such as, I want to upload an image without having to host?
@Teo03 The algorithm looks like something like this :
userIndex = 0
userSequence = []
computerSequence = []
function computerPlay() {
addANumberToComputerSequence()
displayComputerSequence()
}
recordUserClickOnTile() // Push the correct number into userSequence and triggers checkBothSequences
function checkBothSequences() {
if (userSequence[userIndex] == computerSequence[userIndex]) {
if (userSequence[userIndex].length == computerSequence[userIndex].length) {
computerPlay()
resetUserVariables()
} else {
userIndex += 1 // user is right, he can continue
}
} else {
resetUserVariables() // user is wrong
}
}
@Teo03 I may have forgotten something but I think you get the idea
Bellow the userIndex += 1 should I also add a function to start new round?
@Teo03 No
But if his input is right why it should not start a new round or that should be in another function?
@Teo03 Because, let's imagine the computer sequence is green, yellow, red. You click on green, then you increment the userIndex. What would happen if you start a new round ? well, the user will always click on the green sequence and the computer sequence will continue to grow
@thomlom Instead, what you're doing with this algorithm is that you wait for the user to click on tiles while you can, that is to say while your sequence length is inferior to the computer sequence :)
You say that we don't need to start new round because every time the user inputes it will check the clicks then call the computer to make a move?
Maybe I haven't explained well. Here's an example (we suppose we're at the 3th round)
userIndex = 0
userSequence : empty
// user clicks on green
computer sequence : green, red, yellow
userSequence : green
// userSequence is good so far so increment the userIndex
// user clicks on red
computer sequence : green, red, yellow
userSequence : green, red
// userSequence is good so far so increment the userIndex
// user clicks on yellow
computer sequence : green, red, yellow
userSequence : green, red, yellow
// userSequence is good so far and its length is the same as the computerSequence, we can start the 4th round
@AbrisM What do you mean?
@thomlom Thanks a loooot it finally started to make a sense :smile: :+1:
teo03 sends brownie points to @thomlom :sparkles: :thumbsup: :sparkles:
api offline
@thomlom Looking for an IDE that will allow image uploads. For example I want it to actually show the logo on the website that i'm using
@AbrisM Is there a specific reason why you want it to be an IDE and not a classic free online storage service?
@AbrisM I'm not sure if that's what you want, but I'd say cloud9
An IDE as I am actively working upon the page
cloud9?
Anyone using @RiotJS
?
Hmm that one costs money hahaha
Didn't know Amazon had a website builder
@AbrisM Sorry but I honestly don't understand what you want x)
@thomlom Thats okay, I'm trying to find a web-design IDE that allows direct uploads such as pictures
@AbrisM They only lately took it in. C9 used to be its own company - AWS ate it lately
https://codepen.io/anon/pen/GOevGj This is what I'm currently working on :)
Ahh I see. I have multiple pages so I'm trying to figure out how to display them all in an online IDE
3 in total, actually
@AbrisM People here often use glitch. I suggest to work locally though
@AbrisM Yes you can work locally, that will work
Yes
@AbrisM If you're doing only front-end web development : I suggest you try brackets
@AbrisM https://code.visualstudio.com/
There comes the editor fight:D
glitch is good for one reason, if you ahve your code in a github repo you only have to place the repo url on the gltich andit will up0load all the files to there
hey @alpox :D
@tiagocorreiaalmeida :wave:
@alpox Actually, I do use VSCode too !
I just use brackets when it comes to front-end dev only :smile:
I wouldn't leave my VSCode for that :D
Hmm :)
I've used Brackets before
either atom or vscode probably the best two
Visual Studio has an IDE for web-design? I thought it was only with VB
free*
@alpox I can understand :)
@AbrisM VB/F#/C#/C++ in Visual Studio -- Web dev stuff in Visual Studio Code (Cross-Platform)
https://codepen.io/mudrenok/pen/aBWbgM I like this animation effect here. I'm not sure if there is something similiar to that just using vanilla javascript and or css/html
Hello, I have a question. I'm almost done with the "Simon Game" challenge. The logic is working now, and the design will be the last step, but I'm unable to start the animation that will show the user which buttons to press and in what order
@AbrisM That effect is done in vanilla css/html
if you open the console you will see the logic working in regards of the sequence of button presses, but the animation is wrong since it is all starting at once, instead of following an order
@AlexxMart I'm looking at it
https://glitch.com/edit/#!/sincere-forger?path=README.md:1:0 Hahaha I looked up Glitch and got a VR IDE instead
@AbrisM :D not bad
@AbrisM Its the right page though ^^
@AbrisM That is not a VR IDE, its just a sample project on glitch
@AlexxMart I figure it out
@thomlom Really? I've been banging my head a little bit here, and I think is a small detail I'm missing
@AlexxMart Well, for me the problem is that in your colorsAnimation function, the computer is executing the for loop statement really fast, so all your code in your for-loop is executing nearly instantly too. You need to figure out how to give each setTimeout function the right delay
@thomlom Hey, I think I have an idea. Thanks
alexxmart sends brownie points to @thomlom :sparkles: :thumbsup: :sparkles:
:cookie: 504 | @thomlom |http://www.freecodecamp.org/thomlom
Ah, too bad it wasn't a VR IDE hehe
@thomlom hey, I made some changes. Would you be so kind to check it once more? https://codepen.io/Alexxander/pen/WXMadm?editors=0110
@AlexxMart Of course
@AlexxMart That's was exactly what I was thinking of, good job! One thing though, it would be nice if the color animation could be triggered too on the click of a user
Hey everyone! I'm having an issue claiming my front end development certificate. I lost some progress in the beginning, but from what I understand everything marked with a is required, so losing progress from the very beginning shouldn't matter. Everything with a shows as completed on my map, as well as on my profile with solutions for the algorithms or links to codepen for the projects. When I get to step 3 on "Claim your front end development certificate" I hit confirm and get this message: "Looks like you have not completed the neccessary steps. Please return to the challenge map." Has anyone else had this problem? Any ideas as to what I should do? I tried e-mailing support, but I got an automated reply.
is everythibngchecked on the map?
hey has anyone here done the advanced front end challenges
@Radlerz1 Yes
@tiagocorreiaalmeida everything with a * is checked on the map and on my profile
as far as I know you have to do really all of the things and not the only ones marked with *
nice ;) I had trouble understanding something on one challenge I got it now tho sorry
but maybe im confused @lunadendron
@tiagocorreiaalmeida no worries! I think I'm the one confused here! It says at the top of the map "Challenges required for certifications are marked with a *"
yes, I left that as the last step since I can easily trigger that with css:active @thomlom
having front end certification fetch anything ?
what do you mean
@lunadendron I'll look into that for you
@lunadendron yes send an email to support
@lunadendron I'm on the same page as you on it.. i.e. have always been told only the
*'s matter... there's tons of posts about it in the forum... and even on the `claim you front end certificate' it mentions completing the algo challenges and the projects...
just double checked.. from https://www.freecodecamp.org/challenges/claim-your-front-end-development-certificate "Before we issue your certificate, we must verify that you have completed all of our basic and intermediate algorithm scripting challenges, and all our basic, intermediate, and advanced front end development projects. " @lunadendron someone else had this issue a week or so ago in the help room so it might be an actual bug thang..
@krisb1220 @DarrenfJ hey thanks guys! I got a response on the forum and apparently it's a known issue. Just a bug thang after all :)
lunadendron sends brownie points to @krisb1220 and @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 294 | @krisb1220 |http://www.freecodecamp.org/krisb1220
:star2: 2298 | @darrenfj |http://www.freecodecamp.org/darrenfj
No problem :D
Hi, does anyone know of CSS/Html only animations for the <h1> tag?
To animate the text
Hello guys i just finished my Portofolio page : https://codepen.io/Alex_OR/full/zPbEmq/
But on mobie the hamburger menu won't work.
On my editor it works but when i moved it to codePen, wont't work:(
@AlexOros Not sure about that, but have you imported bootstrap in the Codepen script settings
Does anyone know how to do a flashing animation for <h1> tags for text?
@thomlom I did but only on css3 portion, now I imported on javaScript side and it works! Thank you :)
alexoros sends brownie points to @thomlom :sparkles: :thumbsup: :sparkles:
:cookie: 505 | @thomlom |http://www.freecodecamp.org/thomlom
@lunadendron schweet thanks for sharing and it's good to know it's not that the universe is unravelling
darrenfj sends brownie points to @lunadendron :sparkles: :thumbsup: :sparkles:
:cookie: 216 | @lunadendron |http://www.freecodecamp.org/lunadendron
@AlexOros side note: love that your 'who am i?' includes a pic of your dog :D
Thank you :smile: , she did make the portofolio page look 10 times better
:D
Hello guys
I need your help please
Could anyone help me building this input text with a button
@Zerka1982 You need to post example code. We don't provide you with the answer
hey guys anyone familiar with overwriting accept-language in http headers
Could anybody look at my code please
@krstnschwpwr Do you mean accept-language or content-language?
@Zerka1982 in what can I help?
@Zerka1982 No noeed to spam your codepen link. You post it once and someone will help
@Asjas There are people who just arrived ...they didn't see my link
as you cansee the example you show has no border so I would start to remove that, and then create some background color in a div or something
@Zerka1982 They do. We all have a history of all channels
then change the background color from the button
the color from text aswell
half of the height as the border radius will give you the shape you need
@krstnschwpwr first thing that came to me on google, never had to done something similiar https://stackoverflow.com/questions/18522940/how-do-i-change-the-browser-accept-language
@Zerka1982 here an example on how you can achieve that
@krstnschwpwr What about using XMLHttpRequest.overrideMimeType?
hey thank you guys! As soon as I try to add another language. it doesnt work. so it simply takes only on argument then`
anyone want to take a quick glance at my codepen for the weather app to see if you can find any bugs/errors/things I might have missed? https://codepen.io/5millerk/full/LjdWLN/
https://codepen.io/anon/pen/GOevGj Does anyone know how to fix this animation without using webkits/jquery? My dots look like leaks now and their not scattered
what are you trying to make them look like?
@ChuckPierce No, their suppose to be in different colors and fall in different places
I have the colors implemented, but where they fall is suppose to be scattered
https://codepen.io/anon/pen/GOevGj I've updated the code. However the falling pieces are suppose to be more scattered and there should be lightbrown pieces as well falling