JavaScript é um dos tópicos das notícias do WordPress. A API Rest incentiva os desenvolvedores não apenas a aprender como interagir com ela, mas também a aprimorar o uso do WordPress com aplicativos da web mais eficientes.

Mas se você é novo no JavaScript, pode se perder facilmente em toda essa nova tecnologia e jargão. um "grunhido" pode ser o ruído que você faz ao tentar depurar o código JavaScript, AJAX pode ser o pó para limpar seu JavaScript e REST pode ser o que você precisa quando estiver tudo pronto.

Portanto, neste artigo, examinaremos a maior parte do jargão desse novo mundo em torno do 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 pode ser executada no computador do cliente. JavaScript pode ser usado para todos os tipos de ações dinâmicas: adicionar interações, recuperar dados, exibir pop-ups. No entanto, não fique tentado a exagerar.

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 de desenvolvimento.

Un Quadro é semelhante a uma biblioteca, mas maior no sentido de que é 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: SECO" Refere-se à parte da vista do modelo de design "MVC", o que evita que você tenha que 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 elemento de uma página para interagir com os dados.

reuterstv

Reuteurs.tc um exemplo de um aplicativo em página única.

Um aplicativo de página única é um site de página única, 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 via JavaScript. Isso significa que o conteúdo é pré-carregado, o que reduz consideravelmente o tempo de carregamento de uma página.

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

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 a você interagir com ele. Se você já adicionou um 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 que você gerencie melhor os recursos e recursos do último. A API REST é diferente porque permite que outros sistemas interajam com o WordPress.

feelingrestful

DESCANSO significa Transferência de Estado Representacional. Ele usa uma arquitetura desacoplada, o que significa que vários componentes de um site ou aplicativo são separados. Na prática, isso equivale a dizer que o backup do seu site pode ser feito em algum lugar, enquanto os dados do backup são salvos em outro lugar.

AJAX significa Asynchronous JavaScript and XML or JavaScript and Asynchronous XML. É uma técnica que permite que você interaja com um site sem atualizar uma página. A interface de administração do WordPress usa AJAX, assim como a maioria dos sites como Twitter, Facebook, etc. Não se deixe enganar pelo nome, você não precisa fazer XML para usar AJAX.

JSON significa JavaScript Oriented Notation. Ele permite que você recupere dados de um aplicativo usando JavaScript, o que lhe dá a capacidade de manipular os dados. Se antes você usava XML para salvar e manipular dados em páginas da web, JSON será a nova maneira de fazer isso agora. No modelo MVC, isso se refere ao controlador, pois é 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 qual usar. Abordarei alguns plug-ins populares de JavaScript. Às vezes você vai querer escolher um ou outro, às vezes você 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.

jquery

jQuery é provavelmente a biblioteca JavaScript mais famosa. Vários sites o usam para adicionar animações “front-end” a seus sites. É uma biblioteca que realmente simplifica o uso de JavaScript no seu site, oferecendo também a capacidade de acessar recursos especiais.

jQuery é integrado ao WordPress, você pode usá-lo em seus temas e plug-ins facilmente. Esta biblioteca é em princípio utilizada 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 trata da visualização no modelo MVC. React é uma biblioteca popular que permite criar interfaces que usarão o formato JSON para interagir com APIs REST.

Angular  é uma livraria mantida e usada pelo Google. O Angular faz um trabalho semelhante ao React, portanto, você pode usá-lo para interagir com a API REST. Se você escolher interagir com o React, provavelmente não usará o Angular e vice-versa.

Bootstrap não é apenas uma biblioteca JavaScript, mas uma biblioteca composta de documentos JavaScript, HTML e CSS. Desenvolvido pelo Twitter, é uma biblioteca geralmente usada para criar temas WordPress. No entanto, ele não interage com os dados: é uma questão de manipular apenas a visualizaçã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 desenvolvido pela 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 do jQuery. Ele foi projetado para construir aplicativos de página única, usando todos os três elementos de uma estrutura MVP.

Node.js é uma estrutura JavaSript que roda em Windows, OSX e Linux, portanto, é usada pela maioria dos aplicativos de aplicativos, em vez de para o desenvolvimento de aplicativos da web.

guidão

Sistema de modelos

Bigode oferece modelos que você pode usar em JavaScript ou com outras estruturas como Node.js. É um sistema sem lógica, pois não integra condições "if", "else" ou mesmo loops.

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

Ferramentas de desenvolvimento

Grunhido é uma ferramenta de desenvolvimento de JavaScript que permite acelerar o desenvolvimento e os 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.

10 ações
ação8
chilrear1
Enregistrer1