{"id":15640770,"url":"https://github.com/glaucia86/livecoding-frontend-projects","last_synced_at":"2025-04-15T16:51:56.263Z","repository":{"id":38058968,"uuid":"231251064","full_name":"glaucia86/livecoding-frontend-projects","owner":"glaucia86","description":"Repositório com projetos Front-End","archived":false,"fork":false,"pushed_at":"2023-01-07T15:07:33.000Z","size":3368,"stargazers_count":71,"open_issues_count":29,"forks_count":7,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-03-28T22:41:22.834Z","etag":null,"topics":["angular","azure","chatkit","front-end-development","frontend","node-js","pusher","reactjs","vuejs","web-development"],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/glaucia86.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-01-01T18:40:48.000Z","updated_at":"2024-11-30T01:31:44.000Z","dependencies_parsed_at":"2023-02-07T12:15:24.486Z","dependency_job_id":null,"html_url":"https://github.com/glaucia86/livecoding-frontend-projects","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Flivecoding-frontend-projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Flivecoding-frontend-projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Flivecoding-frontend-projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Flivecoding-frontend-projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/glaucia86","download_url":"https://codeload.github.com/glaucia86/livecoding-frontend-projects/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249113929,"owners_count":21214997,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","azure","chatkit","front-end-development","frontend","node-js","pusher","reactjs","vuejs","web-development"],"created_at":"2024-10-03T11:39:59.219Z","updated_at":"2025-04-15T16:51:56.244Z","avatar_url":"https://github.com/glaucia86.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Live Coding - Aprendendo Front-End com 9 Projetos\n\n[![Evento-Twitch-Glaucia-Lemos-1.jpg](https://i.postimg.cc/cJrnCRqR/Evento-Twitch-Glaucia-Lemos-1.jpg)](https://postimg.cc/Y4B9ymC0)\n\nRepositório com 9 projetos Front-End para aprender diferentes bibliotecas e frameworks.\n\n## Objetivo Principal 🎯\n\nO 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.\n\nComo 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) \n\np.s.: **[Para saber mais informações sobre #100daysofcode - AQUI](https://www.100daysofcode.com/)**\n\nEsses 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)**\n\n## Recursos Utilizados 🚀\n\n- **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-0000-gllemos)**\n- **[Node.js](https://nodejs.org/en/)**\n\n## Projetos Desenvolvidos 💻\n\n| Projeto | Descrição | Link do Projeto | Tecnologias | Link dos Vídeos\n|---|---|---|---|---|\n| **[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)** |\n| **[Projeto 2 - Previsão do Tempo com Angular](project-2/README.md)** | TBD | TBD | TBD | TBD |\n| TBD-03 | TBD | TBD | TBD | TBD |\n| TBD-04 | TBD | TBD | TBD | TBD |\n| TBD-05 | TBD | TBD | TBD | TBD |\n| TBD-06 | TBD | TBD | TBD | TBD |\n| TBD-07 | TBD | TBD | TBD | TBD |\n| TBD-08 | TBD | TBD | TBD | TBD |\n| TBD-09 | TBD | TBD | TBD | TBD |\n\n## Links \u0026 Recursos Adicionais 📒\n\n- ✅ **[Tutorial - Vs Code com Angular](https://code.visualstudio.com/docs/nodejs/angular-tutorial?WT.mc_id=javascript-0000-gllemos)**\n- ✅ **[Tutorial - Vs Code com Vue](https://code.visualstudio.com/docs/nodejs/vuejs-tutorial?WT.mc_id=javascript-0000-gllemos)**\n- ✅ **[Tutorial - Vs Code com React](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial?WT.mc_id=javascript-0000-gllemos)**\n- ✅ **[Hospede \u0026 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)**\n- ✅ **[Free Trial Azure](https://azure.microsoft.com/free/?WT.mc_id=javascript-0000-gllemos)**\n- ✅ **[Azure for Students](https://azure.microsoft.com/free/students/?WT.mc_id=javascript-0000-gllemos)**\n\n## Tenho Dúvidas... O que Faço?! ❓\n\nCaso 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!\n\n**(documentação em desenvolvimento)**\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Flivecoding-frontend-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fglaucia86%2Flivecoding-frontend-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Flivecoding-frontend-projects/lists"}