Past Meetup

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

This Meetup is past

86 people went

Details

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