Video description
Learn Front End Development Of Your Web Applications By Creating Smart, Interactive & User Friendly UIs with JavaScript
About This Video
- Get practical examples to write a real-world application using JavaScript
- A focus on plain JavaScript and raw browser APIs to facilitate a deep understanding of the front-end development
- Explore key concepts of a modern Single Page Application (SPA) in JavaScript
In Detail
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.
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.
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.
The code bundle for this video course is available at- https://github.com/PacktPublishing/Hands-On-Web-Development-with-JavaScript.
Table of contents
-
Chapter 1 : Get Started by Creating an Interactive UI
- The Course Overview 00:02:01
- A Quick Overview of JavaScript Basics 00:07:08
- Our First Interactive UI 00:04:39
- Manipulating the DOM 00:05:02
- Handling Basic Forms 00:07:25
- Modules and Bundling with NPM and Parcel 00:08:56
-
Chapter 2 : Enhance the UI and Build Your First Application
- Creating a Basic UI Component System 00:10:55
- Building a Component Library 00:06:45
- Building a Sidebar with Search and Filter Capabilities 00:09:35
- Exploring Modals 00:11:53
- Building the Chat User Interface 00:12:09
-
Chapter 3 : Learn to Route, Test, and Create Dynamic Content
- Client-Side Routing 00:07:49
- Unit Testing with AVA 00:07:13
- Adding Friends to the Group 00:11:14
- Reordering Friends 00:05:34
- Sharing Images 00:04:10
-
Chapter 4 : Add Rich Features to Your Application
- Exploring AJAX/Fetch – Authentication, Loading/Saving Data 00:15:21
- Working with WebSockets – Adding Real Chat to Our Application 00:08:54
- Uploading AJAX-Based Files 00:04:10
- Rating Images 00:07:02
- Viewing Image Galleries 00:06:13
- Sorting and Filtering Content 00:05:43
-
Chapter 5 : Explore Some Popular Libraries
- React and jQuery 00:05:47
- Overview of Functional Programming and Associated Libraries 00:08:02
Product information
- Title: Hands-On Web Development with JavaScript
- Author(s):
- Release date: July 2018
- Publisher(s): Packt Publishing
- ISBN: 9781789348903
You might also like
video
React - The Complete Guide (incl. Hooks, React Router and Redux)
Dive in and learn React from scratch! Learn Reactjs, Redux, React Routing, Animations, Next.js basics and …
video
Node.js - The Complete Guide
Master Node.js to build REST APIs, GraphQL APIs, add authentication, use MongoDB, SQL, and much more! …
video
JavaScript by Example
Understand the fundamentals of JavaScript, DOM, and HTML5 tags About This Video Design your web page …
video
Building a Single Page Application with JavaScript
Understanding SPAs with an example About This Video Set up Local server Explore advance SPA concepts …