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 3
Building a Sidebar with Search and Filter Capabilities
In this video, we will show a sidebar with a list of friends along with search and filter functionalities. - Mock some friends data in a data store - Create a sidebar component with the search bar - Initialize the sidebar with the data store to display the list