3 posts tagged with "10/2022"

29/10/2022 - Aula 4 de Ruby (Remoto)

A aula começou um pouco atrasada pois o coordenador não apareceu para liberar o Google Meet para nós, mas o professor Mauricio utilizou uma conta dele para criar uma sala e nós entramos por lá.

Professor começou recapitulando a aula anterior e explicando novos itens do Next.js.

Começamos vendo sobre o useSWR que é um hook que faz o cache de dados e faz o refresh deles quando necessário.

import useSWR from 'swr'

function Profile() {
  const { data, error } = useSWR('/api/user', fetch)

  if (error) return <div>failed to load</div>
  if (!data) return <div>loading...</div>
  return <div>hello {data.name}!</div>
}

Depois arrumamos a parte de autenticação na API e utilizamos o NextAuth para fazer a autenticação.

import { signIn, signOut, useSession } from 'next-auth/client'

export default function Page() {
  const [ session, loading ] = useSession()

  return <>
    {!session && <>
      Not signed in <br/>
      <button onClick={signIn}>Sign in</button>
    </>}
    {session && <>
      Signed in as {session.user.email} <br/>
      <button onClick={signOut}>Sign out</button>
    </>}
  </>
}

Depois disso, professor falou do trabalho, e ficou para ajudar quem tiver dúvidas.

15/10/2022 - Aula 3 de Ruby (Remoto)

Nossa terceira aula começa com uma recapturação sobre a aula anterior, professor compartilhou o video que foi gravado e passou o link para que todos possam assistir.

• Aula 2

Depois disso, começamos a falar sobre Angular, para ver se tinha pessoas que dominavam Angular e que poderiam ajudar, mas no caso, vamos utilizar React para fazer um front, pois é o que o professor domina.

Para fazermos o projeto, vamos utilizar verificar a versão do NodeJS que está instalada, para isso, vamos utilizar o comando:

node -v 

A versão LTS atual é a 16.18.0, que vai ser a versão recomendada.

Para criar o projeto, vamos utilizar o comando:

npx create-next-app@latest

E vamos subir o servidor de desenvolvimento com o comando:

npm run dev -p 4000

Depois o professor foi explicando a estrutura do NextJs. E como que funciona o React.

Montamos alguns arquivos de exemplo para entender como funciona o gerenciamento de estado do React.

Após isso começamos a ver sobre sobre a estrutura de rotas do projeto e como que funciona trabalhar com atributos dinâmicos, como ids.

Exemplo

• localhost:4000/users/1

Seguimos a aula com a criação de um CRUD de artigos, consumindo a API que foi criada no Rails.

Foi isso para a aula de hoje

Vídeo da aula​

Aula da manhã​

Aula da tarde​

01/10/2022 - Aula 2 de Ruby (Remoto)

A segunda aula de Ruby começou com nós fazendo uma atividade no JamBoard do Google.

Após um tempo para fazermos, o professor foi passando um por um vendo como que cada aluno estava fazendo e as tecnologias que estavam sendo usadas. Isso foi feito para ver como que a turma está pensando e o nível de conhecimento que cada um tem.

O PDF com o que cada aluno fez pode ser encontrado aqui.

Depois disso, começamos a criar um novo projeto, para explorar como utilizar Ruby on Rails voltado para APIs.

rails new pos-unipar-rails-app --api

Após isso, começamos a criar as rotas e os controllers para cada uma delas.

rails generate scaffold Article title:string body:string

Esse comando cria o controller, o model e as rotas para o CRUD do Article.

Agora vamos gerar o Category, que será o relacionamento do Article.

rails generate scaffold Category name:string

Agora vamos criar o relacionamento entre os dois.

class Article < ApplicationRecord
  belongs_to :category
end

class Category < ApplicationRecord
  has_many :articles
end

E agora vamos criar um usuário

rails generate scaffold User name:string email:string password:string

Professor passou mais algumas coisas sobre relacionamentos, mas passou um outro material para fazermos em conjunto.

https://www.bluebash.co/blog/rails-6-7-api-authentication-with-jwt/

Final da aula 2​