Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

JavaScript from Frontend to Backend

By : Eric Sarrion

4.3 (11)

JavaScript from Frontend to Backend

4.3 (11)

By: Eric Sarrion

Overview of this book

JavaScript, the most widely used programming language in the world, has numerous libraries and modules and a dizzying array of need-to-know topics. Picking a starting point can be difficult. Enter JavaScript from Frontend to Backend. This concise, practical guide will get you up to speed in next to no time. This book begins with the basics of variables and objects in JavaScript and then moves quickly on to building components on the client-side with Vue.js and a simple list management application. After that, the focus shifts to the server-side and Node.js, where you’ll examine the MVC model and explore the Express module. Once you've got to grips with the server-side and the client-side, the only thing that remains is the database. You’ll discover MongoDB and the Mongoose module. In the final chapter of this fast-paced guide, you'll combine all these pieces to integrate a Vue.js application into a Node.js server, using Express to structure the server code and MongoDB to store the information. By the end of this book, you will have the skills and confidence to successfully implement JavaScript concepts in your own projects and begin your career as a JavaScript developer.

Preface

Preface

Who this book is for

What this book covers

To get the most out of this book

Download the example code files

Download the color images

Conventions used

Get in touch

Share Your Thoughts

Part 1: JavaScript Syntax

Part 1: JavaScript Syntax

Free Chapter

Chapter 1: Exploring the Core Concepts of JavaScript

Chapter 1: Exploring the Core Concepts of JavaScript

Technical requirements

Types of variables used in JavaScript

Running a JavaScript program

Declaring variables in JavaScript

Writing conditions for conditional tests

Creating processing loops

Using functions

Summary

Chapter 2: Exploring the Advanced Concepts of JavaScript

Chapter 2: Exploring the Advanced Concepts of JavaScript

Technical requirements

Classes and objects

Arrays

Character strings

Multitasking in JavaScript

Using promises

Part 2: JavaScript on the Client-Side

Part 2: JavaScript on the Client-Side

Chapter 3: Getting Started with Vue.js

Chapter 3: Getting Started with Vue.js

Technical requirements

Using Vue.js in an HTML page

Creating our first Vue.js application

Using reactivity

Creating our first component

Adding methods in components

Using attributes in components

Using directives

Summary

Chapter 4: Advanced Concepts of Vue.js

Chapter 4: Advanced Concepts of Vue.js

Technical requirements

Managing events

Using the $event parameter

Assembling components

Using visual effects

Using a name for the effect

Producing an effect on several elements

Examples of commonly used effects

Summary

Chapter 5: Managing a List with Vue.js

Chapter 5: Managing a List with Vue.js

Technical requirements

Displaying application screens

Splitting the application into components

Adding an element to the list

Removing an element from the list

Modifying an element in the list

Summary

Part 3: JavaScript on the Server-Side

Part 3: JavaScript on the Server-Side

Chapter 6: Creating and Using Node.js Modules

Chapter 6: Creating and Using Node.js Modules

Technical requirements

Creating and using our own modules

Using internal Node.js modules

Using downloaded modules with npm

Summary

Chapter 7: Using Express with Node.js

Chapter 7: Using Express with Node.js

Technical requirements

Using the Node.js http module

Installing the Express module

The MVC pattern used by Express

Using routes with Express

Displaying views with Express

Summary

Chapter 8: Using MongoDB with Node.js

Chapter 8: Using MongoDB with Node.js

Technical requirements

Installing MongoDB

Connecting to the MongoDB database

Creating documents in MongoDB

Searching for documents in MongoDB

Updating documents in MongoDB

Deleting documents in MongoDB

Summary

Chapter 9: Integrating Vue.js with Node.js

Chapter 9: Integrating Vue.js with Node.js

Technical requirements

Displaying application screens

Building the app with Express

MongoDB database structure

Installing the Axios library

Inserting a new element in the list

Displaying list elements

Modifying an element in the list

Removing an element from the list

Summary

Thanks

Why subscribe?

Other Books You May Enjoy

Other Books You May Enjoy

Packt is searching for authors like you

Removing an element from the list

Finally, we will learn how to remove an element from the list. A DELETE type request will be used for this.

Using Axios with a DELETE type request (client side)

The axios.delete("/list", options) method is used to trigger a DELETE type request on the server. The options parameter must indicate the identifier of the element to be deleted from the collection.

However, unlike the previous axios.get(), axios.put(), and axios.post() calls, the axios.delete("/list", options) call requires that the options parameter be written in the data property (thus written as { data : options }). If you don’t follow this convention, it won’t work.

Here are the instructions for performing a DELETE request with the Axios library:

Deleting an element, client side (global-app.js file)

import Element from "./element.js";
const GlobalApp = {
  data() {
    return {
   &...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

JavaScript from Frontend to Backend

Search

Your notes and bookmarks