These are chat archives for MontCode/GeneralChat

27th
Jul 2016
Lily Romano
@Lilyheart
Jul 27 2016 00:01
oh fun xD
Ding 8 p.m. Gotta go drop the car off for inspection.
Mike
@dcpking
Jul 27 2016 00:04
OK. Start saving now. TTFN
Michael Karpinski
@karpimpski
Jul 27 2016 01:43
hey guys, I have a bit of an issue with my new Tic-Tac-Toe game (I've already completed FCC's front-end course, I'm just revisiting this while I learn back-end). when I fade in a letter it takes away the border while it fades as well. I know exactly WHY this happens, I knew that would happen when I wrote it with plans to fix it later. I'm just not sure how to fix it
Michael Karpinski
@karpimpski
Jul 27 2016 02:59
nevermind, got it. I would love if you guys could check out my work though! only took me a few hours, I'm proud of how quickly I got it and how clean (I think) my code is
Lily Romano
@Lilyheart
Jul 27 2016 12:01
Sorry! I fell asleep lookin’ at it last night. Glad you got the issue resolved!
David Castner
@davidjcastner
Jul 27 2016 12:24
@karpimpski Looks great, the styling is clean, clear, and modern! Yes, your code is pretty clean; however, I noticed that you used a lot of for loops. For loops are great, but javascript has a couple built in functions that you should aim to use whenever appropriate. In particular, I recommend looking at Array.forEach MDN Reference W3S Reference and Array.map MDN Reference W3S Reference. There is nothing wrong with for loops but it is widely considered a best practice to use forEach or map. The only use case that a for loop has over one of the Array methods is the ability to break out of it.
David Castner
@davidjcastner
Jul 27 2016 13:13

Another Great JS Reference

Helps to improve performance by adding a debounce for taxing reactive functions, This explains how to write a custom debounce function in pure js

https://davidwalsh.name/javascript-debounce-function

Lily Romano
@Lilyheart
Jul 27 2016 13:52
I'm going to do the FCC Wikipedia Viewer challenge. Any interesting frameworks or anything new I should try? I've done a lot of focusing on pure HTML/CSS/JS and I prefer it over most things, but I do want a knowledge of things out there. I've already covered jQuery, bootstrap and kinda covered semantic. Anything else I should at least have a passing knowledge of ya'll can recommend?
David Castner
@davidjcastner
Jul 27 2016 13:53
have you tried anything related to preprocessors?
Lily Romano
@Lilyheart
Jul 27 2016 13:53
nup
David Castner
@davidjcastner
Jul 27 2016 13:54
I recommend those, in particular the css preprocessors. the two most common are sass (scss notation) and less. scss takes valid css syntax and is the easiest to pick up in my opinion
Lily Romano
@Lilyheart
Jul 27 2016 13:55
I might add gulp into the mix as well and just port over the final project to codepen.
David Castner
@davidjcastner
Jul 27 2016 13:55
oh yea gulp is super useful
Lily Romano
@Lilyheart
Jul 27 2016 13:56
yar, we used it on the site we did together. So I've used it, just not set it up from scratch. have plenty of info on how to tho. Just need to finally get around to doin' it.
David Castner
@davidjcastner
Jul 27 2016 13:57
yea don't copy the gulp code that's on that site. it's a bit out of date, I recommend using that megabroiler plate thing that you posted on facebook. it has the option for including gulp and will give you the proper tasks associated with the tools you are using
if you want to try out a framework
I recommend picking up meteor
Lily Romano
@Lilyheart
Jul 27 2016 13:58
xD I need to do it from scratch to learn. I have recent info (like posted within the last week recent).
David Castner
@davidjcastner
Jul 27 2016 13:59
that's always a good option, but I tend to find that gulp code is very hard to debug and put all the pieces together (that's just me though), so it's the one thing that I go out of my to look for snippets to copy
here is a client only project using meteor https://github.com/davidjcastner/swatch-gen
its' not complete shows the basic setup, if you have questions with meteor feal free to ask me, I would consider myself an expert in meteor at this point
another thing I recommend trying out is CI/Continuous Development. Or Behavior Driven Development (test suites)
Those are EXTREMELY valuable to learn, but also a huge undertaking
Lily Romano
@Lilyheart
Jul 27 2016 14:03
Can the guts of a website created in meteor be easily transferred into the three basic files Codepen needs or does it end up created dependencies? I need to stay in the realm of things that can quickly go into codepen.
I feel like meteor, CI and such will be more beneficial for projects outside of the FCC CodePen ones (I want to keep the code fully in CodePen so I can use it to help future MontCoders etc and not obfuscate it).
David Castner
@davidjcastner
Jul 27 2016 14:07
There is an npm package, meteor-build-client, that complies the client side (front-end) into an html file, css file, and js file (along with any public files: ie -> images, icons etc..) allowing it to be uploaded to any hosting site. You could copy the contents into codepen (it wouldn't be readable/editable as it is minified)
Yes all the I mentioned would be useful for projects outside of codepen. For a tool to learn on a new FCC project, I recommend picking up a css preprocessor. I favor scss but that's my opinion. You should do some of your own research on the differences between the preprocessors and what's currently trending.
Lily Romano
@Lilyheart
Jul 27 2016 21:08
David Castner
@davidjcastner
Jul 27 2016 21:25
That's awesome!