Join Joseph LeBlanc for an in-depth discussion in this video Creating a WordPress chatroom front-end, part of Node.js First Look (2012).
Adding a Node-based chat room for WordPress involves two main pieces, the…front-end and the back-end.…The code for the front-end is going to be added directly to the WordPress theme.…A more permanent solution will be to build a plug-in.…You can learn how to do this in other lynda.com online training library titles.…For now, we're just going to add the code to the theme.…First, let's go to the header.php file of the theme, I'm using XAMPP so I'm…going to go to XAMPP > htdocs > wp- content > themes > twentyeleven, and…then header.php.…
I've copied index.html from the exercise files, let's open it.…The first thing we need to do in header.php is load jQuery, find the call to…wp_head, and then add wp_ enqueue_script_(jquery).…Be sure to add this function called before wp_head, this will insure that jQuery…gets loaded only once.…Next, let's add the script tag that will load the Socket.io library.…
Add the script tag just after the closing PHP tag.…Now let's copy in the jQuery code the powers of the chat room.…
- Using the Socket.IO Node package to achieve "live" effects like Facebook notifications
- Scraping web sites using jQuery without a browser
Skill Level Beginner
Q: Does the instruction from "Selecting through browserless jQuery" work for Windows users?
A: The “Selecting through browserless jQuery” video does not work on Windows
XHTML and HTML Essential Trainingwith Bill Weinman4h 44m Beginner
1. Installing Node
2. Getting Started
Running a Node script2m 6s
4. Command Line Scripts
5. Creating Web Servers
7. WebSocket Programming
8. Connecting Beyond Node
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.