React.Js e ChatGPT: Crie App para culinária e turismo com IA

Aprenda IA, chatGPT(GPT-3.5) da openAI, React.js, sites responsivos, bootstrap, html, css, javascript, npm e muito mais.

5.00 (8 reviews)
Udemy
platform
Português
language
Web Development
category
instructor
59
students
7 hours
content
Mar 2023
last update
$19.99
regular price

What you will learn

Criar um clone do airbnb e integrar inteligência artificial por meio do OpenAI GPT-3

Continuar a aprender e crescer como desenvolvedor, mesmo após o término do curso

Aprender os fundamentos do React Js na nova convenção ES6

Usar CSS Frameworks tal como Bootstrap 5x alpha1 (última versão)

Criar layouts responsivos, acessíveis e bonitos

Escrever aplicativos web com mais de uma rota usando react router

Usar variáveis, condicionais, loops, funções, arrays e objetos JavaScript

Criar aplicativos de página única no Reactjs

Usar o NPM para instalar todos os tipos de pacotes úteis

Desenvolver um aplicativo que lhe ajudará a gerar receitas de comida e modo de preparo usando inteligência artificial (GPT-3)

Instalar as ferramentas necessárias para desenvolver dois aplicativos poderosos que usam IA

Aprender sobre a interface de linha de comando

Aprender a interagir com APIs a partir do frontend

Implementar barras de navegação responsivas, cartões, botões, bootstrap ícones, Grid e container em sites

Crie formulários HTML com bootstrap

Usar git e github para armazenar seu código

Aprender como hospedar seu site usando a plataforma Netlify

Definir variáveis do ambiente durante o desenvolvimento e também na hospedagem do site

Description

Este curso é uma jornada emocionante que abrange algumas das tecnologias mais populares do momento no mundo do desenvolvimento de aplicativos web front-end. Durante este curso, você terá a oportunidade de mergulhar nas maravilhas da inteligência artificial e ver como é possível criar resultados mágicos, como gerar planos de viagem e receitas culinárias com base nos ingredientes que o usuário apresenta.

Com o advento da inteligência artificial, os desenvolvedores podem agora criar aplicativos web incrivelmente sofisticados que fazem coisas que eram inimagináveis apenas alguns anos atrás. E este curso é a plataforma perfeita para você descobrir tudo sobre essas tecnologias incríveis.

Ao longo do curso, você aprenderá o fundamental do Reactjs, Bootstrap 5 alpha1(versão mais recente) e também aprenderá como usar o modelo GPT-3 da OpenAI através da API da openAI. Este modelo de linguagem natural é um dos mais avançados disponíveis atualmente, e é usado em uma variedade de aplicativos para fornecer resultados precisos e rápidos. E você aprenderá como usá-lo para criar seus próprios projetos web que são alimentados pela inteligência artificial.

Além disso, você também aprenderá como hospedar seus projetos na web, permitindo que qualquer pessoa que visite seu site tenha acesso a eles. Essa é uma habilidade valiosa que pode ajudá-lo a criar aplicativos web verdadeiramente impressionantes que podem ser usados por pessoas em todo o mundo.

No final do curso, você terá todas as habilidades necessárias para criar seus próprios aplicativos web front-end alimentados pela inteligência artificial, com o modelo GPT-3 da OpenAI, e hospedá-los na web. Isso significa que você pode criar aplicativos incríveis que ajudam as pessoas a planejar suas viagens, cozinhar receitas deliciosas e muito mais usando React, bootstrap e IA! Com essas habilidades avançadas, você pode até mesmo abrir portas para novas oportunidades de trabalho em empresas de tecnologia inovadoras.

Então, junte-se a nós nessa jornada emocionante para descobrir as tecnologias mais populares do momento e como usá-las para criar projetos web verdadeiramente impressionantes que podem mudar a vida das pessoas!

Content

Introdução e configuração do ambiente

Conheça o instrutor e a visão do curso
Instalar o Visual Studio Code e o Nodejs
Primeiro projecto em React
Estrutura dos aplicativos React
Introdução aos componentes em React

Fundamentos do React

O que aprenderemos nesta seção?
funções Arrow
Variáveis em React
Array e suas propriedades
Array e Operador de dispersão
React props (properties)
Eventos em React
UseState em React
useEffect em React

Bootstrap

Por que bootstrap?
O que aprenderemos nesta seção?
Instalar bootstrap e primeira Navbar
Barra de navegação (Navbar), parte 2
Container e Grid em Bootstrap
Grid, uma visão mais profunda
Cartões e Botões
Intro aos formulários
Bootstrap ícones

Projecto 1: GPT-3 e Airbnb Clone

Visão Geral do Projeto
Barra de navegação
Barra de navegação, parte 2
Barra de navegação, parte 3
adicionar bootstrap ícones
Mover os componentes para Home.js
Desenvolver os nossos Cartões
Adicionar slides aos cartões
Adicionar mais info aos cartões
Passar informações para os cartões usando props
Mapear as imagens no slide de cada cartão
Adicionar várias rotas com o react router
Criar as rotas e conecte o novo componente usando o React Link
Passar a informação para o novo componente Rooms.js
Mapear as imagens no novo componente Rooms
Integrar a API da OpenAI
Bugs bugs bugs... Fixar os pontos soltos
Criar o botão e estado de carregamento
Mostrar o resultado do modelo GPT-3 em uma tabela
Engenharia prompt
Notas finais e melhores prompts

Projecto 2: ChefBot

Visão Geral do ChefBot
Configuração do projeto e barra de navegação
Barra de navegação
Configurar a API da OpenAI
Adicionar o formulário
Um toque mágico ao formulário
Testar a aplicação e notas finais

Hospedagem/Deployment

Git, GitHub e netlify
Enviar o código para o github
Configurar o Netlify e tentar hospedar
Obrigadãoo.. oh.. Erros?. Fixar o erro, definir var do ambiente em netlify.

Screenshots

React.Js e ChatGPT: Crie App para culinária e turismo com IA - Screenshot_01React.Js e ChatGPT: Crie App para culinária e turismo com IA - Screenshot_02React.Js e ChatGPT: Crie App para culinária e turismo com IA - Screenshot_03React.Js e ChatGPT: Crie App para culinária e turismo com IA - Screenshot_04

Charts

Price

React.Js e ChatGPT: Crie App para culinária e turismo com IA - Price chart

Rating

React.Js e ChatGPT: Crie App para culinária e turismo com IA - Ratings chart

Enrollment distribution

React.Js e ChatGPT: Crie App para culinária e turismo com IA - Distribution chart
4987556
udemy ID
11/21/2022
course created date
3/10/2023
course indexed date
Bot
course submited by