![Coding with Kevin](/img/default-banner.jpg)
- 37
- 118 082
Coding with Kevin
United States
Registrace 11. 08. 2019
Coding with Kevin is geared towards developers, software engineers, and people of all different backgrounds interested in learning to code.
Banner Photo by Ilya Pavlov on Unsplash
Banner Photo by Ilya Pavlov on Unsplash
React and NodeJS App | SSE and EventSource
Dive into the world of real-time web applications as we introduce you to EventSource and Server-Sent Events (SSE) using React and Node.js! This beginner-friendly tutorial will walk you through the fundamentals of creating seamless, real-time communication between your server and client-side applications.
In this video, you'll learn:
🌟 00:00:00 - Intro
🌟 00:00:45 - Initial React App Setup
🌟 00:02:36 - Building a React front-end to consume SSE
🌟 00:07:58 - Setting up a Node.js backend for SSE
🌟 00:14:30 - Res.send vs Res.write
🌟 00:18:59 - Seeing it in action
🌟 00:20:30 -Outro
By the end of this tutorial, you'll have a solid understanding of EventSource and SSE, and you'll be ready to start implementing real-time features in your own React and Node.js projects. Don't forget to like, share, and subscribe for more web development content!
#EventSource #SSE #React #Nodejs #RealTimeWebApplications
In this video, you'll learn:
🌟 00:00:00 - Intro
🌟 00:00:45 - Initial React App Setup
🌟 00:02:36 - Building a React front-end to consume SSE
🌟 00:07:58 - Setting up a Node.js backend for SSE
🌟 00:14:30 - Res.send vs Res.write
🌟 00:18:59 - Seeing it in action
🌟 00:20:30 -Outro
By the end of this tutorial, you'll have a solid understanding of EventSource and SSE, and you'll be ready to start implementing real-time features in your own React and Node.js projects. Don't forget to like, share, and subscribe for more web development content!
#EventSource #SSE #React #Nodejs #RealTimeWebApplications
zhlédnutí: 4 761
Video
Coding Challenge | Junior JS Developer
zhlédnutí 235Před rokem
#javascript #codingchallenge 0:00 Intro 1:16 Start Coding 6:40 Final Result and Terminal Color 9:00 Outro In this coding challenge, we will be creating a custom compound interest calculator using JavaScript. The goal is to create a program that can calculate compound interest with a user-defined interest rate, principal amount, and time period. But that's not all! We'll also be adding some cool...
Trading Challenge Strategy
zhlédnutí 471Před rokem
This video is how Jim and I have been trading AAPL for the Trading Challenge OptionsSwing. We use ThinkOrSwim, create a template using 1st tags OCO, and I give some tips about some gotchas that I experienced.
MERN Journal App Course | Part 1 of 7
zhlédnutí 1,6KPřed rokem
#coding #mernstack #reactjs Today is part 1 of our MERN Journal App Course 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 Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 2 of 7
zhlédnutí 699Před rokem
#coding #mernstack #reactjs Today is part 2 of our MERN Journal App Course 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 Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 6 of 7
zhlédnutí 570Před rokem
#coding #mernstack #reactjs Today is part 6 of our MERN Journal App Course 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 Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 7 of 7
zhlédnutí 702Před rokem
#coding #mernstack #reactjs Today is part 7 of our MERN Journal App Course 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 Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 3 of 7
zhlédnutí 619Před rokem
#coding #mernstack #reactjs Today is part 3 of our MERN Journal App Course 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 Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 5 of 7
zhlédnutí 368Před rokem
#coding #mernstack #reactjs Today is part 5 of our MERN Journal App Course 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 Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 4 of 7
zhlédnutí 410Před rokem
#coding #mernstack #reactjs Today is part 4 of our MERN Journal App Course 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 Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
Dockerize Your Full-Stack App | ~Easy to follow
zhlédnutí 12KPřed rokem
#coding #Docker #reactjs Today we have a M.E.R.N. app that we're going to Dockerize. This will allow us to separate api calls and move towards load balancing. 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 Webull for Stocks / Crypto 📈 Deposit $1...
Top k most frequent algorithm | JavaScript solution
zhlédnutí 318Před 2 lety
In this video, I walkthrough a coding challenge I had during an interview. This is the Top K Algorithm coding challenge! I demonstrate how I accomplished this with JavaScript 00:00 - Intro 01:29 - Begin coding 03:04 - Using .reduce() 07:38 - Sorting array 09:21 - Do, While loop 10:37 - Full solution 10:48 - Takeaways | Outro Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: am...
Learn ReactJS in 30 Minutes | 2022 edition
zhlédnutí 3,4KPřed 2 lety
In this video, I walkthrough setting up a React app, and we learn React in 30 minutes! Enough to give you a good foundation and run from here. Thumbnail background by unsplash.com/photos/Skf7HxARcoc?ShareLink Venmo Me a cup of coffee: @CodingWithKevin My Investment Platform 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main For Crypto 🤑 Deposit $400 and get $50 ...
Beginner React Coding Challenge
zhlédnutí 1,4KPřed 2 lety
In this video, I walkthrough a coding challenge I had during an interview. This is the Beginner React coding challenge! I demonstrate how I accomplished this with React JS. Thumbnail Background by unsplash.com/photos/xC7Ho08RYF4?ShareLink 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.t...
Another Mid Level Developer React Coding Challenge
zhlédnutí 1,5KPřed 2 lety
Another Mid Level Developer React Coding Challenge
3 tips: Jr devs vs Sr devs - code like a boss!
zhlédnutí 140Před 2 lety
3 tips: Jr devs vs Sr devs - code like a boss!
SQL, Node, Express, and React JS 2/2 | ~How to Connect it all together
zhlédnutí 12KPřed 2 lety
SQL, Node, Express, and React JS 2/2 | ~How to Connect it all together
SQL, Node, Express, and React JS 1/2 | ~How to Connect it all together
zhlédnutí 42KPřed 3 lety
SQL, Node, Express, and React JS 1/2 | ~How to Connect it all together
How to interview for a Developer position
zhlédnutí 256Před 3 lety
How to interview for a Developer position
Mid Level Developer React Coding Challenge
zhlédnutí 11KPřed 3 lety
Mid Level Developer React Coding Challenge
CSS tutorial for Beginners - Images part 2
zhlédnutí 39Před 3 lety
CSS tutorial for Beginners - Images part 2
How I became a Developer as a college dropout
zhlédnutí 244Před 3 lety
How I became a Developer as a college dropout
CSS tutorial for Beginners - Images part 1
zhlédnutí 54Před 3 lety
CSS tutorial for Beginners - Images part 1
CSS tutorial for Beginners - Intro to CSS
zhlédnutí 101Před 3 lety
CSS tutorial for Beginners - Intro to CSS
How to build a footer - HTML tutorial for beginners - part 6
zhlédnutí 29Před 3 lety
How to build a footer - HTML tutorial for beginners - part 6
Did not work and could not find the video before this
Perfect, so easy to understand
From one Kevin to another - well explained and super helpful - thank you!
Pls give source code
This guy kinda looks like Luka Doncic
Extremely helpful thank you for explaining things so well.
Really good tutorial appreciated , Constructed feedback: Please increase the font size of your text editor 😃
ca you share the repo?
Bro, it was Amazing! But you are damn underrated!!!! Got a new Subs.,, keep up the great work ✨✨✨✨
... and we gonna do Pam... love the tutorial! thank you very much, it helps a lot!
what i do not understand is if i host my website some where online how do i access the database i mean since the database is local?is there free platform that gives an online connection string???
Super Helpful!! I am having a connection "ETTIMEOUT" error going on similar to @spa.3239's error... will poke around server and make some changes. Thank you All!
helped me, thanks. jic someone got the same problem as me: I got an "ELOGIN" error at first, even though I was pretty sure I was inputting my User Login Name and password correctly. What fixed it for me was checking the Event Viewer for a more informative error message, then I found out that SQL Server authentication wasn't enabled for my database; after fixing this setting on SSMS I had to restart SQL Server via the SQL Server Configuration Manager then everything went smoothly from there.
You should give your database server authentication permission. Step 1) right click your server name ( window10\SQLEXPRESS) step 2) select properties step 3) Select Security step 4) Under Server Authentication select SQL Server and Window Authentication Mode
@@danielgalbraith1457 Thank you so much this solved this issue for me. Been trying to figure it out for 2 days.
Does this configuration applies to accessing the sql server database remotely ?
Superb exactly what I want
It would have been nice if you provided a link to the video explaining making frontend and backend
great video quality
I followed your instructions to connect to sql on VMware and got the error: "E:\Learning eact-sql ode_modules\tedious\lib\connection.js:2104 request.error ??= error; ^^^". Please help me. Thanks you !
Just started learning backend and I found this very helpful, will create this project and put in my portfolio, you make the backend does not look too hard comparing to front end, thank you.
I love how you explain easy things which sometimes it takes time to understand :)
helpful
I just wanted to ask, would this be a method of connecting Microsoft SQL to nodeJS or can this work with elephantSQL too?
GitHub?
Really helped me man! Exactly the things i want. 😄
26:34 // dbOperation.createEmployee(Pam); code error sytantx help me ?
You probably fixed this by now, but I had the same error and I'll respond here for anyone else. I was using single quotes (') instead of backticks (`) inside of .query in dbOperations.js (pool.request().query('INSERT INTO...') vs. pool.request().query(`INSERT INTO`)). It took me a while to spot it, but everything worked once I caught that.
// dbOperation.createEmployee(Pam); sytanx error help
Dude @Coding with Kevin , thanks for this video! For some reason, when I go to localhost:3050 , I just see the "Welcome to nginx!" screen. Please lmk if you can help me out, I'd really appreciate it. Thanks!
Keep up the good work Kevin. Thank you for your effort
Hey I appreciate that 🙏 thank you for watching!
Great example, thanks for sharing
Thank you so much 🙏 I appreciate you watching!
Thanks for the video Kevin! I'm getting error while connecting to my database. Code is able to connect with sql server but fails to login my database. What could be wrong?
hey thanks so much for watching! Really appreciate you. Unfortunately like I said in the beginning of the video it's gonna be very difficult for me to troubleshoot problems. Your best course of action is to use Google and stack overflow to see if you can find others who have had a similar issue. and once you do find the answer, please share it in a comment here so other people can use your solution 🙏
Sure Kevin 😊 One more query, if possible, can you please tell which mssql version you used in this video?
Loved your video, keep up what you're doing and make some real good content!
thank you so much! That means a lot, I really appreciate you watching 😊🙏
why send it in intervals though? what if we want to send an update to the frontend when and only when an event occurs "user created" for example.
this is a great question, the example I gave is just a simplified way. you could wait for a status from the database, or try to send a specific identifier to the server for specific events like you're asking about.
Greetings from Brazil. Tks!
Hey thanks so much for watching! All the way from Brazil 🎉🙏
What video is he recommending? Please tag the video, I couldn't find it in the intro.
Check out the link here. Thanks so much for watching! czcams.com/video/jzBgZjOJJnY/video.html
Thanks for the great tutorial! But should I use websocket or SSE for realtime apps like googleClassroom or blog apps etc? Waiting for your response.
I think it depends on if you need one way event recognition or you need multiple way event recognition. If you just need a Events from the server to the client, then SSE will suffice. But if you're doing like a sub pub model, web sockets will be a better fit. hope that helps! And thank you so much for watching 🙏
Great stuff, thanks for the tutorials.
You're welcome 🙏 thank you for watching!
Thanks for the tutorial Kevin. Really liking the series so far.
Hey thank you so much 🙏! I really appreciate you watching and going through it!
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 🙏
It really helped me. Thank you very much Mr.Kevin!
You're very welcome! Thank you so much for watching! 🙏
I believe it is supposed to be instanceName, as opposed to instancename
Hey thanks for catching that 🙏 I appreciate you watching!
Is there any website with basic to advance react challenges to boost my react problem solving skills ?
I would recommend freecodecamp.Org, check out more videos on my channel, and build your own projects. One of the best ways to learn is to try to build something yourself and get stuck and figure it out.
I AM GETTING AN ERROR which is Could not proxy request /api from localhost:3000 to localhost:5000/. what should i do
Great video, how would I use this in production on an IIS server? Would I replace nodemon with node start server.js? Silly question but when I remove nodemon and use npm start server.js no components like home or etc are being served?
thanks for watching! I believe the command is node server.js Let me know if that works! I'm sure others could benefit from that as well.
Awesome video with clear explanation.
Thank you so much 🙏 more videos coming!
Thanks kevin really helped me thanks
Glad it helped! Thank you for watching 🙏
you've earned yourself a subscriber man :)
Yay! I really appreciate you 🙏 thank you so much.
this is often of the first BIS projects in university but you explain it better in less than 10 minutes. love the while loop suggestion! as always thanks for another great video!
Hey Ryan, that means a lot! I appreciate you checking it out 🙏 it was a fun one to make.
Also, if you don't mind, can you give the video a like? It helps a lot!
Thank you for making this simple and easy to understand, been awhile since I used react and it really helped me get back into the swing of things!
Awesome man, thank you so much for saying that! I do my best to keep it easy to understand 🙏
thank you soooooo much ❤
I literally can not thank you enough ❤
You're very welcome! Thank you for watching 🙏