Видео

Opaaa, show de bola, fico feliz que tenha ajudado :)

:)

Opaa, muito obrigado, fico feliz demais com esse feedback :)

opa Henrique, acredito que seja um padrão do vscode na época que gravei ou do terminal, somente visual mesmo o aspecto. Lembrando que o yarn precisa ser instalado na máquina: classic.yarnpkg.com/lang/en/docs/install/#windows-stable

Opa Marco, infelizmente não tenho mais, acabei perdendo a pasta. Mas os softwares seriam: Visual Studio Code, NodeJS com NPM, MySQL, Postman ou Insomnia e DBeaver

@@TecEdu4All e que estou apanhando um pouco aqui com o MySQL e queria ver se lá tinha algo sobre

O MySQL eu preciso instalar o para windows ou só o xammp??

@@marcoantonioqueiroz559 tendi

@@marcoantonioqueiroz559 pode instalar somente o MySQL, o Xammp na verdade serve para instalar o MySQL, Apache e PHP, nesse caso do tutorial, vc precisa somente do MySQL

Opaa, muito obrigado Wesley, vlwwww. No Strapi, é possível configurar o upload de imagens para que apenas uma imagem seja salva ao invés de múltiplos tamanhos. Por padrão, o Strapi usa um plugin de upload que cria diferentes tamanhos de imagem (por exemplo, thumbnail, medium, large) para otimizar a entrega de imagens em diferentes contextos. Para alterar esse comportamento e salvar apenas um tamanho de imagem, você pode modificar as configurações de upload no arquivo de configuração do plugin de upload do Strapi.

Vlwww Carlos =D

Opa, espero que lhe ajude =D

Opa, muito obrigado pelo feedback, fico muito feliz que tenha ajudado! Valeu pela dica, vou ver :)

Show Pablo, muito legal!

Fala Romulo, muito obrigado, fico muito feliz com o feedback :)

Opa Caio, show de bola, que bom que curtiu o vídeo! Realmente, é um ponto bem válido, obrigado pelo feedback :)

Opa Carlos, isso, é bem legal de usar no React. Aí você vai ter um projeto React normal, com a instalação das bibliotecas e tudo mais. Para o ambiente de produção você vai levar as bibliotecas obrigatórias de usar no projeto react, incluindo a react leaflet

Opa, vlwww, que bom que curtiu o vídeo! Teríamos que configurar um Dockerfile para o projeto NestJS, configurar o docker-compose.yml, configurar as variáveis de ambiente na plataforma que você está usando, por exemplo, render. E aí pode variar de plataforma para plataforma, mas você poderia configurar o "Build Command" como docker-compose build e configurar o "Start Command" como docker-compose up. A plataforma irá construir e iniciar seus contêineres, e sua aplicação estará disponível na URL fornecida pelo Render.

Muito obrigadooo Mariana

Opa Felipe, se você utilizar o comando: npx create-next-app teste, ele vai criar o projeto em Next. Aí você precisa dizer que sim nas opções de 'src directory' e 'App Router'. A versão que possui a pasta App no Next é a 13 ou 14, ambas vão te trazer essa estrutura do vídeo.

Vlwww Lucas, que bom que te ajudou =D

Opa, show de bola, obrigado por escolher o curso, qualquer feedback ou melhoria, estou a disposição, vlww

Vlwww Pedro :)

Vlwww Willian

Opa Thiago, tudo bem? O erro está bastante genérico, o que dificulta entender o que pode ser, mas alguns pontos que podem ser o erro: ver se colocou o nome da tabela no banco e se importou da lib esse metodo: import { Entity, Column, PrimaryGeneratedColumn } from 'typeorm'; @Entity('users') class User { @PrimaryGeneratedColumn('increment') id: number; @Column('varchar', { length: 100, nullable: false }) name: string; @Column('varchar', { length: 100, nullable: false }) email: string; } export default User;

Vlwww =D

Opa Paulo, não sei se tenho deste vídeo, mas acredito que esse seja bem similar, segue o código do docker e do sql se quiser rodar junto: version: '3' services: database: image: mysql volumes: - ./script.sql:/docker-entrypoint-initdb.d/script.sql - ./:/docker-entrypoint-initdb.d ports: - 3307:3306 environment: MYSQL_ROOT_PASSWORD: root -- Arquivo: create_database.sql -- Criação do banco de dados CREATE DATABASE IF NOT EXISTS curso_typeorm; -- Definindo o banco de dados criado como o ativo USE curso_typeorm;

Nesse caso você poderia capturar as informações em um contexto, conforme o codigo abaixo "use client"; import React, { ReactNode, useEffect, useState } from "react"; import { onAuthStateChanged, getAuth, User, signOut } from "firebase/auth"; import { AuthContext } from "./AuthContext"; import { app } from "../services/firebase/firebaseConfiguration"; interface AuthContextProviderProps { children: ReactNode; } const auth = getAuth(app); export const AuthContextProvider: React.FC<AuthContextProviderProps> = ({ children, }) => { const [userAuth, setUserAuth] = useState<User | null>(null); const [loading, setLoading] = useState(true); useEffect(() => { const unsubscribe = onAuthStateChanged( auth, (authUserCredentials: User | null) => { setUserAuth(authUserCredentials); setLoading(false); } ); return () => unsubscribe(); }, []); async function logout() { let result = null, error = null; try { result = await signOut(auth); } catch (e) { error = e; } return { result, error }; } return ( <AuthContext.Provider value={{ userAuth, logout }}> {loading ? ( <div className="min-h-screen bg-gray-800 flex justify-center items-center"> <h1 className="text-white text-3xl">Loading...</h1> </div> ) : ( children )} </AuthContext.Provider> ); E depois verificar se a pessoa está autenticada ou possui um papel de admin const { userAuth, logout } = useAuthContext(); const router = useRouter(); console.log(userAuth); if (userAuth == null) { router.push("/signin"); return null; // Evitar renderização de componentes desnecessários }

Nesse caso podemos trabalhar com a @react-navigation/bottom-tabs e @react-navigation/native. E um exemplo de código seria assim: import React from 'react'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import { NavigationContainer } from '@react-navigation/native'; // Importe suas telas aqui import HomeScreen from './screens/HomeScreen'; import SettingsScreen from './screens/SettingsScreen'; import ProfileScreen from './screens/ProfileScreen'; const Tab = createBottomTabNavigator(); const App = () => { return ( <NavigationContainer> <Tab.Navigator> <Tab.Screen name="Home" component={HomeScreen} /> <Tab.Screen name="Settings" component={SettingsScreen} /> <Tab.Screen name="Profile" component={ProfileScreen} /> </Tab.Navigator> </NavigationContainer> ); } export default App;

Muito obrigadoo, fico feliz que tenha ajudado :)

Opa, vlwww Carlos =D

Opaaa, show de bola, muito legal mesmo, que bom que deu tudo certo, vlww =D

Fala Darlan, muito obrigadoooo, fico muito feliz com esse feedback, vlwww =D

Fala Michel, acredito que possa ser alguma configuração na Unity às vezes, tem uma parte que configuramos qual a cam que deve ser aberta

@@TecEdu4All ahh ahh vou pesquisar

@@hbhbibibi showw

Opa Leandro, fico feliz demais em saber, vlww pelo feedback :)

Opa, acredito que não, somente com o Docker instalado. Caso não consiga usar o Docker, uma segunda alternativa é instalar o banco de dados direto na máquina

Fala Edilson, fico muito feliz em saber, que bom que lhe ajudou :)

Opa, vlww Darcio, fico feliz que gostou! Estou com um curso na Udemy completo sobre TypeORM, se quiser dar uma olhada :) - www.udemy.com/course/curso-completo-typeorm/learn/?referralCode=EB85B3F1AA43A27E02F5

@@TecEdu4All vou dar uma olhada. Parabéns pela didática.

Show de bola, vlww@@darcio28

Opa, muito obrigadooo! Tem sim, é que nesse caso, estou usando context, aí ele me pede para usar react e client side, por isso. Poderia usar server side e fazer a requisição direta para o firebase

Oii Esther, que bom que curtiu o vídeo, espero que lhe ajude bastante. Infelizmente usei esse notion na época como apoio, fazia parte de um material de estudos meu, por isso hoje não tenho ele mais :(

Opa, é possível sim, mas aí é modelagem de objetos 3D, tu teria que montar o objeto 3D com a imagem que você e dai usar esse objeto para criar realidade aumentada

Opa Wanderson, show de bola, essa biblioteca é muito boa também, mas não sei se foi descontinuada. Hoje eu uso a date fns, muito boa também

Opa, muito obrigado Thalis, que bom que curtiu, vlwww =D

Opa Rafael Para realizar um upgrade na senha de um usuário utilizando o Firebase Authentication com o Next.js, você pode seguir os seguintes passos: Importe o módulo de autenticação do Firebase: import { getAuth, updatePassword } from 'firebase/auth'; Obtenha uma referência para o objeto de autenticação: const auth = getAuth(); Atualize a senha do usuário: const user = auth.currentUser; updatePassword(user, newPassword) .then(() => { console.log('Senha atualizada com sucesso'); }) .catch((error) => { console.error('Erro ao atualizar a senha:', error); }); No código acima, newPassword é a nova senha que você deseja definir para o usuário atualmente autenticado. Certifique-se de que o usuário já está autenticado antes de chamar a função updatePassword.

Opa, muito obrigadooo, que bom que curtiu o vídeo!

Opa, vlwwww, que bom que curtiu =D

Opa Felipe, muito obrigado, vlwww pelo feedback, fico feliz que te ajudou :)

Opa, muito obrigadooo, que bom que curtiu o vídeo =D

Opa Victor, que bom que te ajudou, fico feliz demais em saber =D

Opa, bem vindo Fellipe, que bom que curtiu. Então, o joi é mais específico para validar dados de formulários e etc., ele recebe os dados e valida. Já o zod faz além disso, uma validação da tipagem no typescript e isso é um plus muito legal

Eaeee Wanderson, muito obrigadoooooo =D

Opa, que bom que curtiu, vlwww :)

Opa Carlos, muito obrigado, fico feliz demais em saber que ajudou =D