From the course: Node.js: Real-Time Web with Socket.IO
Join today to access over 24,600 courses taught by industry experts.
Coding our front-end HTML
From the course: Node.js: Real-Time Web with Socket.IO
Coding our front-end HTML
- [Instructor] Let's get the front end styles out of the way in this video so we can view this in the browser rather than in the console logs as we continue working on chatter application. Okay, so what I want you to do is go inside of the index.html. The first thing I want you to do is insert Chatter here, so we know once we take a look at the actual page, we can see that it's Chatter, and later on, we're actually going to insert the rooms names in there. The next thing we need to install Bootstrap, and make sure that our front end is looking good with some Bootstrap styles, and let's go ahead and do that. The first thing I want you to do is go to the website here, so getbootstrap.com, and once you're there, click on Get started. Scroll down up until you see this link here. This is the actual CSS styles that we need, so we can simply copy, like so, and then go back to the html, and put it in the head here, like so. Let's make sure we wrap our styles, so I'm going to wrap my code so…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.