Ajax forms

Clase 28 de 54 • Full Stack JavaScript with Sails.js

Mike USA

student•

I'm not as familiar with Vue. In the @close I passed the function name instead of a function call. To clarify, the video uses:

@close="closeDeleteThingModal()"

And passing a function call goes against my better judgment, so I tried:

@close="closeDeleteThingModal"

They both appeared to do the same, so I'm curious what the difference might be. Might Vue be able to handle arguments that aren't wrapped in parentheses? Such that they're both function calls and one is more explicit in suggesting no arguments. Might something like this be valid?:

@close="closeDeleteThingModal item.id

That's not valid in vanilla JavaScript, but since it's being transpiled, I don't know. If anyone has a better understanding, I'd be interested to hear it — thanks.

Mike USA

student•

Ignore the fact the last example does not include a closing double-quote ("). That was either human error, or a Platzi bug.

Mike USA

student•

Dynamic Vue attributes use a colon (i.e. ":") and syncing is used for two-way binding (7:30)

Daniel Téllez

student•

yes

Christian Strang

student•

The modal styling is messed up on my end, not sure if this is related to modal.component.js, my code or something else:

Christian Strang

student•

It was connected to the "bootstrap-overrides.less" file, for now I commented out the modal part at the bottom.

Mike USA

student•

Correct, there is a modal on the welcome page http://localhost:1337/welcome (after logged in), which has custom modal classes that override the bootstrap modal.

You can comment out that code, or change the upper classname (e.g., .modal to .sails-modal) or use your own overrides.

Ajax forms

Welcome to the course

Introduction and generalities

The technologies we are going to use

What we will build

Avoiding mistakes in our code

Github for our project

Installing platforms and dependencies

The essentials

Backend architecture

Frontend Architecture

ParasailsJS

Authentication and login

User Subscription

Sessions and Data Base

Password recovery

Email verification

Contact form

Managing payment information

Creating a new page

Making our page interactive

Creating a new model

Automatic testing

Creating a new action

Using Cloud SDK

Creating custom made functions

Personalization

Permissions

Friends with associations

Advanced queries and .populate

Modals

Ajax forms

Loading and error states

Putting it all together

Uploading backend file

Uploading frontend files

Downloading files

Your turn

Growth and monetization

Building a paywall

Recurrent payment subscriptions

Notifications

Invitations (Existing Users)

Invitations (New Users)

Unclaimed Accounts

Going live

SailsJS and NodeJS Settings

Application secutiry

Cloudflare and SSL Certifications

Using a platform as a service

Deploy to Heroku

Settings to send to production

Adding variables to Heroku

Data Base Settings

Before launching

Course Closure

Bonus content

Server-side rendering with EJS

Designing your frontend with Bootstrap 4

Understanding datastores

'Pure' APIs