Тёмный
No video :(

Full Stack Developer Coding Challenge 

Coding with Kevin
Подписаться 2,5 тыс.
Просмотров 8 тыс.
50% 1

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...
For Crypto
🤑 Deposit $400 and get $50 in BTC! app.celsius.ne...
Referral Code: 184801bff
Health:
💪 Protein supplement www.gainful.co...

Опубликовано:

 

26 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@gearoidfly
@gearoidfly 2 года назад
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.
@CodingWithKevin1
@CodingWithKevin1 2 года назад
Thank you, really appreciate your kind words. 🙏 Glad you found it helpful
@junedshaikh5305
@junedshaikh5305 Год назад
Omg the way you explain is just fantastic! very easy to understand keep up the good work & you got a sub
@usernotfound2727
@usernotfound2727 2 года назад
Thanks Kevin . The value you added via this via is exceptional . Keep uploading such videos .
@CodingWithKevin1
@CodingWithKevin1 2 года назад
I really appreciate you saying that 🙏 thank you
@jeffgoji673
@jeffgoji673 2 года назад
Excellent video. Thank you Kevin.
@CodingWithKevin1
@CodingWithKevin1 2 года назад
Thank you so much Jeff! 🙏
@ashishsalve8933
@ashishsalve8933 2 года назад
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
@CodingWithKevin1
@CodingWithKevin1 2 года назад
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.
@sinnyozzy
@sinnyozzy 2 года назад
Thank you, thank you, thank youuu.
@CodingWithKevin1
@CodingWithKevin1 2 года назад
You're welcome! So glad you found this helpful 🙏
@lyh1154
@lyh1154 2 года назад
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!
@Airbrushwiz
@Airbrushwiz 2 года назад
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.
@peaceandpow7255
@peaceandpow7255 Год назад
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?
@CodingWithKevin1
@CodingWithKevin1 Год назад
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.
@nadienbasel2251
@nadienbasel2251 2 года назад
Thanks..👍🏻👍🏻 Can you please upload the whole project on Github? including part1&2
@CodingWithKevin1
@CodingWithKevin1 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!
@ericsun7591
@ericsun7591 Год назад
wait, at 16:41 how come it displayed the return of 'Hellooooo' while you did not call the getData('/api')
@CodingWithKevin1
@CodingWithKevin1 Год назад
Hey thanks for watching! It's probably because I didn't refresh the page or something. Great catch tough 🙏
@binayakbishnu
@binayakbishnu 2 года назад
At 13:08 why are there 2 objects shown?
@CodingWithKevin1
@CodingWithKevin1 2 года назад
It might be more productive if you tell me why YOU think there are two objects shown?
@drkaranmannan
@drkaranmannan 3 года назад
Are you allowed to use Google during the interview? Do they expect you to know all the correct syntax etc?
@CodingWithKevin1
@CodingWithKevin1 3 года назад
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": ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-b-TfS_H8aGw.html
@kylehazell4694
@kylehazell4694 2 года назад
why cant I use touch in my terminal in vs code
@kylehazell4694
@kylehazell4694 2 года назад
or nodemon
@CodingWithKevin1
@CodingWithKevin1 2 года назад
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 🙏
@madisonjohnson3831
@madisonjohnson3831 Год назад
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?
@CodingWithKevin1
@CodingWithKevin1 Год назад
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 .
Далее
Senior React Interview Code Challenge
23:16
Просмотров 13 тыс.
Avaz Oxun - 10 yillik yubiley konsert dasturi 2023
2:52:33
ПОЁМ НАРОДНЫЕ ПЕСНИ🪗
2:04:11
Просмотров 1,1 млн
How principled coders outperform the competition
11:11
100+ Web Development Things you Should Know
13:18
Просмотров 1,4 млн
How Do I Become a Back-End Developer in C#
17:58
Просмотров 23 тыс.
Stop Doing this as a React Developer
12:27
Просмотров 162 тыс.
React Coding Interview Ft. Clément Mihailescu
47:08
Просмотров 127 тыс.
Another Mid Level Developer React Coding Challenge
45:02
My Visual Studio Code Setup for Web Development
13:56