Lessons: 16Length: 1.1 hours
- Overview
- Transcript
1.1 Introduction
Welcome to Connect the Web With WebSockets. In this video I'll tell you what you can expect from the course, and I'll explain the course project.
1.Introducing WebSockets and Socket.IO
1.1Introduction01:23
1.2What Are WebSockets?04:43
2.Scaffolding a Socket.IO Application
2.1Installing Node.js and App Dependencies02:59
2.2Creating an Express Server04:35
2.3Adding WebSockets to the Back-End03:00
2.4Connecting the Front-End Application to Socket.IO04:47
3.Building the Front-End Application
3.1Receiving Socket.IO Events03:20
3.2Displaying Messages06:22
3.3Creating Messages and Updating Collections07:50
3.4Displaying Likes02:31
3.5Providing Users With Unique Ids03:41
3.6Updating Like Counts05:03
3.7Propagating Like Counts to Connected Users04:12
4.Completing the Application
4.1Adding Moment.js04:13
4.2Adding Styles03:09
5.Conclusion
5.1Conclusion05:52
1.1 Introduction
Hello, I'm Daniel Stern and I'd like to introduce you to my brand new course, Connection the Web with WebSockets. WebSockets are a powerful addition to the internet specification that has only become available just recently. WebSockets provide a very fast and performant way to communicate not just with users of your applications but for applications to communicate with themselves, via the front-end and the back-end. WebSockets make it possible to have interactive two-way communication sessions between the user's browser and a server. Using WebSockets, you can receive event-driven messages without having to pull the server for updates. This makes WebSockets a powerful and efficient tool for building interactive websites. Libraries, such as socket.io, make it easy to integrate WebSockets into the front-end and back-end of your website. In this course myself, Daniel Stern will show you how to do so. By building an application that shares data in real time between the front-end and the back-end, using express and socket.io. Now, we're gonna be discussing all those topics I just mentioned in this series of videos. This series of videos though is mostly hands-on. That means the only time you're going to see slides are now at the beginning and then at the end. Throughout this series of videos we'll be doing a live coding demonstration.
