Book Image

Hands-On Web Development with JavaScript [Video]

By : Abhishek Kumar
Book Image

Hands-On Web Development with JavaScript [Video]

By: Abhishek Kumar

Overview of this book

<p>JavaScript has become a dominant language in the form of mobile applications, browser applications, server applications, and embedded devices. Knowledgeable JavaScript engineers are in higher demand today than ever before. This course will get you up and be running with JavaScript for web and application development.</p> <p>The application that you'll be building is a Slack-like chat application. You’ll learn to, share files, rate the shared photos, and more. As you progress, you'll learn the technology that underpins almost every rich web application you've ever used. You will start with the basics of JavaScript, then move on to understanding the various important components that are used to create an interactive user-friendly UI.</p> <p>You’ll then learn how to route, test, and create dynamic content for your application. Then you’ll add rich features and provide the final touches to your application. By the end of the course, you’ll be able to build applications with a richer and smarter front-end using JavaScript.</p> <p>The code bundle for this video course is available at- <a href="https://github.com/PacktPublishing/Hands-On-Web-Development-with-JavaScript" target="_blank">https://github.com/PacktPublishing/Hands-On-Web-Development-with-JavaScript</a>.</p> <h1>Style and Approach</h1> <p>A step-by-step practical guide to learn front-end programming by building a real front-end application. You'll build everything using vanilla JavaScript. It will give you an understanding of the technology that underpins all of the modern front-end tools and frameworks.</p>
Table of Contents (5 chapters)
Chapter 2
Enhance the UI and Build Your First Application
Content Locked
Section 5
Building the Chat User Interface
This video covers showing a list of messages as per the selected friend on sidebar. Also, sending a new message to the selected friend. - Mock the messages data in a data store, create a chat component and initialize it with the data store - Modify the sidebar to propagate the selected friend to chat component - Send new message using the data store and display it in the chat window as well