These are chat archives for FreeCodeCamp/HelpFrontEnd

22nd
Jun 2018
Stephen
@stephepush
Jun 22 2018 00:16
Is there a site that provides wireframes or prefabricated layouts? I’m not having a hard time putting the html and css for my front end project together but I’m having a hard time figuring out the layout, since I don’t have a lick of spatial discretion in me
Stephen
@stephepush
Jun 22 2018 03:25
@Lorrie01: I’m taking a look, I’ve been working through the section and its a few challenges ahead of where I am. While I look, what do you need help with/what are you caught up on?
Bjorn van de Peut
@bjorno43
Jun 22 2018 03:30
@stephepush I think what you're looking for are called "HTML website templates". If you Google that, you'll find plenty online
Stephen
@stephepush
Jun 22 2018 03:31
It’s nothing too difficult in practice, even if it may be the first time you’re seeing this, @Lorrie01, all you’re doing is requesting JS to load a separate file of code into the current file. Its prevalent in some other languages, such as python to do stuff like this. Not my first time seeing this, but i’ve never had a real use for it, but I guess it’s gonna be something that’s anticipated to be used a lot in future javascript
@Lorrie01, import * acts a syntactical signal to JS that you want to add a separate JS file to the context of the current file you’re working with. That other code may contain extending code for a library like bootstrap or jQuery. In the next part of the statement, you give it a name you want to refer to that file in in your code, and the last part is the name of the designated file you’re trying to import from
@ah, thanks bjorno43. Was also kinda wondering if there were any anyone would recommend since I imagine I’ll be inundated with choices after searching on google
Thanks @bjorno43, lol. Carpal tunnels is making write loopy things. Think I need a wrist rest for my keyboard
Bjorn van de Peut
@bjorno43
Jun 22 2018 03:36
@stephepush It really depends on what kind of website you're making. A game website has completely different structure and layout than a portfolio website would have for example
Stephen
@stephepush
Jun 22 2018 03:38
@bjorno43, working through the responsive projects on FCC at the moment. At this very moment, the product landing page
I know MDN has a tutorial for styling form pages at least...
but anyways, thanks for telling me what to search for :smile:
Bjorn van de Peut
@bjorno43
Jun 22 2018 03:42
@stephepush Well, I understand where you're coming from. FrontEnd development != designer. Just because you know how to translate a design into code, doesn't mean you can actually come up with a design yourself. Still I definitely recommend trying to do so. It's an important skill and as you progress in coding, you'll learn quickly enough that working with your own code is a whole lot better than messing around with one that you've downloaded
Stephen
@stephepush
Jun 22 2018 03:45
Sure, I’m just looking for something I can refer to that shows how sites are typically styled, that and it’s kinda overwhelming to have to plot specific media queries and where things should be in a given viewport size. There are sites I’ve visited of which I don’t remember their names that have a set up that i kinda remember and want to use, but I just kinda want to see what are some contemporary layouts and adapt my work from there
Bjorn van de Peut
@bjorno43
Jun 22 2018 03:45
And if you really can't do it or simply don't want to, perhaps Backend development is more your kind of job. I'm a full stack developer myself, but it's the exact reason why I prefer backend development
Hmm. I don't think there rly is a standard for design. Sure there are popular designs out there, but unique designs are the ones that shine in the eyes of a potential employer
@stephepush Have you done CSS Grid?
Stephen
@stephepush
Jun 22 2018 03:48
A little bit
I’ve done the section of fcc, and a little here and there otherwise over the last few months
Bjorn van de Peut
@bjorno43
Jun 22 2018 03:49
Alright, try this Youtube vid on FCC's channel. It's going to help you a lot with this :)
Stephen
@stephepush
Jun 22 2018 03:50
Alright, I’ll check it out in few minutes after I order a wrist rest, lol. Thanks
Bjorn van de Peut
@bjorno43
Jun 22 2018 03:50
Haha I definitely feel ya there :P
Stephen
@stephepush
Jun 22 2018 03:50
I guess I changed up my desk and now my forearm is laying on the desk surface and typing is no bueno
Bjorn van de Peut
@bjorno43
Jun 22 2018 03:51
Ah. Ye, ergonomic desk layout is definitely important for any programmer. We spend way too much time behind computers to ignore it
Stephen
@stephepush
Jun 22 2018 03:51
forearms are*
Stephen
@stephepush
Jun 22 2018 04:06
Alright, about to check the vid above out. I would like to check out back end stuff, but I don’t know where to even start, any recommended resources, @bjorno43 ?
Lisa Copeland
@lisacopeland
Jun 22 2018 04:07
@stephepush you should learn nodejs
Stephen
@stephepush
Jun 22 2018 04:08
@lisacopeland, sure. I recently finished Anthony Alicea’s JavaScript the Weird Parts, and I’ve been thinking of buying his Node Course, any thoughts?
I think this guy is really excellent
If you want to learn react or angular his courses are awesome. I took Anthony Alicea's nodejs and I felt like it didn't have much content.
I wrote some reviews on the FreeCodeCamp forum
Bjorn van de Peut
@bjorno43
Jun 22 2018 04:14
@stephepush It really depends on what you want actually. Sure NodeJS is a good choice, especially if you're already formilliar with Javascript. But that alone shouldn't be deciding factor. There are several serverside langauges out there like PHP or Python for example. Some languages are better suitable for certain projects than others. Also the server layout might be a deciding factor. Like a lot of servers you can hire, don't support NodeJS because node has its own internal webserver software while they use Apache2 for example
Personally I prefer PHP. But that's because I was already doing serverside development before Node even existed. I'm used to it, haha
Lisa Copeland
@lisacopeland
Jun 22 2018 04:17
There is also Ruby on Rails
Bjorn van de Peut
@bjorno43
Jun 22 2018 04:19
True. And there's Perl, though hardly used these days. ASP.NET of course.. the list is extensive :P
Stephen
@stephepush
Jun 22 2018 04:20

@lisacopeland, ah didn’t know Max made a MEAN course… I was impressed with what I came out of understanding the wierd parts, but I haven’t heard much enthusiasm towards Alicea’s node course. I have Max’s Angular course but I haven’t tried it in a while because I didn’t have the javascript chops for it the last time I tried it. I’ll check out this course you sent me.

@bjorno43, I know what you’re saying. There were a few weeks where I messed around with PHP, and then python and came back to JS. I don’t really have a strong preference, and I understand that there are different usecases for different backends/stacks, but really I’m okay with learning one for now and getting a pay check and learning more after I can get a job :)

Lisa Copeland
@lisacopeland
Jun 22 2018 04:21
If you want to work with backend - maybe you should look through job listings for back end programmers and see what languages are in demand
Bjorn van de Peut
@bjorno43
Jun 22 2018 04:21
I think both NodeJS and PHP are mostly in demand for backend development. Though it depends on where you live of course
Stephen
@stephepush
Jun 22 2018 04:22
I live in NYC, so everything is in demand here, lol
Node has it’s niche because of the big startup culture here
Java is also big because of all the finance stuff
PHP is big because a lot of companies with legacy stuff. Interviewed at a company that used liquid for their web store
I also wouldn’t mind working towards full stack. Hopefully that doesnt make me TOO indecisive, lol
Bjorn van de Peut
@bjorno43
Jun 22 2018 04:26
Ghehe no. Being a full stack dev certainly has its benefits. It opens up a lot of jobs. Perhaps, if you have the time and money for it, getting yourself ISTQB certified could help as well. It's for software testing, but it helps with jobs as you have a clear understanding of the process from the alpha to release
Stephen
@stephepush
Jun 22 2018 04:27
ISTQB, never heard of it
Bjorn van de Peut
@bjorno43
Jun 22 2018 04:29
That's because it isn't about development on its own. It's about software testing. The different steps in development like Agile development for example, stuff like that. You'll learn how software is properly tested and at which stage etc. It's an important concept for developing software for clients
Though good companies hire seperate employees for this and you as a developer shouldn't have to worrie about it. It just helps having it
Stephen
@stephepush
Jun 22 2018 04:40
lol, indeed. I always wonder where testing comes in as far as development, and to what degree developers have to know about testing and how much testing developers are expected to do...
I’ll go check out this vid on CSS grid, thanks for the convo and recommendations, @bjorno43 and @lisacopeland !
Bjorn van de Peut
@bjorno43
Jun 22 2018 04:44
@stephepush You're welcome m8 :)
Thinnappan.K
@thinnappan
Jun 22 2018 05:56
hi guys iam doing a car rental web application in that application i have to track the live location of the car by using the geo location (mobile) is it possible? if how pls explain me!
Bjorn van de Peut
@bjorno43
Jun 22 2018 06:15
@thinnappan Slow down there a bit. There's some pretty serious privacy laws you'll have to take into consideration before you start tracking people and their movements live. It's fine to have a way of tracking the location of your cars when you have a valid reason to do so. Like when a customer failed to return a car or law enforcement has a warrant to compel you to do it. But you can't just track people's movements like that.
Bjorn van de Peut
@bjorno43
Jun 22 2018 06:24
Anyway, geo location is most likely not the way to go for something like that. First you'd have to develop a native app that uses geo location, as browsers require user interaction to enable geo location (otherwise you could track everyone that simply visits your website). The second problem is that geo location isn't 100% reliable. Not to mention all kinds of different issues. What if the internet goes down? What if the battery is drained? All in all you're far better of with specialized tracking chips
Richard Sithole
@Sliqric7053
Jun 22 2018 08:51
Hi guys. Whats the cleanest way to extract fcerdak.jpg in this string
https://firebasestorage.googleapis.com/v0/b/ng-house.appspot.com/o/current-members-logo%2fcerdak.jpg?alt=media&token=123xxx123
Josh Single
@jkyereh
Jun 22 2018 09:01
Hello
Dhaval Vira
@dhavalveera
Jun 22 2018 09:01
Hello
Josh Single
@jkyereh
Jun 22 2018 09:01
Has anyone been able to assess weebly.com
abraham anak agung
@padunk
Jun 22 2018 09:15
@Sliqric7053 using regex?
Richard Sithole
@Sliqric7053
Jun 22 2018 09:25
@padunk yeah, that would make the code shorter by default
Lorrie Pearson
@Lorrie01
Jun 22 2018 11:41
HI @stephepush thanks for responding. For some reason, I can't figure out what I'm doing wrong.
Lorrie Pearson
@Lorrie01
Jun 22 2018 11:47
@stephepush I figured it out! Thanks for responding. Guess I just needed to walk away and look at it again with fresh eyes.
khadar dahir adareh
@cadare
Jun 22 2018 11:56
@Lorrie01 Hi i liked your website and how clean it is. I really got impressed in the way you got your massage direct to my brain. :)
Lorrie Pearson
@Lorrie01
Jun 22 2018 12:04
Thank you @cadare !
mpmaan
@mpmaan
Jun 22 2018 12:44
 decrement(){
    this.setState({
      count: this.state.count - 1
    });
  }
this method works but if i use count: this.state.count++ it won't work
what am i missing here?
Aditya
@ezioda004
Jun 22 2018 13:00
@mpmaan Because this.state.count++ is a post incrementing, which means its incrementing after assigning the value to count. You can do ++this.state.count instead.
mpmaan
@mpmaan
Jun 22 2018 13:05
@ezioda004 thanks, it worked
Rob
@PGFracing
Jun 22 2018 16:03
Good morning, when I add bootstrap the page doesn’t center anymore www.pgfracing.com/endtimes.html any ideas?
Rob
@PGFracing
Jun 22 2018 16:10
why does Gitter show a couple of #’s like I have a couple of messages?
Christopher McCormack
@cmccormack
Jun 22 2018 16:24
@PGFracing you can look at the styles for your elements in the developer console and see what may be overriding your CSS. Bootstrap may be doing this so you can try using the !important syntax on your CSS or try to make your selectors more specific than bootstrap
Pixxel123
@Pixxel123
Jun 22 2018 16:34
Hi guys, is there a specific place to get feedback on my first project, the tribute page? Or can I just post a codepen link here
Christopher McCormack
@cmccormack
Jun 22 2018 16:42
@Pixxel123 you can post here or the FCC forum
Pixxel123
@Pixxel123
Jun 22 2018 16:43
Thanks @cmccormack! Here's my crack at it if anyone has any comments, fire away https://codepen.io/Pixel123/pen/KZKQEa
Christopher McCormack
@cmccormack
Jun 22 2018 16:47
@Pixxel123 looks really good! I believe the exercise would prefer you use plain CSS just so you get more practice with it.
One suggestion would be to try using a media query to adjust the margins on your paragraphs so it doesn't squeeze it too much on smaller screens
Pixxel123
@Pixxel123
Jun 22 2018 16:50
Yeah, this still using the old roadmap from before so a lot of the user stories in the new one aren't accounted for. I'll give media queries a try
Is flexbox considered plain CSS?
Christopher McCormack
@cmccormack
Jun 22 2018 17:01
Yeah
Michelle Norton
@Tirjasdyn
Jun 22 2018 17:18
ooo that's a great portfolio piece regardless
Lorrie Pearson
@Lorrie01
Jun 22 2018 17:19
@Pixxel123 You did a fantastic job with your tribute page. If flows well, the type compliments the content, great use of color and animated hover use in the timelines. Congrats!
Pixxel123
@Pixxel123
Jun 22 2018 17:29
Thanks @Tirjasdyn and @Lorrie01! Just need to sort out media queries and some fonts, and I think I'll call it quits
Devansh-Anhal
@Devansh-Anhal
Jun 22 2018 18:31
Hi everyone , its just a general question , i am a newbie in development and started learning html and css . This thing seems too easy , i mean too easy to pay me good. So i wanna ask ,does web development has any scope? dont want to offend anyone. just asking.
Brad
@bradtaniguchi
Jun 22 2018 18:35
@Devansh-Anhal HTML/CSS are just standards, Javascript is where all the "hard-stuff" is
Also, all of that is just front-end related, there's also the backend (server-side) which handles most of the security, interacts with the database, and does most of the heavy lifting.
Markus Kiili
@Masd925
Jun 22 2018 18:43
@Devansh-Anhal There are also front-end frameworks to learn after learning HTML/CSS/JS.
Michelle Norton
@Tirjasdyn
Jun 22 2018 19:10
HTML and CSS are just the beginning. You're rarely paid for just that anymore.
However if you can master JavaScript, the rest becomes a lot easier.
hensn5250
@hensn5250
Jun 22 2018 21:34
@Devansh-Anhal CSS can be challenging when it comes positioning and creating layouts. I thought it was simple also until I had to create something interactive. Yes anyone can change the color on some text but that is just the surface of the many things you can do with CSS and HTML. You should check some designs on codepen(e.g. Jon Kanter ) to give you a better idea of the scope of HTML and CSS.
include*engine
@newtothat
Jun 22 2018 22:07
why english native speakers spell the word et-cetera like 'exetera'?
I know it is not language place but does anybody know reason
Pixxel123
@Pixxel123
Jun 22 2018 22:21
Probably the same reason people write "should of" instead of "should've", it just sounds like exetera if you've never seen it or don't know the spelling of etcetera
This isn't a specifically English native speaker issue either
include*engine
@newtothat
Jun 22 2018 22:25
@Pixxel123 ok thank you.
what employers mean by reusable code
how to write such code or when you come to that point to write reusable code?
Brad
@bradtaniguchi
Jun 22 2018 22:36
Usually youd want to break the problem down as much as possible, so you don't write the same thing twice.
Jason Luboff
@JLuboff
Jun 22 2018 23:32
@newtothat As an english native speaker...I've never seen anyone spell et cetera as exetera...
include*engine
@newtothat
Jun 22 2018 23:41
@bradtaniguchi sounds like a challenge
@JLuboff by spelling i meant they pronounce it like exetera or eksetera
Jason Luboff
@JLuboff
Jun 22 2018 23:42
Oh.. in that case it's because people are lazy and don't properly pronunciate their words
include*engine
@newtothat
Jun 22 2018 23:43
only our english teacher spell and prononce it correctly
she is a native