Full Stack Developer Coding Challenge
Vložit
- čas přidán 5. 06. 2021
- Today we go through a Full Stack Developer Coding Challenge. This is more of a mid level developer challenge. Good stuff to know, I hope you enjoy!
Venmo Me a cup of coffee:
@CodingWithKevin
My Equipment
🎥My Camera: amzn.to/3fS1hqY
📟My Computer: amzn.to/3uUEsHA
💻My Monitor: amzn.to/3poLB1w
🎤My Mic: amzn.to/3ilZOuW
⌨️My Keyboard: amzn.to/3x0zSZG
My Investment Platform
📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4M...
For Crypto
🤑 Deposit $400 and get $50 in BTC! app.celsius.network/
Referral Code: 184801bff
Health:
💪 Protein supplement www.gainful.com/r/w38fph - Jak na to + styl
Omg the way you explain is just fantastic! very easy to understand keep up the good work & you got a sub
Thanks Kevin . The value you added via this via is exceptional . Keep uploading such videos .
I really appreciate you saying that 🙏 thank you
Thanks for the step by step guide. I wouldn't be able to do it without your help or be it take me longer. keep up the great work.
Thank you, really appreciate your kind words. 🙏 Glad you found it helpful
Excellent video. Thank you Kevin.
Thank you so much Jeff! 🙏
This was really interesting and helpful. I guess it would have been better if you can explain some details as it might be helpful for the one who has less experience. Cheers
Hey thanks for watching! 🙏What specifically did you need better explaining on? I had to make this video for people who had enough of a foundation to understand the content here.
Thank you, thank you, thank youuu.
You're welcome! So glad you found this helpful 🙏
Hi... thanks for the great example... I did have two questions related to the end when you commented out getData('/api'); ... since that was done the initial value displayed is 'Hi There' not 'Hellooooo' which is the server.js get api value you don't see this in your example because the page was not refreshed after the last code save? To use getData('/api'); to set the initial value without the repeats do you need to use an onload event handler?
Hey there! Thank you so much for watching. To answer your questions, you would want to use the react hook called useEffect. Inside that hook you would call the getData('/api') to set the initial value. The useEffect hook runs before the page renders, it will call a rerender though.
useEffect(() => {
getData('/api');
}, []);
Make sure to include the square brackets so the use effect runs only once.
Hi Kevin, I followed your steps but have trouble to configure the debug with Chrome. Could you kindly provide your comments and walk me through the debug setting step by step? Really appreciate it!
Hi Henry, what I usually will do, is write the word "debugger" in my code where I want to start debugging. For example, if I want debugging to start on line 29, I will put the word debugger in its own line on line 28 in my code. Then if you run that in Google Chrome, you can open up the developer tools and use the built-in tools with Google Chrome to debug.
Thanks..👍🏻👍🏻
Can you please upload the whole project on Github? including part1&2
Hey Nadien, thanks for watching! I made this in the format of a code along, so you should be able to open up your favorite IDE and write the code with me.
Lot's more stuff in the works!
Are you allowed to use Google during the interview? Do they expect you to know all the correct syntax etc?
That's a good question. I have actually asked that in the interviews, most of the time it's a "yes". Be attentive though, it can hurt you if you spend too much time googling, or if you accidentally stumble on the answer for the coding challenge. I highly recommend freecodecamp.org and taking their javascript course (if you're going for JS type jobs). Definitely get a good understanding of the core language you're using so you have to use google less and less in interviews.
Check out my video here for "How to interview for a Developer position": czcams.com/video/b-TfS_H8aGw/video.html
wait, at 16:41 how come it displayed the return of 'Hellooooo' while you did not call the getData('/api')
Hey thanks for watching! It's probably because I didn't refresh the page or something. Great catch tough 🙏
At 13:08 why are there 2 objects shown?
It might be more productive if you tell me why YOU think there are two objects shown?
why cant I use touch in my terminal in vs code
or nodemon
Hey Kyle! Thank so much for watching! That should be something you google. Unfortunately I don’t know what would be preventing it. But, being good at the art of googling is another skill we need as developers. please share any resolution in the comments in case others have a similar problem 🙏
Hi I installed with "npm i express nodemon cors" but I don't think that cors went through because in the server.js the "const express = requires('express')," does not auto format when I press enter.
Any thoughts as to what this could be from?
Hi Madison, first off thank you so much for watching! i'm gonna go with some basic assumptions, assuming you're using VS code, and that you installed NPM globally, if it's not auto formatting, it might be because Express did not install correctly. Cors shouldn't impact another dependency. First, check for any syntax errors, missing commas, quotes, ir semi colins. Next You can check express by doing in the terminal "express --version" or "npm list" or check your package.json or node_modules folder.
Let me know if that helps or if I misunderstood your question .