Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DanielHe4rt/f82cc4cb25d907853bd3847236431b2c to your computer and use it in GitHub Desktop.
Save DanielHe4rt/f82cc4cb25d907853bd3847236431b2c to your computer and use it in GitHub Desktop.
Odisseia Web com Laravel

Odisseia Web com Laravel: Uma Jornada pelo Desenvolvimento Full Stack Web

Instrutor: Patricio

Redes Sociais:

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:

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