Share on facebook
Facebook
Share on twitter
Twitter

Hands-On: Build a Node.js-powered Chatroom Web App (Part Four)

This Node.js tutorial series will help you build a Node.js powered real-time chatroom web app fully deployed in the cloud. Throughout the series, you will learn how to setup Node.js on your Windows machine, how to develop a web frontend with Express, how to deploy a Node Express-based app to Microsoft Azure, how to use Socket.IO to add a real-time layer, and how to deploy it all together. Level: Beginner to Intermediate–you are expected to know HTML5 and JavaScript Part 4 – Building a Chatroom UI with Bootstrap Welcome to Part 4 of the hands-on Node.js tutorial series: Build a Node.js-powered chatroom web app. In this installment, I will show you how to add a Twitter Bootstrap-styled frontend to the chatroom backend you built in Part 2 and Part 3. What is Bootstrap? Bootstrap is a wildly popular HTML and CSS framework for building websites and web applications. It is the number one project on GitHub. Bootstrap supports responsive web design, allowing the layout of your page to adapt to the device (desktop, tablet, mobile). Adding Bootstrap to Our Project To add Bootstrap to our project, we have to download the minified CSS and JS files for Bootstrap. You can download […]

X