i0x0 / tokyochat

Real time chat with socket.io and Node.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Real time chat with Javascript

We are going to make a real time chat with Javascript in this free workshop. You will learn websockets and the basics of Node.js.

You will receive a basic Node.js template and we will follow the project from there. We will then implement the front-end with simple CSS+HTML, and finally we will add the real time functionality with javascript, socket.io and jQuery.

Thanks to Hiroaki Yasutomo for hosting this event at SHIFTBRAIN Inc. He also organizes these awesome weekly programming meetups: https://www.meetup.com/i-teach-you-programming-so-you-teach-me-english/

Francisco Presencia has done this and similar workshops all around the world following his passion of teaching people. He has made many different projects: https://francisco.io/

Requisites

  1. Bring your own laptop.

  2. Basic Javascript and English knowledge. You don't have to be an expert, but you have to be able to make simple web pages in HTML+CSS+JS.

  3. Node.js installed in your system, version 7.6.0 or higher: INSTALLATION GUIDE

Schedule

  • 19:00 Introduction: web, Node.js, websockets, socket.io
  • 19:10 Start project: chat, files, etc
  • 19:20 Back-end & explanation
  • 19:30 Username: cookies.js
  • 19:40 Chat room & messages
  • 20:00 Questions
  • 20:10 Implement features A & B
  • 21:00 The End
  • [home]: Implement feature C & make a Pull Request to https://github.com/franciscop/tokyochat

Disclaimer: we will be using two open source tools I've made to make it easier to program. There are many open source alternatives.

About

Real time chat with socket.io and Node.js

License:MIT License


Languages

Language:JavaScript 45.2%Language:HTML 28.8%Language:CSS 26.1%