Desenvolvedor Vue Completo 2023: Do Zero à Maestria (Pinia, Vitest)

Guia definitivo para o desenvolvimento com Vue 3. Construa aplicações de grande escala e implante em produção. Vá do Zero à Maestria!

Avaliação: 4.6 de 52453 avaliações

28 horas totais

287 palestras

Todos os níveis

Guia definitivo para o desenvolvimento com Vue 3. Construa aplicações de grande escala e implante em produção. Vá do Zero à Maestria!

Recém-atualizado com todos os novos recursos do Vue 3 para 2023! Junte-se a uma comunidade online ao vivo com mais de 900.000+ desenvolvedores e um curso ministrado por especialistas do setor que trabalharam tanto no Vale do Silício quanto em Toronto com Vue.js. Usando a versão mais recente do Vue, este curso é focado em eficiência. Nunca mais perca tempo com tutoriais confusos, desatualizados e incompletos. Os graduados dos cursos de John agora estão trabalhando no Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, + outras grandes empresas de tecnologia. Garantimos que este é o recurso online mais abrangente sobre Vue. Este curso baseado em projetos irá apresentá-lo a toda a cadeia de ferramentas modernas de um desenvolvedor Vue JS em 2023. Ao longo do caminho, construiremos um aplicativo de reprodução de música massivo semelhante ao Spotify usando Vue, Pinia, Vue Router, Composition API, Firebase, Vitest, Sass + mais. Este será um aplicativo full stack, usando Firebase. Todo o código será fornecido passo a passo e mesmo que você não goste de codificar junto, você terá acesso ao código completo do projeto mestre para que qualquer pessoa inscrita no curso tenha seu próprio projeto para colocar em seu portfólio imediatamente. O currículo será muito prático, pois o guiaremos do início ao fim do lançamento de um projeto Vue profissional até a produção. Começaremos desde o início, ensinando os conceitos básicos do Vue e depois avançaremos para tópicos avançados para que você possa tomar boas decisões sobre arquitetura e ferramentas em seus futuros projetos VueJS. Você vai adorar o Vue se for novo em frameworks front-end ou mesmo se vier de um background React ou Angular! Aqui está o que o curso abordará:

1. FUNDAMENTOS

Nesta seção, aprenderemos sobre os fundamentos do Vue, como propriedades computadas, métodos e observadores. Apenas com os fundamentos, seremos capazes de manipular o documento com eventos, vinculação e renderização condicional. Também aprenderemos como depurar um aplicativo com as Ferramentas de Desenvolvedor Vue oficiais.

2. PROJETO: PERSPECTIVE PLAYGROUND

Nesta seção, construiremos nosso primeiro projeto criando um playground de perspectiva CSS. Isso nos dará a oportunidade de reforçar muitos dos conceitos fundamentais que aprendemos na seção anterior, desenvolvendo uma ferramenta para visualizar como as propriedades CSS podem manipular a perspectiva de um elemento.

3. ALÉM DOS FUNDAMENTOS

Nesta seção, mergulharemos nos mecanismos internos do framework Vue. Como os frameworks JavaScript adicionam reatividade? Como o Vue compila templates em objetos DOM virtuais? Isso nos dará uma visão de como o Vue é capaz de fornecer um framework para aplicações modernas. Também falaremos sobre ganchos de ciclo de vida e componentes.

4. APRENDENDO SOBRE AS FERRAMENTAS

Nesta seção, daremos um passo atrás do Vue para falar sobre algumas ferramentas para o desenvolvimento de aplicações. Ao longo de sua carreira, você precisará lidar com as ferramentas que nos ajudam a desenvolver aplicações (ou seja, Vite, Sass, PostCSS, ESLint). Falaremos sobre como essas ferramentas são configuradas e por que são necessárias.

5. COMPONENTES AVANÇADOS

Nesta seção, criaremos um projeto Vue com Vite. O objetivo do Vue é tornar a experiência de desenvolvimento o mais suave e indolor possível. O Vue pode nos ajudar a criar a estrutura de um projeto, configurar ferramentas e executar um servidor. Isso alivia muitas das tarefas mais tediosas do desenvolvimento web. Seremos capazes de pular diretamente para os componentes para ver como podemos arquitetar uma aplicação com componentes usando props, emitindo eventos, slots e renderizando conteúdo dinamicamente.

6. TRANSIÇÕES E ANIMAÇÕES

Nesta seção, aprenderemos como adicionar um pouco de animação a um aplicativo, adicionando transições e animações. As animações podem dar vida a qualquer aplicativo. Elas também podem melhorar a experiência do usuário, fornecendo feedback ao usuário sobre suas ações. Discutiremos como as animações podem ser alcançadas com CSS e JavaScript. Ambos são suportados no Vue. Falaremos até mesmo sobre a mais recente API de Animações da Web.

7. PROJETO: APLICATIVO DE QUIZ

Nesta seção, vamos aplicar tudo o que aprendemos até agora para desenvolver um aplicativo de quiz. Os quizzes são uma ótima maneira de envolver os usuários em quase qualquer setor.

8. PROJETO PRINCIPAL: INTRODUÇÃO AO PINIA

Nesta seção, começaremos a trabalhar no projeto principal deste curso, que é um aplicativo de música! Faça o upload,