Lessons:16Length:1.1 hours
Take the Quiz
Do you understand WebSockets? Take our quiz and find out: Do You Understand WebSockets?
WebSockets make it possible to have interactive, two-way communication sessions between the user's browser and a server. With this API, you can receive event-driven messages without having to poll 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 a site. In this course, Tuts+ instructor Daniel Stern will show you how to build a real-time link-sharing application that uses Express and Socket.IO.
We've built a comprehensive guide to help you learn JavaScript, whether you're just getting started as a web developer or you want to explore more advanced topics:
1.Introducing WebSockets and Socket.IO
1.1Introduction01:23
1.1
Introduction
01:23
1.2What Are WebSockets?04:43
1.2
What Are WebSockets?
04:43
2.Scaffolding a Socket.IO Application
2.1Installing Node.js and App Dependencies02:59
2.1
Installing Node.js and App Dependencies
02:59
2.2Creating an Express Server04:35
2.2
Creating an Express Server
04:35
2.3Adding WebSockets to the Back-End03:00
2.3
Adding WebSockets to the Back-End
03:00
2.4Connecting the Front-End Application to Socket.IO04:47
2.4
Connecting the Front-End Application to Socket.IO
04:47
3.Building the Front-End Application
3.1Receiving Socket.IO Events03:20
3.1
Receiving Socket.IO Events
03:20
3.2Displaying Messages06:22
3.2
Displaying Messages
06:22
3.3Creating Messages and Updating Collections07:51
3.3
Creating Messages and Updating Collections
07:51
3.4Displaying Likes02:31
3.4
Displaying Likes
02:31
3.5Providing Users With Unique Ids03:41
3.5
Providing Users With Unique Ids
03:41
3.6Updating Like Counts05:03
3.6
Updating Like Counts
05:03
3.7Propagating Like Counts to Connected Users04:12
3.7
Propagating Like Counts to Connected Users
04:12
4.Completing the Application
4.1Adding Moment.js04:13
4.1
Adding Moment.js
04:13
4.2Adding Styles03:09
4.2
Adding Styles
03:09
5.Conclusion
5.1Conclusion05:52
5.1
Conclusion
05:52
