Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/glaucia86/livecoding-frontend-projects

Repositório com projetos Front-End
https://github.com/glaucia86/livecoding-frontend-projects

angular azure chatkit front-end-development frontend node-js pusher reactjs vuejs web-development

Last synced: about 2 months ago
JSON representation

Repositório com projetos Front-End

Awesome Lists containing this project

README 

        
# Live Coding - Aprendendo Front-End com 9 Projetos



[![Evento-Twitch-Glaucia-Lemos-1.jpg](https://i.postimg.cc/cJrnCRqR/Evento-Twitch-Glaucia-Lemos-1.jpg)](https://postimg.cc/Y4B9ymC0)



Repositório com 9 projetos Front-End para aprender diferentes bibliotecas e frameworks.



## Objetivo Principal 🎯



O desenvolvedor **[Simon Holdorf](https://twitter.com/simonholdorf)**, escreveu um post no site dev.to sobre: **[9 Projetos que você pode fazer para se tornar um Front-End Master em 2020](https://dev.to/simonholdorf/9-projects-you-can-do-to-become-a-frontend-master-in-2020-n2h?signin=true)**, que seguindo os projetos citados nesse artigo que podemos nos tornar melhores desenvolvedores Front-End durante o ano de 2020.



Como o meu expertise principal não é Front-End, mas sim Back-End, decidi então usar os tutoriais desse artigo para fazer live coding e consequentemente aprender um pouco mais sobre diferentes bibliotecas e frameworks (Front-End) do mercado. E também entrar no desafio do #100daysofcode (100 dias de código) 



p.s.: **[Para saber mais informações sobre #100daysofcode - AQUI](https://www.100daysofcode.com/)**



Esses projetos desenvolvidos são para fins de estudo pessoal e discussão durante o live coding no **[Twitch](https://www.twitch.tv/glaucia_lemos86)** e no **[Youtube](https://www.youtube.com/user/l32759)**



## Recursos Utilizados 🚀



- **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-0000-gllemos)**

- **[Node.js](https://nodejs.org/en/)**



## Projetos Desenvolvidos 💻



| Projeto | Descrição | Link do Projeto | Tecnologias | Link dos Vídeos

|---|---|---|---|---|

| **[Projeto 1 - Desenvolvendo uma Aplicação Chat em Tempo Real com Vue](project-1/README.md)** | Desenvolvimento de uma aplicação Vue com Pusher e Deploy da Aplicação no Azure | **[chat-app-vue](project-1/README.md)** | `vue, pusher, azure blob storage, loading.io, node.js` | **[Playlist - Vídeos 01-09](https://www.youtube.com/playlist?list=PLb2HQ45KP0Wsjhon8AQt9Kfzx_GK26y-n)** |

| **[Projeto 2 - Previsão do Tempo com Angular](project-2/README.md)** | TBD | TBD | TBD | TBD |

| TBD-03 | TBD | TBD | TBD | TBD |

| TBD-04 | TBD | TBD | TBD | TBD |

| TBD-05 | TBD | TBD | TBD | TBD |

| TBD-06 | TBD | TBD | TBD | TBD |

| TBD-07 | TBD | TBD | TBD | TBD |

| TBD-08 | TBD | TBD | TBD | TBD |

| TBD-09 | TBD | TBD | TBD | TBD |



## Links & Recursos Adicionais 📒



- ✅ **[Tutorial - Vs Code com Angular](https://code.visualstudio.com/docs/nodejs/angular-tutorial?WT.mc_id=javascript-0000-gllemos)**

- ✅ **[Tutorial - Vs Code com Vue](https://code.visualstudio.com/docs/nodejs/vuejs-tutorial?WT.mc_id=javascript-0000-gllemos)**

- ✅ **[Tutorial - Vs Code com React](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial?WT.mc_id=javascript-0000-gllemos)**

- ✅ **[Hospede & Faça Deploy de Site Estático no Azure](https://docs.microsoft.com/azure/javascript/tutorial-vscode-static-website-node-01?WT.mc_id=javascript-0000-gllemos)**

- ✅ **[Free Trial Azure](https://azure.microsoft.com/free/?WT.mc_id=javascript-0000-gllemos)**

- ✅ **[Azure for Students](https://azure.microsoft.com/free/students/?WT.mc_id=javascript-0000-gllemos)**



## Tenho Dúvidas... O que Faço?! ❓



Caso tenham dúvidas aos códigos dos projetos relacionados aos workshops, sintam-se a vontade em abrir uma **[ISSUE AQUI](https://github.com/glaucia86/livecoding-frontend-projects/issues)**. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!



**(documentação em desenvolvimento)**