- Видео 71
- Просмотров 1 901 632
Coding With Adam
Канада
Добавлен 13 мар 2020
I'm passionate about mentoring and teaching. I want to help you become a better developer. If my videos help let me know in the comments. My current focus is general programming concepts, JavaScript, React and Game Development.
Help grow Coding With Adam by Subscribing, liking and sharing my videos!
If you would like to support the channel here is my PayPal link
paypal.me/codingwithadam?country.x=CA&locale.x=en_US
Help grow Coding With Adam by Subscribing, liking and sharing my videos!
If you would like to support the channel here is my PayPal link
paypal.me/codingwithadam?country.x=CA&locale.x=en_US
Crash Course: Server-Sent Events (SSE) with Express.js & EventSource
In this tutorial, we will dive into the world of Server-Sent Events (SSE) with a hands-on approach. I will guide you through setting up an Express.js server to handle SSE events and creating a simple HTML and JavaScript frontend to manage SSE event streams using EventSource.
🔍 What You'll Learn:
- Setting up an Express.js server for SSE
- Handling SSE event streams with EventSource in JavaScript
- Building a basic client-side implementation with HTML and JS
📚 Resources & Links:
- Code
github.com/CodingWith-Adam/sse-simple-example
- MDN Event Source
developer.mozilla.org/en-US/docs/Web/API/EventSource
If you enjoy this tutorial please subscribe, like and share
Chapters
00:00 Intro
00:16 HTTP vs SSE
01:...
🔍 What You'll Learn:
- Setting up an Express.js server for SSE
- Handling SSE event streams with EventSource in JavaScript
- Building a basic client-side implementation with HTML and JS
📚 Resources & Links:
- Code
github.com/CodingWith-Adam/sse-simple-example
- MDN Event Source
developer.mozilla.org/en-US/docs/Web/API/EventSource
If you enjoy this tutorial please subscribe, like and share
Chapters
00:00 Intro
00:16 HTTP vs SSE
01:...
Просмотров: 1 531
Видео
How to Build a Retro AI Chat App with OpenAI API and Node.js | Step-by-Step Tutorial
Просмотров 8234 месяца назад
In this tutorial we use OpenAI (ChatGPT) API and NodeJs to create a retro AI Chat console application. This is a easy beginner friendly tutorial. We start with a blank project and add the required dependencies and code the logic for a simple console application. As an added bonus we apply color and ascii art for a retro AI chat application. Links: Github Code: github.com/CodingWith-Adam/retro-a...
How to create OpenAI ChatGPT API Key and Example Code with Node.JS
Просмотров 2,2 тыс.4 месяца назад
In this tutorial, you will learn how to create an OpenAI API key(ChatGPT API key) and use it in a Node.js application. With this API key, you’ll be able to interact with ChatGPT and leverage its capabilities in your projects. With the release of GPT-4o pricing will be cheaper and request will be faster! I will also show you how to remove the following error: DeprecationWarning: The `punycode` m...
GitHub Copilot Top Features Explained
Просмотров 18 тыс.5 месяцев назад
Github Copilot top features explained with VS Code. Github copilot is an AI pair programmer right in your IDE. It can suggest lines or entire functions to write. Article: dev.to/codingwithadam/github-copilot-top-features-1p1 Learn how to use all these features in GitHub Copilot: 0:00 Intro 0:06 Real Time Suggestions 1:31 Inline Chat 2:51 Voice to Code 3:09 Test Generation 4:02 Doc Generation 4:...
React Hooks Crash Course
Просмотров 4,3 тыс.Год назад
React Hooks - Learn all these react hooks in one video: useState, useEffect, useContext, useMemo, useCallback, useRef, useReducer, useImperativeHandle. We also briefly cover forwardRef and memo. This is a crash course with quick explanations for each hook. GithHub github.com/CodingWith-Adam/react-hooks-crash-course Sections 00:00 Intro 00:07 Hook Rules 00:29 useState 01:27 useEffect 03:39 useCo...
The Best VSCode Extensions 2024
Просмотров 358 тыс.Год назад
The best VSCode extensions. These are some of my favorite VSCode extensions that I use to increase my productivity. Checkout my video to learn more and see a demo of each extension. Extensions 00:00 Intro 00:07 Prettier 00:33 Code Spell Checker 01:08 ESLint 01:31 Error Lens 02:01 Material Icon Theme 02:31 Live Server 03:04 Auto Rename Tag 03:25 Peacock 03:58 Auto-Open Markdown Preview 04:22 Mar...
Build an Awesome Version of Tic Tac Toe in React Tutorial
Просмотров 23 тыс.Год назад
In this Tutorial we are going to build an awesome version of Tic Tac Toe using React. Learn React concepts such as thinking in components, useState hook and useEffect hook. We also cover JS audio, CSS concepts such as flex-box and grid layouts for display and more to create a delightful UI. CSS Gist gist.github.com/CodingWith-Adam/d82337a4c8b3beb49248584a51c6f550 Github Complete project github....
Keychron K3 Optical vs K3 Pro Gateron Review
Просмотров 20 тыс.Год назад
In this video we will review the Keychron K3 with optical brown switches and the Keychron K3 pro with Gateron brown switches. I’ll answer the question if you should buy optical vs mechanical switches and the difference between the regular k3 and the pro edition. Amazon Keychron K3 pro amzn.to/3QqHZvP Amazon Keychron K3 amzn.to/45687ju Keychron K3 Pro www.keychron.com/products/keychron-k3-pro-qm...
How to Easily Change VSCode Color Theme
Просмотров 9 тыс.Год назад
In this video I will show you how to easily change VSCode color theme with an extension called Peacock. This extension changes the color of the title bar, status bar and activity bar. Once installed the extension can be accessed from the command palette. Simply open the command palette and search for peacock. You can select from a list of predefined favorite colors. You can darken or lighten a ...
Coding Chrome Dino Game in JavaScript with a HTML Canvas - Complete Tutorial - Game Development
Просмотров 20 тыс.Год назад
In this exciting tutorial we are going to build a clone of the chrome dinosaur game with Javascript and a HTML Canvas. This version of the game can be played on a touch screen or with a keyboard. The game will scale to fit on any size screen. Try the game out here codingwith-adam.github.io/dino-game/index.html On a mobile device play in landscape orientation for the best experience. Github Repo...
How to use ChatGPT AI to Create the Game Snake in JavaScript
Просмотров 4,7 тыс.Год назад
In this video we use ChatGPT an AI assistant to help us create the game snake in JavaScript. For a JavaScript Snake tutorial created by a human checkout this link: ruclips.net/video/7Azlj0f9vas/видео.html #chatgpt #ai #gamedev
Introduction to Lexers, Parsers and Interpreters with Chevrotain
Просмотров 6 тыс.Год назад
In this exciting tutorial we are going to learn how to use a library called Chevrotain. It can be used to build parsers/compilers/interpreters for various use cases ranging from simple config files to full fledged programming languages. If you ever wondered how programming languages are built this video is a great introduction. We will start with an intro to lexers(tokenization), parsers, gramm...
How to use JS Gamepad API and Build a Gamepad Tester in 12 minutes
Просмотров 5 тыс.Год назад
An easy to build gamepad tester using the JavaScript Gamepad API. This gamepad tester displays a controller and highlights the buttons being pressed. It can even show the position of the analog sticks in real time. Controller Image SVG Code (copy into HTML) gist.github.com/CodingWith-Adam/66f62365af3214b9fa7c1342c71264de GitHub github.com/CodingWith-Adam/gamepad-tester-simple-just-controller/bl...
How to use JavaScript Gamepad API to Build a Simple Game
Просмотров 6 тыс.Год назад
In this exciting tutorial we will use the JavaScript Gamepad API to build a simple game to move a player around on the screen using a game controller. We will be programming the direction pad and left analog stick to move the player on the screen. We will also use the face buttons to change the color of the player depending on the button pressed. The JS Gamepad API allows developers to use a ga...
How to use JS Gamepad API and Build a Gamepad Tester
Просмотров 4,1 тыс.Год назад
How to use JS Gamepad API and Build a Gamepad Tester
What is a Software Development Platform Team?
Просмотров 2,1 тыс.2 года назад
What is a Software Development Platform Team?
How to Use VS Code Spell Checker - Detailed walkthrough to setup and use multiple languages
Просмотров 12 тыс.2 года назад
How to Use VS Code Spell Checker - Detailed walkthrough to setup and use multiple languages
VSCode Custom Colors Per A Project - Change the Side Bar, Title Bar and Status Bar Color
Просмотров 13 тыс.2 года назад
VSCode Custom Colors Per A Project - Change the Side Bar, Title Bar and Status Bar Color
Super Mario 3D World - Champion's Road Walkthrough - Easy to Follow Instructions - Easy Method
Просмотров 25 тыс.2 года назад
Super Mario 3D World - Champion's Road Walkthrough - Easy to Follow Instructions - Easy Method
How to solve Fizz Buzz with an easy explanation
Просмотров 3,9 тыс.2 года назад
How to solve Fizz Buzz with an easy explanation
How to Change VS Code Terminal Color
Просмотров 89 тыс.2 года назад
How to Change VS Code Terminal Color
How to Trim Videos Using Python and FFMPEG
Просмотров 14 тыс.2 года назад
How to Trim Videos Using Python and FFMPEG
How to Customize Zsh Command Prompt Text
Просмотров 38 тыс.2 года назад
How to Customize Zsh Command Prompt Text
Coding Space Invaders in JavaScript Complete Tutorial Every Step Explained with HTML5 Canvas
Просмотров 42 тыс.2 года назад
Coding Space Invaders in JavaScript Complete Tutorial Every Step Explained with HTML5 Canvas
Connect Apple Cinema Display to new MacBook with usb-c (2022)
Просмотров 20 тыс.2 года назад
Connect Apple Cinema Display to new MacBook with usb-c (2022)
How to make a sleep function in JavaScript with async await
Просмотров 11 тыс.2 года назад
How to make a sleep function in JavaScript with async await
Hack Flexbox Froggy by Using Chrome Developer Tools to Hack the Answers
Просмотров 2,5 тыс.2 года назад
Hack Flexbox Froggy by Using Chrome Developer Tools to Hack the Answers
Learn HTML Flexbox by playing this game - Flexbox Froggy
Просмотров 2,3 тыс.2 года назад
Learn HTML Flexbox by playing this game - Flexbox Froggy
Hey! my airpods tip ripped and i cant manage to take it off🥹 the only thing thats left is the plastic ring that goes around it
No - paper towel did not work for me.
Thank you ! Finally one guy who can explain :D
Hello,I keep getting stuck on the 3rd piranha plant. I’m holding down A but I always move too much jumping from the 2nd the 3rd plant. Any tips?
You didn't really explain any of the code for those new to Javascript.
Excellent explanation! You just made my day. Thank you so much, Adam.
Nice tutorial!! I'm quite a noob on java... How do you export the game once it's finished?
I got the game to work only problem is when X or O wins the game just disappears then I have to refresh
That's awesome, sounds like you are really close to getting it working. Sounds like it might be crashing at the end of the game. I would take a look at the chrome dev tools console to see if you see any errors. You can try the version that I uploaded to github to check if it is also working correctly in your browser. codingwith-adam.github.io/tic-tac-toe-react/ You can also compare it to the complete version here github.com/CodingWith-Adam/ti... Hope that you get it to work! Thanks for taking the tutorial!
Thank you so much for the video. Im having some issue with the sound not playing and the fowlling errors. failed to load resource the server responded with a status of 404(not found ) for both sounds. some uncaught (in promise) not supported errors the element has no supported sources. These are all in relation to the sounds. I assume I am not downloading the file correctly for github? Im using download raw file on both files, but wonder what format the file should download, possible? This is my first time dealing with github so im defianitly a newbie.
You're welcome! Thank for taking the tutorial. For the issues that you encountered I would take look at the chrome developer tools console to see if you see any errors. I would also try and see if the downloaded files will play any music on your computer before trying them with the game. No problem about being new to GitHub here is a direct link to download the entire project as a zip github.com/CodingWith-Adam/tic-tac-toe/archive/refs/heads/main.zip the sounds files should work correctly by downloading the full project. I know this reply is late but I hope it helps!
This was surprisingly really useful
Thanks!
7:05 - 7:10 in my editor it isn`t working. I don`t see any gamepadButton information
Man you’re a genius! This worked flawlessly
Thank you! I’m really glad it worked! Congrats on the AirPods!
very useful
Thank you! 😁
CÓDIGO NÃO RODA, SOU INICIANTE, E MEU VSCODDE NÃO RODA NEM UM SIMPLES ('HELLO WORLD'), ESTOU APRENDENDO PYTHON, MAS JA TENTEI OUTRAS LINGUAGENS DIGITAR A MESMA INHA DE CÓDIGO EM CADA LINGUAGEM, E ACONTECE A MESMA COISA. NÃO ACHO SOLUÇÕES NA INTERNET ALGUÉM AJUDA PRO FAVOR...ALGUEM AJUDA POR FAVOR NÃO SEI MAIS OQ FAZER.
Sorry to hear that. Here is an excellent tutorial by Mosh. He is an excellent teacher and you will learn a lot. This is a free course he has put together. Let me know how it goes and keep on coding you will get it. Feel free to write back and let me know how it goes. ruclips.net/video/_uQrJ0TkZlc/видео.htmlsi=LCkRFPJOPidE2S1a
your mic quality is really good! what do you use?? thanks for sharing tips too!!
Thank you! Glad you enjoyed the video and audio quality. For this video I used my audio-technica at2020
K3pro 75% has my vote
It’s a great keyboard!
Thanks very interesting
You’re welcome!
thank you
You’re welcome!
i tried this but it still doesnt work, the bottom started ripping a lil bit and im scared to pull it out. what i do
super great demonestration
Thank you! Glad you liked the video.
mine opens up in a separate window .. what am i doing wrong?
Beautiful way of presenting TDD. Can you add some complex features which involves Api calls?
Thank you! Glad you enjoyed the video! I made this a while back that might help with testing api calls. ruclips.net/video/dReoPIwDccY/видео.htmlsi=ZiXOeie5aXY5tj72
This is incredible! Do you do zoom mentoring sessions?
You’re welcome! At this time I do not offer that but I like the suggestion and might offer that in the future 😀
For reference if you do not mine I’m wondering what kind of mentoring are you looking for? For example Career advice, Which technologies to learn for web development etc.
Wow I loved this tutorial, helped me a lot the use of array, pls could you do some more react tutorial??
Thank you! I’m glad you enjoyed the tutorial and that it helped with using arrays. Always happy to hear that the tutorials are helpful! Appreciate the suggestion and hopefully will make more react tutorials in the future.
I am getting an error: No Module named ''FFMPEG'
thank you
You’re welcome! Happy it helped. Congrats on the new AirPods!
concise, helpful and up to rhe point! this is how tutorial videos should be like. liked n subbed
Thank you for the wonderful feedback! I’m really glad you enjoyed the video. Thank you for the sub and like! 😃
One of the smoothest video ever watch for Observer Pattern. Code was clean, speaking tone relaxing. Cant say anything
Thank you for the wonderful feedback! I’m really glad you enjoyed the tutorial. 😁
This is not showing terminal preferences
The features of GitHub Copilot, like code examples and inline documentation, improve developer comprehension and assist in putting best practices into effect right within the code editor.
That’s right it can really boost productivity with all those features.
What is the testing extension name?
What to do if it knocks out despite the fact that everything in the video is done?
Hi! Thanks for ur video. I only have one question, do u know if we can change the color of an executed program on the terminal? Sorry if my question isnt clear or dumb, im just starting!!
really good place to learn 2 matrix
Thanks!
Thanks
You’re welcome!
What a great video, thanks so much! And your style of teaching and narrating is very good as well :)
You’re welcome! Thank you for the wonderful feedback!!! I’m really glad you enjoyed the video. 😀
Honestly, Adam, your videos and channel deserve way more views and subs. I'm not a coder or dev, and have no desire to be one (I'm a few years from retiring out the Network world), but I do enjoy dabbling from time to time or teaching myself enough code to use for a work task, and sometimes even just exercising my brain. On a whim I decided to follow your tutorial because I've never actually used JavaScript before and I was curious to see how it flows. I'm only just starting, but I'm already absorbing a lot of it, and I'm already having ideas in my head about how to implement the barriers at the bottom (building them like bullets, maybe?) or adding the enemy that randomly floats across the top. Whether this motivation sticks, who knows, but I just wanted to throw out a thanks.
Thank you, Roddie, I really appreciate your comment and kind words! I'm extremely glad that you enjoyed the tutorial and have plans to expand on the game. It’s always exciting to hear how viewers like yourself are finding inspiration and coming up with new ideas. I really enjoy making videos when I can find the time and always appreciate feedback. Comments like yours let me know that the videos are having an impact, and I’m always open to suggestions if there’s anything specific you’d like to see in the future. I’m hoping that the channel can continue to grow over time.
The K3 pro sound loud lol, I'm planning to use it in office 😮
Not very many SSE tutorials on RUclips. But even if there were many, none would compare to this one! Great job and extremely helpful!!!! Thank you so much!!! You got a new sub from me sir!
Thank you for the wonderful comment!!! It made my day! I’m really glad you enjoyed the tutorial! Thank you for the sub 😃
do you know how can i change PS1 string value?
Thank you very much!
You’re welcome! Glad you enjoyed the video!
Really good! Thank you for sharing this amazing content!
You’re welcome! Glad you enjoyed the tutorial 😁
Thanks man
You’re welcome!
In context of gaming, aren't optical switches supposed to be 'analog' kinda, or should be configurable to act as analog swithces?
awesome thanks. all killer
You're welcome! Glad you enjoyed the video
Very good explained. Good that somebody teach javascript developer the basics of programming. But it is not what I exactly search for. I want to start only one test and debug it. I use the "debug test" from visual studio code, it says that a debugger is attached, but i do not hit a breakpoint. maybe I expect too much from javascript :) I normally work with C# or Go, which is really easy to debug
Thank you! JavaScript/ node.js can be a bit difficult compared to languages like C#. I would suggest checking out some of the vs code extensions like jest test runner. They add a debug and run test button above each test. You can also open a debug terminal from vs code. I hope that you were able to figure this out. It might be a good future video idea that I might work on.
ur a g fr
Thanks!
thank you so much
You’re welcome!
@@CodingWithAdam i do it but i can not see anything in my repo, but when i change main to master, i can edit my code.
which browser should I use to use this game chrome doesnt load the script
If you are still taking the tutorial I suggest using chrome. In the description there is a link to the game see if that works before proceeding with the tutorial.
my prettier adds space and slash to the end of my element, please what can i do to fix this