Mais de 10 tutoriais úteis em Javascript para desenvolvedores WordPress em 2017

No endereço State of the Word de Matt Mullenweg em 2015, ele deu a toda a comunidade WordPress uma tarefa de casa - “Aprenda JavaScript, profundamente”. Esse foco, junto com desenvolvimentos como Calypso e a API REST, é o motivo pelo qual acabamos de publicar uma postagem de tutorial de JavaScript básico para iniciantes para começar a usar JavaScript.

Essa postagem se concentra inteiramente em tutoriais básicos de JavaScript, no entanto. Nesta postagem, vou levar as coisas um pouco mais longe e dar a você uma lista de tutorial de JavaScript de conteúdo que se concentra especificamente em JavaScript, pois se aplica ao WordPress .

Como o foco está em JavaScript aplicado, em vez de no básico, você provavelmente precisará de pelo menos um conhecimento básico de JavaScript para obter o valor desses tutoriais. Se isso se parece com você, eu o convido a se aprofundar e aprender um pouco de JavaScript aplicável ao WordPress!

Tutoriais úteis de JavaScript para desenvolvedores de WordPress

Antes de chegar à lista de tutoriais, gostaria de passar um segundo dando algumas informações sobre como realmente construí essa lista.

Como mencionei na introdução, esta não é uma lista de tutoriais gerais para ajudá-lo a aprender JavaScript. Em vez disso, para entrar nesta lista, eu procurava duas coisas:

• O recurso é especificamente sobre como aplicar JavaScript ao WordPress
• O conteúdo cobre algo “carnudo”. Ou seja, é mais do que apenas um pequeno trecho de código ou uma breve explicação.

Além desses dois requisitos, os tutoriais nesta lista cobrem uma gama bastante eclética de aplicativos. Além disso, a maioria são tutoriais autônomos, embora alguns sejam cursos ou coleções mais abrangentes.

E, finalmente, a maioria dos tutoriais é gratuita, mas também existem algumas opções pagas misturadas na lista. Vou me certificar de anotar qual é qual, para que você possa encontrar algo que se ajuste ao seu orçamento (ou à falta dele).

Ok - bate-papo o suficiente. Vamos para a lista ...

1. Use AngularJS como front-end do WordPress

Neste tutorial de Andrea Terzani, ele o conduz pela construção de um aplicativo AngularJS simples para fornecer conteúdo de postagem. Andrea é italiano, então a gramática nem sempre é perfeita ( isso não é uma crítica, eu aprecio o bilinguismo!) , Mas ele inclui toneladas de exemplos de código, e você sempre pode pegar o pacote completo de sua página no GitHub.

Preço: Grátis | Mais Informações

2. JavaScript para WordPress

Zac Gordon é bastante conhecido na comunidade WordPress graças aos seus tutoriais Treehouse, bem como suas palestras em um grande número de eventos WordCamp.

JavaScript para WordPress é seu programa de “curso mestre” para aprender JavaScript aplicado ao WordPress.

O curso não está disponível publicamente nem é gratuito. Na verdade, você precisa reservar uma vaga antes mesmo de entrar no curso.

Isso porque Zac prefere trabalhar individualmente ou em pequenos grupos, em vez de adotar uma abordagem de aprendizagem mais do tipo “definir e esquecer”.

Essa atenção pessoal não sai barata - o curso gira em torno de $ 697. Mas se você leva a sério o aprendizado de JavaScript para desenvolvimento em WordPress, as credenciais de Zac definitivamente sustentam o alto preço.

Preço: $ 697 | Mais Informações

3. Criação de plug-ins reativos para WordPress

Delicious Brains, os criadores do plug-in WP Migrate DB muito amado pelos desenvolvedores, publicou toneladas de tutoriais de qualidade focados no desenvolvedor em seu blog WordPress. Esta série de três partes sobre a construção de plug-ins reativos do WordPress não é exceção.

Cada uma das três postagens da série se concentra na construção do mesmo plug-in WordPress simples, apenas com uma tecnologia de front-end diferente.

Em toda a série, você pode ver como o plug-in é desenvolvido com:

• Backbone.js
• Vue.js
• Olmo

Os tutoriais são longos e bem explicados, então você definitivamente obterá muito valor com esta série.

Preço: Grátis | Mais Informações

4. Usando o Backbone no Admin do WordPress

Neste tutorial de duas partes do Envato Tuts +, você primeiro aprenderá como aplicar o Backbone JS no back-end do WordPress, seguido pela segunda parte sobre como usar o Backbone no, você adivinhou, o frontend.

Shane Osbourne mostra tudo, incluindo muitos exemplos de código e capturas de tela.

Como é a norma, você também pode verificar a seção de comentários para algum debate sobre a qualidade do código.

Preço: Grátis | Mais Informações

5. Tutoriais de Yoren Chang sobre a construção de temas com AngularJS e WP REST API

Desde outubro de 2014, o hobby de Yoren Chang tem sido construir temas WordPress com AngularJS. Por que isso é importante para você? Porque ao longo desse tempo, ele também documentou seu hobby em uma série de postagens de tutoriais em seu site.

Atualmente, ele postou 21 tutoriais diferentes, todos dedicados ao uso de AngularJS com temas WordPress.

Alguns dos tutoriais são curtos e rápidos, enquanto outros se aprofundam um pouco mais. Junte-os todos, porém, e você terá uma coleção profunda para mantê-lo ocupado por algum tempo.

Preço: Grátis | Mais Informações

6. Trabalhando com JavaScript e WordPress

Trabalhar com JavaScript e WordPress é um pequeno curso PluralSight do desenvolvedor Brian Hogg.

Com menos de 2 horas, o curso não é muito comprometedor. Ele leva você por uma breve introdução, usando JavaScript em plug-ins e temas e usando AJAX para enviar e salvar dados.

Embora tecnicamente você precise de uma assinatura do PluralSight para acessar o curso, você pode obter uma avaliação gratuita do PluralSight de 10 dias, que deve dar a você tempo mais do que suficiente para consumir o curso.

Preço : Grátis c / Teste Grátis | Mais Informações

7. Criação de aplicativos de página única com WordPress e Angular.js

Este tutorial de JavaScript é uma adição mais recente de Tom Whitbread da Envato Tuts +. Como você provavelmente pode deduzir pelo nome, ele o conduz pelo processo de uso do AngularJS para criar um aplicativo de página única baseado em WordPress.

Você também pode encontrar todo o código de Tom em sua página do GitHub.

Preço: Grátis | Mais Informações

8. Como construir aplicativos React com base na API REST do WordPress

Este é outro onde você pode ter uma boa ideia do que é abordado apenas no título!

Além da profundidade que Andrey, o autor, entrou, eu também gosto que este tutorial tenha uma seção de comentários sólidos para um debate adicional.

Você também pode verificar uma demonstração do front-end básico que estará construindo, bem como a página GitHub de Andrey com todo o código.

Preço: Grátis | Mais Informações

9. Um caminho simples para escrever um aplicativo React.js em um plug-in WordPress

WPShout é bem conhecido na comunidade por seus tutoriais WordPress focados no desenvolvedor. Embora eles não se concentrem exclusivamente em JavaScript, este tutorial de Fred se aprofunda em um tópico semelhante ao tutorial anterior, mostrando como escrever um aplicativo React.js dentro de um plug-in WordPress.

Além dos exemplos de código na postagem, Fred também inclui um arquivo ZIP com o código completo da demonstração.

Preço: Grátis | Mais Informações

10. JavaScript para desenvolvedores WordPress de WPMUDev

Daniel Pataki, o editor de WordPress da Smashing Magazine e ex-autor da Elegant Themes, montou uma série de JavaScript de várias partes para WordPress Developers na WPMUDev.

O curso vai desde o básico até tópicos mais avançados. É um pouco mais amigável para iniciantes em JavaScript do que alguns dos tutoriais mais avançados desta lista. Portanto, se você se sentiu um pouco perdido até agora, este pode ser um bom lugar para começar.

Preço: Grátis | Mais Informações

11. Aplicativos de página única usando AngularJS e a API REST do WordPress

Este é um tutorial detalhado de Almir no SitePoint. Ele oferece uma visão aprofundada do uso do AngularJS para construir um aplicativo de página única baseado em WordPress e a API REST.

Almir inclui páginas GitHub separadas para o aplicativo Angular e o tema filho do WordPress que ele usa no exemplo, então você deve ser capaz de acompanhar facilmente tudo o que está acontecendo.

Preço: Grátis | Mais Informações

Resumindo

Com o foco cada vez maior na API REST, JavaScript e WordPress estão cada vez mais próximos. Em março de 2017, você pode até encontrar temas baseados em JavaScript no repositório do WordPress.org.

Então, se você quiser acompanhar a comunidade WordPress, você precisa, como Matt colocou, “Aprenda JavaScript profundamente”.

Espero que pelo menos um tutorial de JavaScript nesta lista tenha ajudado. E se você conhece um ótimo tutorial que merece estar nesta lista, seria ótimo se você pudesse compartilhá-lo nos comentários para que possamos colaborar para tornar este recurso ainda melhor.

Imagem em miniatura do artigo por Teguh Jati Prasetyo / shutterstock.com