Coding With Adam
Coding With Adam
  • Видео 71
  • Просмотров 1 901 632
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:...
Просмотров: 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
How to use SetTimeout in JavaScript
Просмотров 7 тыс.2 года назад
How to use SetTimeout in JavaScript
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
How to use Mac Split Screen
Просмотров 8 тыс.2 года назад
How to use Mac Split Screen

Комментарии

  • @disappearedfromexistence4ever
    @disappearedfromexistence4ever 9 часов назад

    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

  • @JC-ut4oi
    @JC-ut4oi 11 часов назад

    No - paper towel did not work for me.

  • @MarcelSchwertfeger-v5w
    @MarcelSchwertfeger-v5w День назад

    Thank you ! Finally one guy who can explain :D

  • @fangirl228
    @fangirl228 2 дня назад

    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?

  • @Tennishero
    @Tennishero 2 дня назад

    You didn't really explain any of the code for those new to Javascript.

  • @quidergo
    @quidergo 2 дня назад

    Excellent explanation! You just made my day. Thank you so much, Adam.

  • @Thantoso
    @Thantoso 3 дня назад

    Nice tutorial!! I'm quite a noob on java... How do you export the game once it's finished?

  • @Misterkennedy04
    @Misterkennedy04 4 дня назад

    I got the game to work only problem is when X or O wins the game just disappears then I have to refresh

    • @CodingWithAdam
      @CodingWithAdam 3 дня назад

      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!

  • @MichaelRushing-tt8nb
    @MichaelRushing-tt8nb 13 дней назад

    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.

    • @CodingWithAdam
      @CodingWithAdam 3 дня назад

      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!

  • @darkslashjx
    @darkslashjx 15 дней назад

    This was surprisingly really useful

  • @EnigmatycznyPL
    @EnigmatycznyPL 15 дней назад

    7:05 - 7:10 in my editor it isn`t working. I don`t see any gamepadButton information

  • @dmike4real496
    @dmike4real496 19 дней назад

    Man you’re a genius! This worked flawlessly

    • @CodingWithAdam
      @CodingWithAdam 17 дней назад

      Thank you! I’m really glad it worked! Congrats on the AirPods!

  • @GunShot109
    @GunShot109 21 день назад

    very useful

  • @fall741
    @fall741 21 день назад

    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.

    • @CodingWithAdam
      @CodingWithAdam 21 день назад

      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

  • @luciusrex
    @luciusrex 22 дня назад

    your mic quality is really good! what do you use?? thanks for sharing tips too!!

    • @CodingWithAdam
      @CodingWithAdam 17 дней назад

      Thank you! Glad you enjoyed the video and audio quality. For this video I used my audio-technica at2020

  • @carlosrico7869
    @carlosrico7869 22 дня назад

    K3pro 75% has my vote

  • @landrycabrel2663
    @landrycabrel2663 27 дней назад

    Thanks very interesting

  • @Jerrynibba
    @Jerrynibba 29 дней назад

    thank you

  • @keipy7672
    @keipy7672 29 дней назад

    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

  • @peymanx
    @peymanx 29 дней назад

    super great demonestration

  • @emilieabbott4985
    @emilieabbott4985 Месяц назад

    mine opens up in a separate window .. what am i doing wrong?

  • @vijayavula4410
    @vijayavula4410 Месяц назад

    Beautiful way of presenting TDD. Can you add some complex features which involves Api calls?

    • @CodingWithAdam
      @CodingWithAdam 29 дней назад

      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

  • @norman8823
    @norman8823 Месяц назад

    This is incredible! Do you do zoom mentoring sessions?

    • @CodingWithAdam
      @CodingWithAdam 29 дней назад

      You’re welcome! At this time I do not offer that but I like the suggestion and might offer that in the future 😀

    • @CodingWithAdam
      @CodingWithAdam 27 дней назад

      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.

  • @fonjiopeter808
    @fonjiopeter808 Месяц назад

    Wow I loved this tutorial, helped me a lot the use of array, pls could you do some more react tutorial??

    • @CodingWithAdam
      @CodingWithAdam 29 дней назад

      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.

  • @miracledoh4020
    @miracledoh4020 Месяц назад

    I am getting an error: No Module named ''FFMPEG'

  • @computersoftwaretraining7937
    @computersoftwaretraining7937 Месяц назад

    thank you

    • @CodingWithAdam
      @CodingWithAdam 29 дней назад

      You’re welcome! Happy it helped. Congrats on the new AirPods!

  • @sonny5497
    @sonny5497 Месяц назад

    concise, helpful and up to rhe point! this is how tutorial videos should be like. liked n subbed

    • @CodingWithAdam
      @CodingWithAdam Месяц назад

      Thank you for the wonderful feedback! I’m really glad you enjoyed the video. Thank you for the sub and like! 😃

  • @oguzsahin5242
    @oguzsahin5242 Месяц назад

    One of the smoothest video ever watch for Observer Pattern. Code was clean, speaking tone relaxing. Cant say anything

    • @CodingWithAdam
      @CodingWithAdam Месяц назад

      Thank you for the wonderful feedback! I’m really glad you enjoyed the tutorial. 😁

  • @rivardhanrana4339
    @rivardhanrana4339 Месяц назад

    This is not showing terminal preferences

  • @molugusatyapriya2
    @molugusatyapriya2 Месяц назад

    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.

    • @CodingWithAdam
      @CodingWithAdam Месяц назад

      That’s right it can really boost productivity with all those features.

  • @HasnainAbbas-u1p
    @HasnainAbbas-u1p Месяц назад

    What is the testing extension name?

  • @ВладиславМельник-й7ж

    What to do if it knocks out despite the fact that everything in the video is done?

  • @alananas2190
    @alananas2190 Месяц назад

    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!!

  • @webdesignsbytom
    @webdesignsbytom Месяц назад

    really good place to learn 2 matrix

  • @Adlip_Kun
    @Adlip_Kun Месяц назад

    Thanks

  • @yulianloaiza
    @yulianloaiza Месяц назад

    What a great video, thanks so much! And your style of teaching and narrating is very good as well :)

    • @CodingWithAdam
      @CodingWithAdam Месяц назад

      You’re welcome! Thank you for the wonderful feedback!!! I’m really glad you enjoyed the video. 😀

  • @RoddieH
    @RoddieH 2 месяца назад

    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.

    • @CodingWithAdam
      @CodingWithAdam 2 месяца назад

      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.

  • @whippedculture7633
    @whippedculture7633 2 месяца назад

    The K3 pro sound loud lol, I'm planning to use it in office 😮

  • @kerrykreiter445
    @kerrykreiter445 2 месяца назад

    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!

    • @CodingWithAdam
      @CodingWithAdam 2 месяца назад

      Thank you for the wonderful comment!!! It made my day! I’m really glad you enjoyed the tutorial! Thank you for the sub 😃

  • @ahmedhassan5783
    @ahmedhassan5783 2 месяца назад

    do you know how can i change PS1 string value?

  • @robsongrubba
    @robsongrubba 2 месяца назад

    Thank you very much!

    • @CodingWithAdam
      @CodingWithAdam 2 месяца назад

      You’re welcome! Glad you enjoyed the video!

  • @SuperMady1000
    @SuperMady1000 2 месяца назад

    Really good! Thank you for sharing this amazing content!

    • @CodingWithAdam
      @CodingWithAdam 2 месяца назад

      You’re welcome! Glad you enjoyed the tutorial 😁

  • @imrealgigachad
    @imrealgigachad 2 месяца назад

    Thanks man

  • @denissorn
    @denissorn 2 месяца назад

    In context of gaming, aren't optical switches supposed to be 'analog' kinda, or should be configurable to act as analog swithces?

  • @keithbertschin1213
    @keithbertschin1213 2 месяца назад

    awesome thanks. all killer

    • @CodingWithAdam
      @CodingWithAdam 2 месяца назад

      You're welcome! Glad you enjoyed the video

  • @kinneko3140
    @kinneko3140 2 месяца назад

    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

    • @CodingWithAdam
      @CodingWithAdam 2 месяца назад

      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.

  • @parmiskhaleghiyeh941
    @parmiskhaleghiyeh941 2 месяца назад

    ur a g fr

  • @donhathong112k
    @donhathong112k 2 месяца назад

    thank you so much

    • @CodingWithAdam
      @CodingWithAdam 2 месяца назад

      You’re welcome!

    • @donhathong112k
      @donhathong112k 2 месяца назад

      @@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.

  • @erickrojas1114
    @erickrojas1114 2 месяца назад

    which browser should I use to use this game chrome doesnt load the script

    • @CodingWithAdam
      @CodingWithAdam 2 месяца назад

      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.

  • @Titan0_7
    @Titan0_7 2 месяца назад

    my prettier adds space and slash to the end of my element, please what can i do to fix this