[SP] Front-end Study Group: Hands-on Vue.js na Movile

Front-end Study é um encontro colaborativo para aprimorarmos nossas habilidades de desenvolvimento web front-end, no qual teremos palestras técnicas sobre frameworks, ferramentas e boas práticas.

ATENÇÃO: ESTÁ É UMA PRÉ-INSCRIÇÃO PARA PARTICIPAR!

Fique atenta aos e-mails durante o mês de agosto para receber os desafios da seleção.

SOBRE O WORKSHOP:

Nesse workshop vamos explorar o Vue.js e os principais componentes desse framework para que você possa desenvolver seus próprios projetos usando Vue. Durante o curso vamos desenvolver uma aplicação em Vue e a ideia é que você consiga absorver todos os passos necessários para criar seus próprios projetos :)

Legal! Mas o que vou aprender se participar?

Bom, o curso será dividido em partes:

Parte 1 - Entendendo a aplicação e tendo produtividade

Na primeira parte do workshop, vamos discutir um pouco como será o processo de criação da aplicação e seu funcionamento.

Antes de sair codando por ai, é importante relembrar os conceitos de controle de versão e preparar nosso github para receber nosso projeto e pensar, também, no sistema como um todo, para compreender a importância de cada etapa do desenvolvimento.

A aplicação completa pode ser divida em partes, certo?
Faremos uma divisão entre front-end e back-end, além de pensar em como criar componentes para nossa aplicação e conecta-los.

Os tópicos são:

• Github
• Arquitetura de uma WebApp em Vue

Parte 2 - Oi frontend, seu lindo <3
Para quem participou da primeira edição do grupo de estudos, tivemos uma breve introdução ao funcionamento do Vue. Aqui, vamos lembrar rapidamente como ele funciona!

A estrutura do Vue, lembrando de como ele é construído e como trabalhar com ele

• renderização
• Vue instance

Parte 3 - Mão na massa
Agora que já temos nosso projeto de aplicação, entendemos como ela vai funcionar, podemos começar a codar :)
A ideia aqui é mesclar a apresentação dos conceitos com a aplicação deles no projeto. Então, teremos uma breve explicação do que faremos, qual conceito de Vue usaremos, e então como fazer.

Basicamente, os tópicos são:

• webpack
• Templates e a sintaxe
• html, css e javascript no Vue
• Entrando no mundo das computed properties
• o que são?
• como funcionam?
• diretivas
• v-if, v-show, v-for
• listas
• Eventos
• Binding
• Componentes

Parte 4 - Backend
Nessa parte, vamos explorar como criar um servidor simples para uma aplicação em Vue.

Os tópicos são:

• CRUD
• Criando um servidor com Node e express
• conectando back e frontend em Vue

// O que você precisa para participar

• Se identificar como mulher cis ou trans
• Ler a descrição do evento, para tirar todas as suas possíveis dúvidas!
• Trazer o seu notebook carregado + bateria
• Vontade de aprender e participar da comunidade <3
• Código de Conduta - todas as pessoas presentes no evento devem se comprometer em seguir o código de conduta em eventos, que visa proporcionar um ambiente saudável e livre de assédios. Tem alguma dúvida? Conheça o COC: https://bit.ly/WoMakersCode-COC