Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Aula 1 - Tópicos #8

Open
12 of 13 tasks
huogerac opened this issue Sep 29, 2021 · 3 comments
Open
12 of 13 tasks

Aula 1 - Tópicos #8

huogerac opened this issue Sep 29, 2021 · 3 comments
Assignees
@huogerac
Labels
documentation Improvements or additions to documentation
Milestone
Fundação (Setup i...

Comments

@huogerac
Copy link
Contributor

huogerac commented Sep 29, 2021 •
edited
Loading

Aula 1

Vamos colocar o chapéu do FRONTEND, vamos codar uma versão inicial e tentar fazer deploy já no dia 1

Requisitos

#5 Instalar Node e NPM

Assuntos & Tarefas

  • Setup inicial do hackernews (VueJS usando Vue-CLI)
  • Vue vs React (bate papo rápido)
  • Tailwind (Utility Class) vs Bootstrap (UI Library) e pq isto não é !important
  • Webpack e transpilers e as vantagens do frontend separado
  • Visão rápida do Vue
  • Separar páginas (views) dos componentes
  • Estrutura de Layout (herança de páginas == extends do Django Template)
  • Linter + code formatter
  • Rotas
  • API mock
  • Deploy
  • Links para quem quer se aprofundar
  • Conceito de componentes puros

Links:
https://plataforma.dev.pro.br/42242-formacao-fullstack
https://github.com/confraria-devpro/hackernews-clone/discussions
@huogerac huogerac added the documentation Improvements or additions to documentation label Sep 29, 2021
@Gabrieltggv
Copy link
Contributor

Link do treinamento do vue brasil https://treinamento.vuejsbrasil.org/

huogerac added a commit that referenced this issue Oct 1, 2021
@huogerac
Setup inicial do hackernews + API Mock v1. Issue #8
2d9bac0
@diegomaranhao
Copy link

diegomaranhao commented Oct 1, 2021 •
edited
Loading

Links citados na aula:
https://evolutio.io/curso/minicurso_frontend_em_2018
https://evolutio.io/curso/minicurso_vuejs
https://treinamento.vuejsbrasil.org/

https://cli.vuejs.org/guide/installation.html

https://vuetifyjs.com/en/

https://www.npmjs.com/package/json-server

Comandos úteis:
$ vur ui
$ vue create hackernewsclone
$ npm run serve
$ npm run build
$ npm install json-server --save-dev
$ npm install axios --save

@huogerac
Copy link
Contributor Author

huogerac commented Oct 4, 2021 •
edited
Loading

Links relacionados com a Aula 1

Referência base

Referência prática

Extra - Cursos gratuitos de VueJS

@huogerac huogerac self-assigned this Oct 12, 2021
@huogerac huogerac pinned this issue Oct 12, 2021
@huogerac huogerac unpinned this issue Oct 26, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@huogerac huogerac

Labels
documentation Improvements or additions to documentation
Projects
None yet
Milestone
Fundação (Setup inicial + Negócio)
Development

No branches or pull requests
3 participants
@huogerac @diegomaranhao @Gabrieltggv