« first day (948 days earlier)      last day (4225 days later) » 

18:00
!!s/pancakes/bananas/
@Shmiddty NOOOOO kongregate.com I like bananas (source)
@RyanKinal start it. Accept Bitcoin. ???. (non)Profit!
I really don't know what it would do.
user1596138
Does anyone use TotalTerminal on Mac?
fuck
18:03
@JosiahSouth Actually, yes. Why?
@RyanKinal for the name of linux and linus lets make one ? // it will also make us public figures :D
@Darkyen Right... but what would it do
is it possible to get the offset of an element's bottom edge?
offsetTop + height
derp. thanks :P
18:06
:-D
not sure why I didn't think of that x)
@RyanKinal make songs
sing them
other then increasing public literacy about linux
goto schools and teach and promote linux :D
organize events to promote linux :D
That sounds like a lot of work
Remind me never to get my hopes up about anything ever. Apartment I was about to get was a scam.
And I'm laaaaaaaazy
@SomeKittens Aw :-(
18:08
@RyanKinal aww comon
@DeveshKumar Welcome to the JavaScript chat! Please review the room pseudo-rules. Please don't ask if you can ask or if anyone's around; just ask your question, and if anyone's free and interested they'll help.
And u sing well
@RyanKinal Make a Linux dance!
how to add mp3 file to svg?
5
@Rithesh bananas.
18:09
@Rithesh bahahahaha
what an epic question
@SomeKittens with moves called Ubuntu And Fedora
is there any function?.But in html5 possible.
@Rithesh Wat ... I don't even ... what!?
@Rithesh Why would you even want that? Do you reckon your song would look nice as a picture!?
<svg xmlns:a="http://www.adobe.com/svg10-extensions"
xmlns:xlink="http://www.w3.org/1999/xlink" a:timeline="independent"
externelResourcesRequired="true">
<g requiredFeatures="http://www.w3.org/TR/SVG12/feature#Audio">

<a:audio type=="audio/mp3" xlink:href="C:\alert.mp3" begin="0s" dur="8s"
repeatCount="indefinite" />
</g>
</svg>
this is code ,But mp3 is not working
user1596138
@SomeKittens Does it work?
@Rithesh Sorry dude. No idea.
18:14
@JosiahSouth ..yes? I needed a Mac version of guake
user1596138
I opened it once and it worked. Then the next day all it does is crash terminal. I tried re-downloading it and it still crashes. I deleted every instance of TotalTerminal off this Mac and re-downloaded it and it still crashes. lol
Oh god, that sounds like the next version of troll tools to come. Trollkit 2.0, SMIL with audio. Nyan cats be loving it
user1596138
I even tried running it as root.
user1596138
Well... sudo.
Anyone in here already used extjs/extnet ?
18:16
@OctavianDamiean dude atleat he didnt asked how to do it in CSS
<selector>{
   transition:audio 200ms;
   audio:url('/audio/foo.mp3') 0 infinite;
}

<selector>:hover{
   audio:url('/audio/foo.mp3') 1.0 infinite;
}
THat'd be the end of web-development ;-)
@JosiahSouth What version are you using?
@Liming Welcome to the JavaScript chat! Please review the room pseudo-rules. Please don't ask if you can ask or if anyone's around; just ask your question, and if anyone's free and interested they'll help.
user1596138
@SomeKittens 1.3
user1596138
Just tried to reinstall again. Doesn't work.
I know nothing about OSX, sorry
Just started using it a week ago
user1596138
18:25
@SomeKittens Hahaha that's the problem. Neither do I!
user1596138
I use Terminal for everything. I hate a;l this BS.
user1596138
Know of any other quake like terminals though?
@Zirak Help me pick a pizza.
user1596138
I miss yakuake
18:28
There's also Terra.
@mikedidthis ping me when you're on
!!> Math.random()*41+1|0
Benjamin Gruenbaum has removed an event from this room's schedule.
18:30
Hawai
Bad bot
user1596138
@OctavianDamiean I need one for OSX though.
@copy well, that answers my question about bitwise-operator priority...
@copy Mhmm, are you sure.
[The lead programmer here] strongly believes that we should avoid using prototypes, because it has global effect.
Thoughts?
@canon It's weirdly low
18:32
@rlemon urm... ping?
@OctavianDamiean Rustica and Hawai look nice (I eliminated anything where I didn't know one of the ingredients), Calzone is a safe bet and you can always pick Wunschpizza
He thinks a global function is better than a prototype function.
@copy Yeah, that was surprising.
@OctavianDamiean calzone would be my choice.
Now I want pizza...
18:33
Even when a prototype function is a standard JS function that is not implemented in the old interpreter we're using.
I'm tending towards Cipola or Al Tonno.
huh ... Stangerl
Numbers?
nvm, 03 and 12
@KendallFrey So, which prototypes is he against? Things like Array.prototype which invite crank-trodding? Or any prototype at all...
Zwiebel is onion and Thunfisch is tuna.
18:34
Well, I don't like onions so those went off
In this case, I copied the code from Array.filter and now I'm supposed to refactor it to a 'normal' function.
The problem was that adding the prototype function broke array iteration code. Can you guess why?
They were stupid and used for in on arrays
fix the stupid iterations instead
An email went out this morning asking the programmers not to do this.
18:37
@mikedidthis @someone is a ping :P
@dystroy My opinion exactly.
@rlemon I know. What's up?
Mhmmm, I ordered a Al Tonno
Using MDN's array shims should not be considered as bad practice.
did you ever get a chance to convert that psd to html/css ?? no rush, just working on some of the backend and if not I'll have some questions :P
18:38
But apparently if a certain combination of two pieces code causes a bug, both the broken code and the other code should be fixed.
@dystroy "we should avoid using prototypes, because it has global effect."
That's what I really don't get.
@rlemon Nope, but I can code that if you like? I wasn't sure if you wanted to code it or myself?
So it's going to be refactored into a global function. Hooray.
This makes no sense. Of course you should be cautious when using prototype, or any powerful language features, but they're here for a reason.
@rlemon Oh my, you are not such bad customer, right?
@KendallFrey I find it unlikely that the mdn filter shim broke anything.
18:39
@KendallFrey Why do they think this language offers this feature ?
@canon It simply exposed broken iteration code, is all.
@KendallFrey Certainly. I suspect your lead dev read somewhere that "you shouldn't modify Array.prototype." And you shouldn't... except when shimming existing functionality.
@dystroy No idea.
OOOOH YEAH!
Oh crap, I hope I'll be back in time for the event ...
18:40
What is this nonsense?
howdy howdy
Holy cow, we've got events now. When did the JS room go legit?
This company is full of JS programmers who have learned JS simply from internal code.
What's an "event". It sounds painful.
@SomeKittens hahah
18:40
Y'all saw xBox One yet?
Who is running said event?
Sup @Xarcell
@mikedidthis sup
18:41
reverse lambda. PSYCH!
He'll wear a turtleneck and a bluejean. :D
He best had. I presume we can grab the transcript for this event?
Is that event text based ? Is there something special ?
Just a talk about stuff I see wrong every day
About time I learn a little about the history of JS
18:42
It just us chatting about how awesome Knockout.js
"talk" as in "using audio" ?
should I YouTube this? lol...
It's just a small introduction of how to display data you have correctly, what to do and what to avoid, how data-binding basics work, etc.
lol mental note: If you want the room to go all crazy and be excited as hell, schedule some event.
user652649
18:43
there will be some free beer involved for this event?
@Wes Yes, but it's free as in speech
I could go for some beer...
Yes, a download link will be provided.
@SomeKittens ninja'd
Open-source beer?
18:44
sudo apt-get install beer
The Open Source Beer Project is a community effort spearheaded by Flying Dog Brewery to develop a beer using open-source methodology. While Free Beer (formerly known as Vores Øl) was the first open source beer and OpenCola preceded it as an open-source beverage, the Open Source Beer Project aims to produce the first commercially available open-source beer. However, at least one other group, Brewtopia, has claimed to have produced open-source beer commercially, and Free Beer has been brewed by multiple breweries. Beer style The Open Source Beer Project commenced as a Doppelbock, but as...
user652649
lol
npm install beer
That's awesome
18:45
just got done watching that event.
I love it.
Next up: Xbox 1/360
Psh. Sony had a Playstation One years ago.
@mikedidthis well I can do it, I just figured you had some 'template' stuff that you design around (bootstrap maybe? font-awesome, etc)
Just got done watching Sony's stock shoot up after said event.
user652649
18:45
Leaving the event in 3... 2... 1...
Ok, I think we can start now :)
@OctavianDamiean huh? I am a bad customer? BOFH ??
user652649
LOL
I just realized the timing doesn't count down in the notification bar
Today we're going to talk about a very common problem people have - handling user interaction in JavaScript.
18:46
shhh....
Not sure why their stock would go up cause its stupid. xBox One > PS4
We usually have data we get from somewhere (usually a server) and we want to show it. We update and manipulate our data. How do we do this?
HTTP :-P
Write code.
It's a pretty common thing, you'd be surprised how many people never gave it much thought.
user652649
18:46
using some magic?
Or get the intern to write code.
Well, a few years ago, browsers were very slow.
If we wanted data, we just asked our server for it.
@rlemon tut tut, no stock stuff here, all custom. Anyway its up to you, I can get the code done at some point in the next week or sling you the psds.
18:47
Let's say for example, we have a list of users, each has an age
Opera mobile is a bit too slow on my hardware
@BenjaminGruenbaum i dont usually do the old idea
10 years ago, we'd just have HTML from the server, it'd look something like this:
what i do is save the minimal on the server
user652649
guys stop it, you should appreciate what benjamin is doing, so let him talk
2
18:48
and process a lot on js on client .. no js can suck my ass
You can interrupt me if you have questions or think I said something wrong :)
and yes benjamin has a very solid point in there
In the first example (codepen.io/anon/pen/wrcel) our server does all the heavy lifting. All we get is the HTML, the view itself.
@mikedidthis shoot me the psd's and i'll take a look-see. from what you showed me I should be able to slap it all together rather easily.
That's no good, we want to work with objects and not representation thereof, we also want to be able to do stuff with out data
18:49
@mikedidthis do you have an icon pack you prefer to use? font files would also be helpful if they are custom
user1125394
o such an exciting event, @BenjaminGruenbaum doesn't like data-foo-bar but that's me about it?
The next example will have a var data imagine you get it from a server through AJAX, or a web socket
http://codepen.io/anon/pen/qkgGm
@rlemon I will fire you an email, I don't want to flood the room during the event :)
eh, I do it anyways. Chat around me :P
Here, we have a 'model', we have an array of objects that represent our actual data. We iterate through the array, and add the elements to the DOM
user1125394
18:51
( oops^^ sorry don't want to polluate the talk )
In the second example (codepen.io/anon/pen/qkgGm) we attach our elements to the DOM, add an event listener to them for clicking. This is a very basic example, but it's solid.
I just create nodes, and add events to them based on the data.
It doesn't update anything, and if I get a newer version of the data I don't treat that. I do however, keep the data and representation separate in some ways. Note how when I alert the age, it grabs the value from the model and not from the DOM. I treat my object as my 'true' data, and the DOM as a representation of it.
@BenjaminGruenbaum Just a remark in passing : I doubt that historically this second approach was much used, most people directly came from generated HTML to ajax, skipping generated JS
what is an event listener exactly?
@Xarcell an event listener is a function that fires when an event occurs, in this example. I listen to 'click' events and act accordingly.
@dystroy Historically you're completely correct :)
@BenjaminGruenbaum ok, gotcha
user652649
Let's see some issues newer programmers have when coding. Our next example is using jQuery
This next example, does the exact same thing codepen.io/anon/pen/ptGqv
Instead of using native JavaScript code, it's using jQuery. That's not the problem with it though. Who can tell me what are some problems in that code?
user1596138
Are we like, in the middle of something? I don't want to interrupt...
@JosiahSouth yes we are
user1596138
This is a problem in that it's pointless <br />
18:55
@BenjaminGruenbaum problem 1 : not compatible with ie8 :)
user1125394
aha data
user1596138
Ok, I'll go read. Sorry to interrupt.
@BenjaminGruenbaum the age attribute is invalid HTML
@BenjaminGruenbaum It's using the value from the data attribute, instead of from the model ;-)
Exactly, we treat our DOM as our source of truth instead of our data. @JanDvorak looked at the other jQuery implementations which are even worse using an age attribute.
We're treating our representation as our data. What if we want to change a users' age? Or push information back to the server?
user1596138
18:57
@BenjaminGruenbaum <br> tag doesn't need closed. But that's not a JS problem...
Data attributes usually indicate one thing - storing data in the DOM. We want our source of truth to be a JavaScript object instead of part of the DOM.
here did the model go? What about data integrity? What if I want to use the information in more than one place?
user1125394
@BenjaminGruenbaum but usually the data elts are already inserted in generated html no?
If we want a counter for the collective age of users, we suddenly have to traverse the DOM if that's our source of truth instead of iterating an array.
user652649
stop saying stupid and obvious things, who cares of xml vs html atm? xD
A not very different version would use the closure feature to point from the event handler to the data
18:59
@xcx In 2013, we rarely want to generate the HTML on the server-side in dynamic pages.
@dystroy Which is exactly what the native JavaScript version does :)
@dystroy there is a negative side-effect of fragmenting the model

« first day (948 days earlier)      last day (4225 days later) »