- 27
- 27 153
Alex's Dev Den 👨💻
Registrace 13. 11. 2012
Hey, my name is Alex!👋🏼
I'm Asst. Professor @ Business Academy Southwest, where I teach software development 👨💻
I'm Asst. Professor @ Business Academy Southwest, where I teach software development 👨💻
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
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]
SDP: Bulding an Angular Frontend for Product API
zhlédnutí 481Před rokem
SDP: Bulding an Angular Frontend for Product API
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
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).
very clear lesson 👍
How to bordcast all client
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); }
I do like this video!
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.
"Promo sm"
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
Why do you choose Flesk? Agree, API looks clearer than for System.Net.WebSockets, but maybe that abstraction level leaks?
Hey bro... please which microphone are you using ?
Hey bro, I'm using an Elegato Wave 3
Great one
Please what do use for your screen record ?
@@eribohwobernard299 I use OBS Studio for screen recording + Droidcam for Android. I use KDENlive for editing
Thanks very helpful
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?
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.
@@alexdevden I was looking into signalR what are your thoughts on it?
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
@@alexdevden Thanks for your answer! It is very helpful
🙋 P R O M O S M
Great new video keep up the good work
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()
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
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?
UPDATE: Figured it out. Go to Run -> Rerun the publish profile.
Does adding more claims will improve the security of the token ?
please i need help with my ionic installations.every time i have dependency conflict problem. How to do ?
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?
Amazing work. Thanks.
No rest for the wicked, nice video Alex ! o/
I'm glad you like it, Tawfik!
Well, look who decided to grace us with another masterpiece. I was starting to lose hope.
I'm always looking out for my people!
Another slam dunk Alex. Concise and relevant. Keep up the great work!
Thanks fam, always keeping it fresh for the 🔥fire-family🔥
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
The missing piece ! Thank you ! o/
Thank you Alex for this video, it cleared some questions and Axios seems way easier to use than HttpClientModule 🖖.
function returnsPromise(): Promise<number>; let num: typeof returnsPromise; // what do you expect from a language that promise it will return something ☕
Great video Alex, helped a lot!
thanks a lot , it make more sense now than before :D