Websockets in Laravel: Course Introduction

[Music] everybody welcome back to the dev marketer Channel I am super excited to have you guys here for a brand new series where we are learning about an awesome technology called WebSockets now WebSockets are what enable real-time changes in your application without needing any page refresh or anything your users on your web application are gonna get immediate updates in real time to anything that you enable through WebSockets it's going to be able to create really authentic new modern and exciting experiences on your web pages it really creates a wow factor when you're adding this to an application so as soon as something happens on the server side as soon as something changes there's new notifications it is immediately updated to all of the users that are currently on your application immediately without a page refresh this real-time experience is all enabled through WebSockets and that's gonna be the focus of the next few videos that we've released here is all gonna be around WebSockets now I want to thank you guys because you guys actually voted on this topic you guys said you wanted to learn about WebSockets with label and so I've gone ahead and done that and so back in December we actually I sent out a poll on Twitter and I said hey what do you guys want to learn I'm getting ready for my trip and what do you guys want to have while I'm gone and so I had a few options and you guys overwhelmingly told me you wanted to learn about WebSockets and level echo and so at back at the beginning of December I went ahead and created a whole series about WebSockets I put the stuff on github the code is all on github it was ready to go and then I had to leave for my trip and since I was leaving for my trip I had to clear out the hard drive space in my computer and I put it on a portable hard drive all the footage and I was gonna edit it while I was I had like 36 hours on the plane to the traveling to Asia so I had to fly it up all over the world basically so it was like a 30 hour flight with lay overs and stuff and so I was like I'll have plenty of time I'll just finish editing the videos while I'm traveling we'll get it uploaded South Korea has really good internet so I was like get it uploaded it won't be a problem well at some point my harddrive got corrupted and I wasn't able to recover all of the footage I got some of it and but not all of it so I end up having to rerecord several parts of it which didn't end up happening unfortunately and so anyway I was gone for two or three weeks well I was gone for three or four weeks actually I was traveling through South Korea we went to Singapore Cambodia Thailand Vietnam Indonesia and Malaysia so got to see a really good portion of Asia it was a really really fun trip I loved Asia I I loved it I can't wait to go back it was a really fun trip but anyway I got back at the beginning of January and I was like okay now let's go ahead let's rerecord these parts that I haven't got done and unfortunately as I started going through the parts that were recorded I wasn't super happy with it and so then I felt like I just wanted to redo the whole thing and then I left I had a convention in Vegas I had a convention in San Diego had to come back with another one in Vegas so in Las Vegas so anyway I was gone most of January and then we just got back last week and now I'm putting everything together again so sorry for the delay I've had so much travel lately but I'm going ahead and we're getting this all done now and we'll have this series all good for you and I'm actually excited because I'm happier now with these this new result that I am with the old one so I think it'll be better for you guys in the end I think you guys are gonna learn more from this kind of redone one because I I learned a lot teaching it the first time then I all got lost and now I get to redo it I think it's gonna be even better this time around okay so let's talk about what we are gonna and I will mention I am leaving in two days three let's see three days I'm leaving in three days - I got to go back to Seattle and then I'm going to I'm heading to Italy and Switzerland so I'll be in Europe for a couple more weeks after that but I have a brand new microphone that I can take traveling a lot easier and a brand new webcam I can take traveling easier so we might see the next few videos on the road so I might see you guys from Switzerland or Italy or something like that so anyway I just want to mention that hopefully I am more for making videos while traveling now I got the I've got the equipment now to kind of really create good quality videos while I'm on the road alright so let's talk about WebSockets we are gonna this series is going to focus on WebSockets I just kinda want to prep you guys for the series what to expect and a few things that we're gonna cover some details throughout the whole series and then we'll get started in the next video actually learning something so let's talk about what's coming up part zero is the next video part zero is focused purely on understanding the theory behind WebSockets if you've already worked with WebSockets in the past you may want to you're welcome to skip that video because we're actually not gonna be doing anything new not gonna be doing any code I just want to make sure you guys understand the terminology what when I say words like channels and presence in private and broadcasting and things like that subscribing I want you guys to know what I'm talking about and so we're gonna talk about the terminology around WebSockets and also how it works you have your socket server you've got your label server you've got all your clients they're all subscribed to channels I want to kind of explain what's going on with all that and that's gonna help you better understand if you understand that it's gonna help you troubleshoot a lot easier because you're gonna understand what part of the process in your web sockets are broken okay so it's gonna be an important for you to understand then so we're gonna cover that we're not gonna write any code but the next video part zero is strictly theory we're gonna talk about what WebSockets are from a high level and kind of how they work and some terminology there so if you're new to WebSockets be sure to check that out if you already understand WebSockets you just want to jump to the level stuff then you can go ahead and skip to the next video the next video after part 0 will be part 1 part 1 we're gonna go ahead and download some code from github that I've created for you a sample application we're gonna get it set up and then we're gonna talk about how you configure an application for WebSockets for level echo there's a few packages we have to pull in through NPM a few through composer there's some configuration needed of course and then there's some stuff we got to configure in our App J's file you need to set that up in a certain way as well in order to enable level echo so we'll talk about all that setup and configuration in part 1 after that we'll move on to part 2 part 2 we're going to go ahead and start implementing our feature for WebSockets now we're an item out deal with WebSockets in part two we're gonna be actually creating an API to enable some you know some crud in saving it into the database create a few API endpoints and then but then we're gonna use those API endpoints in part three which part three is where we implement WebSockets we're actually going to get everything working there we're gonna create an event we're gonna broadcast that event to our socket server and then we're going to update it to the users and that's gonna be part three where we actually implement that so when we do this we're gonna be working with something called public channels all right so starting from the next video all the way through part three we're gonna focus on public channels which are probably the most common and maybe not actually but anyway they're kind of the easiest to work with because they're just public anyone can access your information on your channel in the part after part three so all the way through part three we're gonna focus on building a public channel part four we're gonna talk about private channels how we can work with private channels with level and level echo and then part five and maybe part six if it spills over will be about presence channels will talk about what these these terms mean in the next video but anyway we'll talk about presence channels in part five and six and presence channels will allow us to do some cool things like see who else is viewing that page at that exact time also we'll be able to create the experience where you can see who's typing so if someone starts typing a new comment we can see you know Alex is currently typing and then when he stops typing it goes away so when you create those types of things that's what the presence channels and we'll talk about that in part 5 and then maybe six if it if it needs it okay so that's kind of the outline for what we're gonna be doing in this series part one is part 0 through 3 is going to be available immediately part four and five will come out in the next day or two so be sure to check back for that and then the last thing I want to say before we get started is to be sure to check the descriptions of every videos if you get lost if there's a new video that's updating with a new version or something I'm always going to post it in the description so be sure to check the description of every video to see if there's any changes or any new information that you need aware of any gotchas or any new videos that you should be watching instead of that one so be sure to check the descriptions and then last but not least in the description of every video there will be a link to the written tutorial on Deaf marketer I oh I have written versions of every tutorial on deaf marketer I oh so be sure to check that out as well alright so thanks so much for watching this video guys hopefully you guys are as excited about this series as I am we're gonna be starting in part zero in the next video where we talk about the terminology of what a herbal echo is what WebSockets are and everything like that so I'll see you guys in the next video [Music]

Channel: DevMarketer

Views: 47,540

Keywords: websockets, code, tutorial, best, easy, laravel, echo, laravel echo, course, free

Id: ORga8ZavCc8

Length: 9min 55sec (595 seconds)

Published: Tue Feb 13 2018