Ir para o conteúdo principal

JavaScript e WordPress API REST: Como entender o jargão

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

JavaScript é um dos tópicos do WordPress. A API Rest incentiva os desenvolvedores não apenas a aprender a interagir com ela, mas a melhorar o uso de aplicativos Web mais eficientes com o WordPress.

Mas se você é novo no JavaScript, se perderá facilmente em toda essa nova tecnologia e jargão. um "grunhido" pode ser o barulho que você faz quando tenta depurar um código JavaScript, o AJAX pode ser um pó para limpar seu JavaScript e o REST pode ser o que você precisa quando tudo acaba.

Então, neste artigo, passaremos pela maior parte do jargão deste novo mundo em torno de JavaScript.

Vou cobrir a seguinte terminologia:

  • Conceitos fundamentais
  • livrarias
  • Quadros
  • modelo de sistema
  • Ferramentas de Desenvolvimento

Então vamos começar com Conceitos fundamentais Isso você precisa entender para assimilar melhor o conjunto.

javascript
Se você quiser mais informações, você pode fazê-lo em JavaScript.com

Conceitos fundamentais

Vamos começar com o conceito mais básico (É tudo JavaScript). JavaScript é uma linguagem de programação "front-end", o que significa que é executada no computador cliente. O JavaScript pode ser usado para qualquer tipo de ação dinâmica: adicione interações, recupere dados, exiba pop-ups. Não fique tentado a fazer demais.

Uma livraria é um diretório de código que você pode usar para concluir um projeto. Ele adiciona código adicional que simplifica a integração de um recurso ou simplesmente melhora a velocidade do desenvolvimento.

Un Quadro é semelhante a uma biblioteca, mas maior nesse sentido ou é uma coleção de bibliotecas e vários recursos.

Sistema de modelos JavaScript permite que você evite se repetir e adere ao conceito Não se repita: DRY" Refere-se à parte da visualização do modelo de design "MVC", o que evita que você precise escrever o mesmo código várias vezes. É um pouco como o ' templatage sobre temas".

O modelo MVC é geralmente descrito por estruturas e bibliotecas. Cada livraria tende a se concentrar em um desses três elementos (Vista do Controlador do Modelo). O modelo é uma estrutura de dados (no WordPress, isso se refere ao banco de dados). O vue é um elemento que se refere à interface do usuário (texto, imagem, botão, animação, etc.). O controlador é a conexão entre o modelo e a vista. O código que você escreve recupera o item de uma página para interagir com os dados.

reuterstv
Reuteurs.tc um exemplo de um aplicativo na Página Única.

Um aplicativo de página única é um site de uma página, que se comporta, não como um site com várias páginas, mas como um aplicativo, a diferença aqui é que as páginas são atualizadas por meio de JavaScript. Isso significa que o conteúdo é pré-carregado, o que reduz significativamente o tempo de carregamento de uma página.

As desvantagens certamente são os impactos no SEO, porque os robôs não podem navegar facilmente por um aplicativo, principalmente porque eles não têm navegadores da Web como um usuário simples e, portanto, não têm JavaScript.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

API significa Application Programming Interface (Interface de programação de aplicativos). É uma combinação de código (funções, ganchos, etc..), fornecido por um sistema que permite interagir com ele. Se você já adicionou o widget do Twitter ao seu blog, teve que interagir com a API do Twitter. O WordPress oferece várias APIs diferentes e cada uma permite gerenciar melhor os recursos e os recursos desta última. A API REST é diferente, pois permite que outros sistemas interajam com o WordPress.

feelingrestful

DESCANSO significa Representational State Transfer. Ele usa uma arquitetura dissociada, o que significa que vários componentes de um site ou aplicativo são separados. Na prática, isso significa que seu site pode ser salvo em algum lugar, enquanto os dados que ele faz backup são salvos em outro lugar.

AJAX significa JavaScript assíncrono e XML ou JavaScript e XML assíncrono. Essa é uma técnica que permite que você interaja com um site sem atualizar uma página. A interface administrativa do WordPress usa o AJAX, assim como a maioria dos sites, como Twitter, Facebook, etc. Não confie no nome, você não precisa fazer XML para usar o AJAX.

JSON significa Notação Orientada a JavaScript. Ele permite recuperar dados de um aplicativo usando JavaScript, o que permite manipular os dados. Se no passado você usava XML para salvar e manipular dados em páginas da Web, o JSON será a nova maneira de fazer isso agora. No modelo MVC, isso se refere ao controlador, porque é toda a interação entre os dados e a interface.

bibliotecas

Há um grande número de bibliotecas JavaScript e pode ser muito difícil saber quando e o que usar. Vou cobrir alguns plugins JavaScript populares. Às vezes, você desejará escolher um ou outro, às vezes, usará os dois conjuntos, pois eles se referem a diferentes partes do modelo MVC.

Todas as seguintes bibliotecas são de código aberto e gratuitas.

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

jquery

jQuery é provavelmente a biblioteca JavaScript mais conhecida. Vários sites o utilizam para adicionar animações "front-end" ao site. É uma biblioteca que realmente simplifica o uso de JavaScript no seu site, permitindo também o acesso a recursos especiais.

O jQuery está integrado no WordPress, você pode usá-lo em seus temas e plugins facilmente. Essa biblioteca é basicamente usada para adicionar animações e nem sempre interage com os dados do seu site.

Reagir é uma biblioteca desenvolvida e mantida pelo Facebook e hospedada em um diretório do Github. É uma biblioteca que lida com a exibição no modelo MVC. React é uma biblioteca popular que permitirá criar interfaces que usarão o formato JSON para interagir com as APIs REST.

Angular é uma biblioteca mantida e usada pelo Google. O Angular faz o trabalho semelhante ao React, para que você possa usá-lo para interagir com a API REST. Se você optar por interagir com o React, provavelmente não usará o Angular e vice-versa.

Bootstrap não é apenas uma biblioteca JavaScript, mas uma biblioteca de documentos JavaScript, HTML e CSS. Desenvolvido pelo Twitter, é um bibliotecário geralmente usado para criar temas para WordPress. No entanto, ele não interage com os dados: trata-se de manipular apenas a exibição.

underscoreJS

Underscore.js é outra biblioteca projetada especificamente para ajudá-lo a interagir com a visualização no modelo MVC. Não deve ser confundido com " sublinhados", O tema básico do WordPress criado por Automattic.

O sublinhado adiciona recursos para aumentar a velocidade do desenvolvimento do JavaScript. Ele oferece um pouco mais de funcionalidade do que o jQuery no gerenciamento de objetos e matrizes JavaScript.

Quadros

o enquadramento Espinha dorsal depende da biblioteca Underscore e jQuery. Ele foi projetado para criar aplicativos em uma única página, usando os três elementos de uma estrutura MVP.

Node.js é uma estrutura JavaSript que roda em Windows, OSX e Linux, por isso é usada pela maioria dos aplicativos de aplicativos, e não pelo desenvolvimento de aplicativos da web.

guidão

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Sistema de modelos

Bigode fornece modelos que você pode usar em JavaScript ou com outra estrutura como Node.js. É um sistema sem lógica, pois não integra condições "se", "mais" ou mesmo loops.

guidão, Bigode usado para exibir um bigode renderização ou dela.

Ferramentas de desenvolvimento

Grunhido é uma ferramenta de desenvolvimento JavaScript que permitirá acelerar seu desenvolvimento e seus testes. É uma espécie de prompt de comando que fornece um conjunto de ferramentas para automatizar o processo JavaScript, como concatenar arquivos, executar testes e minimizar seus scripts.

grunhido

Juntando tudo

Acima, você encontrará ferramentas que podem ser usadas para melhorar seu desenvolvimento JavaScript, e provavelmente existem várias outras ferramentas disponíveis. Mas você provavelmente não precisará usá-los todos. Várias ferramentas realizam quase as mesmas tarefas; você provavelmente precisará gastar tempo olhando as ferramentas que mais lhe agradam.

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
10 ações
ação8
chilrear1
Enregistrer1