Last active
March 31, 2023 14:45
-
-
Save ijpatricio/423f02e94655e2164a1fd39930a35a41 to your computer and use it in GitHub Desktop.
Odisseia Web com Laravel
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
## Odisseia Web com Laravel: Uma Jornada pelo Desenvolvimento Full Stack Web | |
**Instrutor**: Patricio | |
**Redes Sociais**: | |
* Youtube https://www.youtube.com/@PatricioOnCode | |
* Twitter https://twitter.com/ijpatricio | |
**Motivação**: Qualquer pessoa deve ter acesso à oportunidade de poder crescer em todos os níveis, com as tecnologias de vanguarda. | |
**Projetos atuais do Instrutor**: | |
* Coolify (Deploy Rápido e Simples) https://github.com/coollabsio/coolify | |
* Wiki Center (Filament) https://blog.jpat.dev/building-a-wiki-software-with-laravel-and-filament | |
**Objetivo:** | |
* Superação de desafios, em conjunto | |
* Menu Digital para Restaurante/Café/Bar | |
* Backoffice com autenticação para gestão de conteúdos (admin) | |
* Front pro público do cliente consultar o menu | |
**Tecnologias:** Laravel, Livewire, TailwindCSS, Alpine.js (TALL Stack) | |
**Aulas:** | |
* Desafio 1 - Ambiente de desenvolvimento. GitPod. | |
* Descrição: De forma a tornar muito fácil e prático, vamos usar um ambiente cloud, para que não haja o esforço de todos terem o sistema pronto, uns podem ter PC, Mac, Linux, e versões diferentes de tudo. Assim, tudo rola dentro do browser, não importa o dispositivo que tem: Desktop, laptop, tablet, TV, Raspberry, não importa. | |
Além disso, se instalar o VS Code, pode usar, ou os IDEs da JetBrains. Mas aí já é tema exploratorio para depois. | |
No fim da aula 1, todos já terão um repositório GitHub, e já codaram uns hello world em JS e em PHP puro, e já temos o setup GitPod prontinho para abrir e compartilhar com amigos e o mundo inteiro, pronto a codar em segundos! | |
* 2 - Laravel + HTML + Tailwind | |
* Descrição: Aprendemos a instalar um Laravel "fresh", gravando num repo de cada aluno. Vamos ver o conceito de rotas, vamos ter 2 rotas, e navegar de uma até à outra. Vamos ver conceitos leves de HTML, usar assets de CDN, como Tailwind, e Bootstrap. Vamos "brincar" (playground) com isto e vai sair a página de boas vindas e do menu digital (ainda com ementa estática, 2 pratos). | |
* 3 - Autenticação com Breeze + CRUD em Livewire | |
* Descrição: Vamos criar uma área de admin, instalando o Breeze, e a única função dessa área é aprender o básico para perceber uma form, para mudar o nome do restaurante, uma descrição, uma foto. Penso que esse desafio vai ser repartido em 2 sessões. | |
* Admin, Modelo para Textos e CRUD a textos. | |
* 4 - Criação de Menu | |
* Descrição: Modelo para Pratos, e CRUD com N pratos | |
* 5 - Página front do Menu digital | |
* Descrição: Renderizar os N pratos | |
* 6 - Testar a nossa aplicação | |
* Descrição: Garantir robustez no sistema, deixando teste automáticos, com Pest | |
* 7 - Deploy da app para um server | |
* Eu penso que o certo é ensinar com flexibilidade, com VPS. Poder mostrar também um PaaS, como o Render que tem free tier, ou Digital Ocean App Platform. Posso pensar em pedir sponsor para eles para estas iniciativas que vou fazendo ao longo do tempo, ou tu já consegues algo assim? | |
**Desafio Master** | |
* Criar um portfólio full-stack, baseado no https://github.com/DanielHe4rt/better-portfolio | |
* Cada aluno vai agora no seu tempo replicar um portfolio para si, baseado no repo do Daniel, porém vai implementar com o que aprendeu no curso. | |
* Temos lá um canal para quem anda no curso estar nivelado e pedir umas ajudas | |
* Aqui termos todos GitPod é uma grande vantagem, pois podemos entrar e fazer PR nos repos um dos outros muito fácil cara!!! | |
**Próximas aventura** | |
Plataforma Low Code com Filament | |
- Admin Panels | |
- CRUD e Listagens fácil em ambiente público (não-admin) | |
Websockets - Notificações tempo real / Chat | |
Usar packages (composer e npm) | |
Customizar uma imagem de Docker, por necessidade de uma extensão por exemplo | |
Gerar PDF | |
Exportação Excel | |
Componentes Avançados com Vue | |
Aplicação de páginas Inertia (Vue/React/Svelte) | |
API com Sanctum | |
Queues/Jobs | |
Consola / Cron Jobs | |
Criação de packages | |
Consumir APIs / OpenAI |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment