Build a Chat Room in Javascript

Current Status
Not Enrolled
Get Started

Project Description

After you finish the course of javascript, you should identify some new features and improvements and then write the code to implement your changes. Here are some ideas to get started:

At the end of the course, beginner students should try to:

  • make the chat bubbles appear in different colors for each user in the room by javascript .
  • play sound effects when sending and receiving messages.
  • press enter in the chat box to send messages instead of clicking the send button.

At the end of the course, advanced students should try to:

  • enforce unique usernames.
  • display a list of active users.
  • display a message when a user enters or leaves a room.
  • have the ability to view more chat history.

about javascript :

JavaScript is a scripting or programming language that allows you to implement complex features on web pages — every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, etc. — you can bet that JavaScript is probably involved. It is the third layer of the layer cake of standard web technologies, two of which HTML and CSS we have covered in much more detail in other parts of the Learning Area.

  • Html is the markup language that we use to structure and give meaning to our web content, for example defining paragraphs, headings, and datatables, or embedding images and videos in the page.
  • CSS is a language of style rules that we use to apply styling to our HTML content, for example setting background colors and fonts, and laying out our content in multiple columns.
  • JavaScript is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and pretty much everything else. (Okay, not everything, but it is amazing what you can achieve with a few lines of JavaScript code.)

see more

follow on facebook

en English