Alex's Dev Den 👨‍💻
Alex's Dev Den 👨‍💻
  • 27
  • 27 153
Chat App Project Solution Walkthrough [Business Academy South-West Fullstack 2024 Assignment]
I'm going though the most essential parts of an example solution for the Chat App with WebSockets.
This video largely focuses on the back-and-forth communication and broader picture of how to achieve the goals rather than zooming into every feature. You can of course find the full source code if you're curious about individual feature implementations: github.com/uldahlalex/MiniProjectSolution/tree/adb856e21f7d33c27851eff1e1b40839699b5cd3
zhlédnutí: 292

Video

Deploying .NET Websocket API to Heroku with Github Actions🚀 (C#, Fleck) [FULLSTACK 2024 VIDEO 6]
zhlédnutí 359Před 4 měsíci
Used for deployment: The buildpack used: github.com/jincod/dotnetcore-buildpack The Github Action referenced: github.com/AkhileshNS/heroku-deploy Source code by the end of video: github.com/uldahlalex/ws/tree/1e225f52abee7b571ad1a70cddec1fed8b5b3765 Preliminary knowledge: - All preliminary knowledge from previous videos in the series TIMESTAMPS: 00:00: Welcome & provisioning 01:28: Adding build...
✨AI Content Filter For C# Websocket API with Azure Cogntive Services🪄 [FULLSTACK 2024 VIDEO 5]
zhlédnutí 307Před 4 měsíci
Source code by the end of the video: github.com/uldahlalex/ws/tree/8779114566f3eaccb816a06258bfc4fc28cd3af0 Preliminary knowledge: - All previous videos in series - Knowledge about documentation (REST conventions, Swagger / OpenAPI) & clients like cURL / Postman Timestamps: 00:00: Intro provisioning 03:30: API spec ➡️ request (cURL) 08:14: Request (cURL) ➡️ C# code 16:45: Integrating with event...
Testing WebSocket API + CI/CD 🔬 [FULLSTACK 2024 VIDEO 4]
zhlédnutí 604Před 4 měsíci
Source code: github.com/uldahlalex/ws/tree/6fb2e8481660fb227f09607a1b2712676a8e609a (Link to exact source code by the end of video) The testing conducted in this video is particuar for the libraries used in the series (see previous videos first). Preliminary knowledge: - All preliminary knowledge from previous videos in series - Basic Testing knowledge - Basic CI/CD knowledge TIMESTAMPS: 00:00:...
Realtime Chatrooms💬: Stateful WebSocket APIs with .NET 8 & C# [FULLSTACK 2024 VIDEO 3]
zhlédnutí 1,3KPřed 4 měsíci
Source code from video: github.com/uldahlalex/ws/tree/3840e7f49d423059516064c3d3c4948db55e7882 (Link to exact source code by the end of the video) Preliminary knowledge: The same as previous video TIMESTAMPS: 00:00: Intro: Stateful API's 00:56: Data structures For Chat Rooms 09:10 Event handlers for room broadcasting 15:40 Associating data with connections (composition) 21:05 Reveal & closing r...
Event-Driven Architecture For Websockets With .NET 8 & C# 🛠️ [FULLSTACK 2024 VIDEO 2]
zhlédnutí 2,4KPřed 4 měsíci
Source code from video: github.com/uldahlalex/ws/tree/d6ed22837396b12aca704876bee24fbfed01a86c (Link to exact source code by the end of the video) The Nuget package source code: github.com/uldahlalex/uldahlalex.websocket.boilerplate Preliminary knowledge: The same as previous video TIMESTAMPS: 00:00: Intro: The Problem 04:00: The Nuget package 09:00: Implementing the "Echo" event handler 13:28:...
Making A WebSocket Server With .NET 8🧑‍💻 [FULLSTACK 2024 VIDEO 1]
zhlédnutí 7KPřed 5 měsíci
Source code: github.com/uldahlalex/ws/tree/1e59bf806564241da6d6e0b7c4964ac9019761b0 (Link to exact source code by the end of the video) Preliminary knowledge: - Basic knowledge about Web and APIs - Basic C# knowledge - Basic CLI skills (shell commands like cd, mkdir, ls ...) - For making the small client app: Basic Angular knowledge TIMESTAMPS: 00:00: What are WebSockets? 02:08: .NET WebSocket ...
Making a 🖌️Front-end🖌️ for our API (Angular 16 & Ionic 7)
zhlédnutí 739Před 11 měsíci
Part 4 in which we make a web-based front-end! Source code from video: github.com/uldahlalex/programming_2_video_4 Recommended pre-requisites: - Basic knowledge about web - Basic syntax for Javascript/Typescript & HTML Links: UI components in Ionic: ionicframework.com/docs/components Icons in Ionic: ionic.io/ionicons Timestamps: 00:00:00 Introduction & installations 00:04:40 Creating new app 00...
Let's Create a Web API with .NET 8 (& Dapper) PART 1: 📚The Book Feed📚
zhlédnutí 5KPřed 11 měsíci
NOTE: Use this command for creating a Web API: dotnet new webapi use-controllers Disclaimer: If you "just" use dotnet new webpi without use-controllers in newer versions, you will not get controllers! Part 1 of making a full-stack application with .NET & Angular, in which we create the backend portion of a book feed. Source code from video: github.com/uldahlalex/programming_2_video_1 Download ....
Making Automated API Tests with Postman & Github Actions! Testing 📚The Book API📚
zhlédnutí 657Před 11 měsíci
Part 3 of making a full-stack application with .NET & Angular, in which we test our API with Postman and automate with Github Actions! Source code from video: github.com/uldahlalex/programming_2_video_3 Download node version manager: github.com/nvm-sh/nvm (Linux or Mac OS) github.com/coreybutler/nvm-windows (Windows) Postman: www.postman.com/downloads/ Timestamps: 00:00 Introduction 02:00 Postm...
Adding Full CRUD For The 📚Book Feed📚 API with .NET 8 & Dapper [PART 2]
zhlédnutí 784Před 11 měsíci
Part 2 of making a full-stack application with .NET & Angular, in which we finish the backend. Source code from video: github.com/uldahlalex/programming_2_video_2 Timestamps: 00:00:00 What we'll build 00:01:48 Adding POST endpoint 00:06:50 ApiController, request DTO's, Data annotations 00:16:00 Exceptions 00:24:50 Response DTO's 00:31:45 Exception handling middleware 00:37:20 Action Filter for ...
Making a UI for our app! 🖌️ [Part 8 of Fullstack with Firebase & Angular 2023]
zhlédnutí 150Před rokem
Building a UI for our beloved chat app TIMESTAMPS) 00:00 Intro 01:22 Adding Ionic UI library 03:15 Making login page 09:21 Making chat feed UI 22:13 Making UI more responsive 33:10 Adding toasts
Anti-toxic chat /w Express, Cloud Functions, TFjs [Part 7 of Fullstack with Firebase & Angular 2023]
zhlédnutí 193Před rokem
Express.js, Tensorflow.js, Firebase Cloud Functions & more good stuff. TIMESTAMPS: 00:00 Introduction to Express.js 02:21 First endpoints 05:36 Toxicity filter with Tensorflow.js 17:15 Testing endpoint with Postman 18:55 Using Axios to call cloud functions 23:15 Final result
Cloud Function Triggers & Admin SDK Setup [Part 6 of Fullstack with Firebase & Angular 2023]
zhlédnutí 399Před rokem
Stay tuned for next video, where we integrate Expressjs into Cloud functions and start using these from our Angular application. Timestamps: 00:00 Introduction 00:45 Making auth triggered cloud function 04:15 Using Admin SDK to insert data to Firestore 06:55 Making firestore triggered cloud function 10:55 Deploying the two functions to Firebase (cloud, not emulator)
Emulator Setup & First ⚡Cloud Function⚡ [Part 5 of Fullstack with Firebase & Angular 2023]
zhlédnutí 489Před rokem
Don't forget to login to firebase CLI using the command: firebase login In this video I demonstrate how to use Firebase emulators and execute our very first cloud function. 00:00 firebase init 05:24 Using emulators (using Firestore and Functions)
Avatars With Firebase 📂Storage📂 [Part 4 of Fullstack with Firebase & Angular 2023]
zhlédnutí 247Před rokem
Avatars With Firebase 📂Storage📂 [Part 4 of Fullstack with Firebase & Angular 2023]
🔒Authenticating🔒 with Firebase [Part 3 of Fullstack with Firebase & Angular 2023]
zhlédnutí 315Před rokem
🔒Authenticating🔒 with Firebase [Part 3 of Fullstack with Firebase & Angular 2023]
Realtime Data From 🔥Firestore🔥 [Part 2 of Fullstack with Firebase & Angular 2023]
zhlédnutí 512Před rokem
Realtime Data From 🔥Firestore🔥 [Part 2 of Fullstack with Firebase & Angular 2023]
Getting Started With 🔥Firebase🔥 [Part 1 of Fullstack with Firebase & Angular 2023]
zhlédnutí 806Před rokem
Getting Started With 🔥Firebase🔥 [Part 1 of Fullstack with Firebase & Angular 2023]
CDS 22: Securing A Web Application
zhlédnutí 414Před rokem
CDS 22: Securing A Web Application
SDP: Bulding an Angular Frontend for Product API
zhlédnutí 481Před rokem
SDP: Bulding an Angular Frontend for Product API
SDP22: Introduction to Javascript
zhlédnutí 219Před rokem
SDP22: Introduction to Javascript
SDP22: Deploying .NET 6 Web API to Azure (using Jetbrains Rider)
zhlédnutí 1,8KPřed rokem
SDP22: Deploying .NET 6 Web API to Azure (using Jetbrains Rider)
SDP 22: Onion Architecture 2: Adding Service Logic
zhlédnutí 287Před rokem
SDP 22: Onion Architecture 2: Adding Service Logic
SDP22: Onion Architecture Part 1: Setting Up Projects and Dependencies
zhlédnutí 409Před rokem
SDP22: Onion Architecture Part 1: Setting Up Projects and Dependencies
REST API Guide Part 2: Adding Data Transfer Object(s)
zhlédnutí 267Před rokem
REST API Guide Part 2: Adding Data Transfer Object(s)
REST API with .NET 6 Guide | Entity Framework Core | Fluent Validation | API testing with Postman
zhlédnutí 972Před rokem
REST API with .NET 6 Guide | Entity Framework Core | Fluent Validation | API testing with Postman

Komentáře

  • @yekt3805
    @yekt3805 Před 20 dny

    Fleck hasn't been updated in over 3 years. I used it in the past but sadly, I think it's dead. And it seems like there are many GitHub issues related to wss and certificates. I wouldn't be comfortable using it in a new project. The only things I could find that is still active and not a one man project are Microsofts own WebSocket implementations (System.Net.WebSockets and Microsoft.AspNetCore.WebSockets).

  • @yasinkurt6444
    @yasinkurt6444 Před 25 dny

    very clear lesson 👍

  • @CodingByAmp
    @CodingByAmp Před měsícem

    How to bordcast all client

    • @alexdevden
      @alexdevden Před měsícem

      In short, if you have a List<IWebSocketConnection> connections, you can iterate over this list and send to each like this: foreach (var connection in connections) { var string = "hello world"; connection.Send(message); }

  • @user-tg4io1lo5q
    @user-tg4io1lo5q Před měsícem

    I do like this video!

  • @jurijowsienko
    @jurijowsienko Před měsícem

    12:39 So called 'primitives' are value objects not objects (they do not inherit from 'Object'), returning 1 as an object causes wraping '1' into System.Object (also know as boxing), which is implicit and causes an allocation on the heap.

  • @curtwaters6569
    @curtwaters6569 Před 3 měsíci

    "Promo sm"

  • @veeker77
    @veeker77 Před 3 měsíci

    Awesome video ! The only thing that isn't cleat at all to me on how to use for myself is your FindAnInectClientEventHandlers. I didn't find it anywhere

  • @StackOverflowMan
    @StackOverflowMan Před 3 měsíci

    Why do you choose Flesk? Agree, API looks clearer than for System.Net.WebSockets, but maybe that abstraction level leaks?

  • @eribohwobernard299
    @eribohwobernard299 Před 4 měsíci

    Hey bro... please which microphone are you using ?

    • @alexdevden
      @alexdevden Před 4 měsíci

      Hey bro, I'm using an Elegato Wave 3

  • @eribohwobernard299
    @eribohwobernard299 Před 4 měsíci

    Great one

    • @eribohwobernard299
      @eribohwobernard299 Před 4 měsíci

      Please what do use for your screen record ?

    • @alexdevden
      @alexdevden Před 4 měsíci

      ​@@eribohwobernard299 I use OBS Studio for screen recording + Droidcam for Android. I use KDENlive for editing

  • @tomasmuller1972
    @tomasmuller1972 Před 4 měsíci

    Thanks very helpful

  • @guillermomazzari8320
    @guillermomazzari8320 Před 4 měsíci

    Nice vid, could I stablish a ws connection to my database and update the Ui in real time when something changes in the database? for example, If I call data form a table of people, where I have john, Mary and Laura and I am seeing this list in my frontend ui, but someone else deletes Laura in another browser, will I see that change on my browser immediately? without having to refresh or make a new request to the data base?

    • @alexdevden
      @alexdevden Před 4 měsíci

      Hey, thank you! There are DBMS's that support listening for database changes and can emit events for this use case. For instance, this repo: github.com/supabase/realtime uses Postgres and Websockets to achieve this effect.

    • @guillermomazzari8320
      @guillermomazzari8320 Před 4 měsíci

      @@alexdevden I was looking into signalR what are your thoughts on it?

    • @alexdevden
      @alexdevden Před 4 měsíci

      SignalR doesn't use generic websockets since they try to "build on top of" websockets. That means you need a dedicated SignalR client. It's kind of the same deal with Socket.IO. I prefer to use open standards and protocols rather than technologies that lock you in to specific SDKs @@guillermomazzari8320

    • @guillermomazzari8320
      @guillermomazzari8320 Před 4 měsíci

      @@alexdevden Thanks for your answer! It is very helpful

  • @normatippit3618
    @normatippit3618 Před 5 měsíci

    🙋 P R O M O S M

  • @oliverager7448
    @oliverager7448 Před 5 měsíci

    Great new video keep up the good work

  • @franciscojavierblancograja3640

    hi, i like the video , but i have a problema , when call de "this.userArray.push(change.doc.data());" not see the registers,i can see de registers but a can´t de information with de method data()

    • @coffeewithmadi5959
      @coffeewithmadi5959 Před 6 měsíci

      The doc property of the change object has many properties . We use the method data() to specify we only want the data from the doc property nothing else

  • @fieryscorpion
    @fieryscorpion Před 9 měsíci

    Great video. Thanks! Next time we deploy to App Service, do we have to go through the same process again, i.e. creating a publish profile yet again?

    • @fieryscorpion
      @fieryscorpion Před 9 měsíci

      UPDATE: Figured it out. Go to Run -> Rerun the publish profile.

  • @samkaxe2488
    @samkaxe2488 Před 9 měsíci

    Does adding more claims will improve the security of the token ?

  • @instrumentaljd1420
    @instrumentaljd1420 Před 11 měsíci

    please i need help with my ionic installations.every time i have dependency conflict problem. How to do ?

  • @gregscolumn
    @gregscolumn Před 11 měsíci

    Thanks for sharing this course, I really appreciate the work you put in I'm explaining, please I have a question, when using Firestore database, do I still need to use the snapshot to get real-time updates?

  • @moudjahidinesalissou9011
    @moudjahidinesalissou9011 Před 11 měsíci

    Amazing work. Thanks.

  • @fantodk6002
    @fantodk6002 Před 11 měsíci

    No rest for the wicked, nice video Alex ! o/

    • @alexdevden
      @alexdevden Před 11 měsíci

      I'm glad you like it, Tawfik!

  • @Tadiaki
    @Tadiaki Před 11 měsíci

    Well, look who decided to grace us with another masterpiece. I was starting to lose hope.

    • @alexdevden
      @alexdevden Před 11 měsíci

      I'm always looking out for my people!

  • @Tadiaki
    @Tadiaki Před rokem

    Another slam dunk Alex. Concise and relevant. Keep up the great work!

    • @alexdevden
      @alexdevden Před rokem

      Thanks fam, always keeping it fresh for the 🔥fire-family🔥

  • @caterinez2572
    @caterinez2572 Před rokem

    hello bro , how can i contact you? i have many questions for my library management system project , im struggling with binding firebase storage files and firestore cloud datas, can you make a video on how to upload a file to firebase storage and put the link inside firestore , so that when i click on a card in my html then the datas and the image shows together

  • @fantodk6002
    @fantodk6002 Před rokem

    The missing piece ! Thank you ! o/

  • @fantodk6002
    @fantodk6002 Před rokem

    Thank you Alex for this video, it cleared some questions and Axios seems way easier to use than HttpClientModule 🖖.

  • @samkaxe2488
    @samkaxe2488 Před rokem

    function returnsPromise(): Promise<number>; let num: typeof returnsPromise; // what do you expect from a language that promise it will return something ☕

  • @renarsmednieks7596
    @renarsmednieks7596 Před rokem

    Great video Alex, helped a lot!

  • @samkaxe2488
    @samkaxe2488 Před rokem

    thanks a lot , it make more sense now than before :D