Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Life Purpose Meditation Personal Transformation Neuroscience Emotional Intelligence
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Socket.IO

Socket.IO (with websockets) - the details. (socket io v2)

Socket io. For those who want to learn how to harness real-time communication on the web. With Cluster, redis, & React
Bestseller
Rating: 4.7 out of 54.7 (1,021 ratings)
8,348 students
Created by Robert Bunch
Last updated 7/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Socketio. That's (mostly) all we cover so when you finish, you'll know it!
  • Setup a socketio application between the browser and an Express server and run real-time back and forth
  • Understand the basics of websockets and how they work
  • The basics of the transport layer and how a packet works
Curated for the Udemy for Business collection

Course content

7 sections • 69 lectures • 13h 47m total length

  • Preview05:17
  • Preview00:08

  • Preview06:25
  • Preview05:17
  • Preview18:07
  • Preview15:36
  • HTTP vs Websockets
    04:28
  • A short overview of native websockets (finally some code!!)
    21:04

  • Intro
    01:03
  • Preview16:03
  • Why socket.io? This is why.
    16:01
  • Small Chat app - in socket.io!
    07:49
  • Docs - The server
    12:31
  • The big 3 - .emit, .on, .connect
    09:33
  • Docs - The Client
    09:24
  • Finishing the chat app
    16:58
  • Quick Checklist Review
    06:18

  • Namespaces
    23:28
  • Namespace/Group Cheatsheet
    00:18
  • Rooms
    21:34
  • Going Slack (project) - Overview & Steps
    15:52
  • Folder structure & DOM overview
    08:18
  • Setting up our data and classes
    10:56
  • Slack: Steps 1-3
    19:47
  • Slack - Steps 4-6
    12:48
  • Refactoring and Reorganizing our code
    06:02
  • Slack - Joining a Room- Steps 7-9
    23:27
  • Slack - Sending the history - Steps 7-9 continued
    18:29
  • Slack - Linking up NS and Group, & Final Touches
    19:24
  • Passing query data on connection
    06:33
  • Line by line review of the project
    21:22
  • Docs Checklist Update
    06:32

  • Project repo
    00:02
  • Project Intro
    12:47
  • Project Strategy
    10:30
  • Socket.io App Organization
    17:11
  • Getting the DOM setup
    15:45
  • Time to draw!
    30:19
  • Add Sockets (and orbs)
    14:35
  • Wiring up the server for collisions
    21:31
  • Connecting the client and server
    07:56
  • Tick-Tock - 30FPS
    22:06
  • Collision Testing (the Math part)
    10:59
  • Collision Testing (The Socket Part)
    13:54
  • Collision Testing (The Socket Part 2)
    10:55
  • Updating the LeaderBoard
    10:17
  • Disconnecting and broadcasting a message
    15:41

  • Project Demo
    04:05
  • Project Setup and dependencies
    05:21
  • Installing Redis on Windows
    03:46
  • Architecture
    18:10
  • Getting performance data
    10:25
  • Getting performance data - part 2
    15:30
  • How the cluster module works
    12:45
  • Using the cluster module - Master
    08:15
  • Using the cluster module - workers
    10:12
  • Connecting nodeClient to the socket server
    06:10
  • Start the ticking clock
    12:12
  • Mongo/Mongoose Schema and a small fix
    15:48
  • Adding a record
    07:47
  • Create React App Overview
    03:37
  • Connecting React to the socket server for re-useable
    07:37
  • Basic React Component Architecture
    04:49
  • Setup React Components
    05:48
  • Setting our widget state
    16:30
  • CPU widget canvas
    08:30
  • Mem and Info widgets
    11:46
  • Adding isActive, disconnect, and final touches
    23:06

  • HTTP 101
    14:12

Requirements

  • You have a solid working knowledge of JavaScript and nodejs (Not a ninja, but you are not new).
  • You have used the node ecosystem (npm, Express, etc.). This is NOT an intro to node class and I will NOT cover these in detail.
  • You have basic command line knowledge (at least capable of navigating and running a program)
  • You have a computer capable of running Nodejs.

Description

Websockets are one of the coolest things to hit the web in ages. They allow the browser real-time communication bridging one of the last gaps in both human and web-based communication. Socket io is the king library that uses websockets under the hood. There's a good chance if you're reading this, you've heard about socket io. Maybe even done a tutorial on it. But how far did you get? In my experience, the vast majority of the material on the web goes no farther than a quick-start, instant chat app. You don't learn how anything works, never look at the docs, and are stuck at the end wondering what to do now. The remaining shred of material is waaaaay over everyone's head. The fact that the websocket API was standardized in 2011 and most developers still don't know how to use it is evidence of the gap.

This course is meant to alleviate that! It is not a quick start guide to socket.IO. There are loads of those all over the Internet. You should definitely look elsewhere if you are wanting a 10 minute intro to the 3-4 things you need to know to make something quick. On the other hand, if you are looking to really learn one of the most awesome JavaScript libraries in socket io, you should stick around. Like Express and other JavaScript/Node pieces,  it's getting passed over in the wave to learn just enough to get to the term "full-stack developer." My main goal is to help you figure out how to go from being a good developer to a great developer. Understanding... not just knowing a few methods... of socketio is part of that! It even trancends the browser and node with implementations in most other languages, and even mobile. This means as you grow, you have the power of sockets without having to learn more than the socket io library.

I first used socket.IO in 2013 for a tiny company directory app. I've been following since and have been frustrated that it hasn't gotten more mainstream notice because it opens the way for so many improvements to existing applications and obvious groundwork for new ones. Let's change that :) Prepare to for a detailed look at socketio and websockets and start going real-time.

Sections:

  1. Environment Setup (skip if you have node installed already)

  2. Before Socket.IO... - TCP, network sockets, & a native websockets app

  3. Socketi.IO 101 - Why you'd want to use socketio and how it works (simple chat app)

  4. Socket.IO 201 - Making the chat app into a slack clone with namespaces and rooms

  5. Project 1 - real-time canvas game

  6. Project 2 - Real-time performance data (uses React, Cluster, and Redis)

  7. streaming videos & socket.io-stream - in development

  8. Supplemental - HTTP (for those in need of a review)


Who this course is for:

  • JS/Node developers who want to actually learn how to use Socketio for more than a chat app tutorial
  • JS developers interested in how node & JS combine to make the networking happen
  • Developers interested in building real time applications

Featured review

David Chambers
David Chambers
24 courses
6 reviews
Rating: 5.0 out of 5a year ago
Robert is a really good instructor. He has an ability to take complicated concepts and simplify them for both understanding and retention. I highly recommend this course for anyone interested in working with socket.io.

Instructor

Robert Bunch
Code school instructor, software architect and engineer
Robert Bunch
  • 4.7 Instructor Rating
  • 3,170 Reviews
  • 17,711 Students
  • 5 Courses

Robert Bunch has been a developer since 2004, having built complex applications for small tech startups to major companies. Most recently, he has been a code school instructor since 2015 where he's worked directly with students applying his passion for teaching and development. His ability to break down the complexities of code and demystify the magic trick, have had immense success as told by his students. He earned a computer science degree in 2001.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.