Curso WeWeb Gratuito para Iniciantes - Aprenda do ZERO em 1 aula

Curso Gratuito WeWeb.io: Aprenda do zero como utilizar WeWeb, uma das mais populares ferramentas Low Code, neste tutorial grátis. Você irá aprender o que é WeWeb, como criar aplicativos web, como integrar com Supabase, como conectar com banco de dados, desenhar a interface, e muito mais.
Explore o processo passo a passo, desde o planejamento e design no WeWeb até a lógica e integração com APIs. Aprenda a construir sua aplicação apoiando-se nos fundamentos sólidos de programação e nos conceitos de Low Code e No Code. Neste tutorial WeWeb.io, não apenas vamos mergulhar no mundo do desenvolvimento visual, mas também vamos compartilhar segredos sobre como criar interfaces intuitivas e agradáveis.
Vamos criar juntos um aplicativo de Lista de Mercado usando WeWeb como frontend e Supabase como backend e banco de dados.
Este vídeo também abordará a viabilidade de expandir seu aplicativo para um modelo multiempresas, oferecendo insights valiosos sobre como diferentes usuários podem interagir com seus dados de forma privada e segura.
Transcenda as fronteiras da criação de software com liberdade total para experimentar, seja o cientista maluco do aprendizado! Com a formidável combinação de WeWeb e Supabase ao seu lado, a concepção de aplicativos escaláveis como sistemas de gestão, entregas e bancos digitais está ao seu alcance.
Este tutorial não só prepara você para criar aplicativos web modernos com WeWeb, como também abre caminhos para que transforme esse conhecimento em uma fonte de renda, seja atuando como empreendedor, freelancer ou dentro de uma agência de desenvolvimento.
0:00 Introdução
1:00 O que é WeWeb?
1:30 Vamos criar um aplicativo na prática
5:45 PASSO 1: MIB
16:25 PASSO 2: Criar um novo projeto no WeWeb
17:40 PASSO 3: Novo projeto no Supabase
18:47 PASSO 4: Desenhar interface
38:42 PASSO 5: Tabela de produtos
41:39 PASSO 6: Integração WeWeb + Supabase
45:08 PASSO 7: Listar os produtos no WeWeb
48:16 PASSO 8: Cadastrar os produtos no banco de dados
56:47 PASSO 9: Mostrar produto comprado
1:00:02 PASSO 10: Marcar produto comprado
1:03:27 PASSO 11: Reordenar os produtos
1:04:46 O que você aprendeu
1:12:25 O que é Low Code
1:18:32 Quanto custa o WeWeb?
1:20:27 Como fazer dinheiro com WeWeb
1:26:27 Vantagens e desvantagens
1:30:29 O que é possível criar?
1:36:42 Como aprender WeWeb?
1:37:49 Comunidade Sem Codar
#semcodar #lowcode #weweb
- - - - - - - - - - - - - - - - - -
👨‍🏫 Comunidade Sem Codar - O maior curso No-Code do mundo, com centenas de aulas Bubble (No Code), FlutterFlow, WeWeb e Xano (Low Code), tutoriais passo a passo, do zero ao avançado e marketplace de profissionais. Além de um grupo exclusivo com milhares de membros tirando e esclarecendo dúvidas todos os dias:
lp.semcodar.com...
🚀 Aula Gratuita - Tudo que você precisa saber pra começar no mundo do desenvolvimento visual de aplicativos:
lp.semcodar.co...
💻 Crie sua conta gratuita no Bubble: link.semcodar....
💻 Crie sua conta gratuita no FlutterFlow: link.semcodar....
💻 Crie sua conta gratuita no WeWeb: link.semcodar....
💻 Crie sua conta gratuita no Xano: link.semcodar....

[@Barney999yt]

kkkkkkkkkkkkkk eu esperei tanto pra ver um vlog do Professor desenhando um sistema para nós hahahaha. Adorei!

[@magnomoura]

Estou na Comunidade Sem Codar há 3 anos e já renovei minha assinatura até 2026, haha! Recomendo a todos que entrem, pois aqueles que seguiram minha sugestão estão extremamente satisfeitos, dizem que foi o melhor investimento de suas vidas.

[@RenatoAsse]

🫶

[@ANSREIS1978]

Gostei do seu comentário. Eu já tenho um emprego, mas adoro tecnologia. Você acha que consigo uma renda extra(mesmo que seja pouca) após um tempo de curso usando o marketplace da sem codar??

[@magnomoura]

@@ANSREIS1978 O seu caso é exatamente semelhante ao meu. Trabalho em uma empresa e uso o nocode como uma renda extra. Hoje, para o nosso cenário, existem três caminhos: freelancer, microsaas/saas ou criar um app para a empresa onde você trabalha. A comunidade oferece aulas mais do que suficientes para dar a base necessária para esses objetivos. Além disso, há uma masterclass com o Renato e o Rafael, onde em quase 4 horas eles fornecem um passo a passo detalhado para obter renda como freelancer, incluindo um cronograma de estudos para seguir nessa carreira. Há também outra masterclass com o Bruno Okamato, que explica como ganhar renda com microsaas. Além do conteúdo educacional, você terá todo o apoio dos membros da comunidade quando tiver dúvidas ou enfrentar problemas. No entanto, lembre-se de que não basta apenas entrar na comunidade e esperar resultados em poucos dias; o retorno dependerá do seu esforço e dedicação aos estudos. Já vi casos em que pessoas com pouquíssimo conhecimento em informática conseguiram desenvolver um aplicativo e, em 3 meses, passaram a viver apenas da renda desse app. Cada caso é único, mas você pode entrar na comunidade com tranquilidade, pois valerá muito a pena e, nos primeiros dias, verá que foi um excelente investimento. Te espero lá. Me marque quando se apresentar: @Magno Moura. PS: Não sou funcionário da comunidade, mas sim um membro comum que vê a comunidade como um dos melhores lugares para a transformação social deste país.

[@andersonsantos873]

Renato parabéns pela aula muito bem bem explicado gratidão pela aula amigo

[@maregaabdoulaye2467]

Ola Renato Gostei bastante o seu ensinamento Estou num processo de requalificacao profissional Suas digas me serão bastante útil. Muito Obrigado

[@joaoglenes5180]

Sua didática é incrível , to conhecendo o canal agora e vou maratonar ksksks

[@cristianoclemente7634]

Muito bom essa aula introdutória sobre weweb, acredito Renato que essa ferramenta seria seu próximo case de sucesso, assisti todos os seus vídeos sobre bubble e fiz parte da comunidade por um tempo, e suas aulas são muito boas com uma didática sensacional. Parabéns pela aula e espero ver mais conteúdos seus sobre o assunto.

[@gpatelli]

conseguiu criar algo durante o tempo na comunidade mano?

[@adriano-angeli]

Renato, vídeo show de bola ! Porém, não encontrei a opção do Essential, onde consigo pegar os componentes mais "ricos". Isso é uma feature do WeWeb que precisa ser habilitada ?

[@AdrianoToledo]

Muito bom !!! WeWeb é o caminho!! Gostaria de um exemplo de como incluir dados em uma lista de dados, incluir item na lista e exibir todos os itens ja incluidos. Grande abraço Renato !!

[@RenatoAsse]

Pode fazer isso sem banco de dados, criando uma variável do tipo "Object (Objeto)" e ir incluindo ali, ou pode fazer com banco de dados como mostramos aí no vídeo, dando exemplo com o Supabase :)

[@AdrianoToledo]

@@RenatoAsse top, valeu !

[@AdrianoToledo]

Seria um leilão de gado, onde se cadastraria os lotes, e nesses lotes teriam um vídeo mostrando o animal, minha dúvida é sobre o bando de dados, como cadastrar esses lotes e depois listar tudo, sendo todos relacionados a esse leilão

[@tudosobregestao]

Show mestre....

[@alexandreg852]

Galera caso eu vá desenvolver sites para vários clientes, eu teria que que ter uma conta para cada cliente meu por conta do domínio próprio daquele cliente ? Como na prática uma empresa escala os projetos? No caso do we web sei que da para obter o código em JS mas no caso do Bubble por exemplo como o cliente teria acesso?

[@celiodomingues5726]

Renato, sugiro você acrescentar no layout da página de apresentação da *Comunidade Sem Codar* na seção *O que vou aprender* o curso de WeWeb, porque por lá só constam os banners dos cursos de Bubble e FutterFlow.

[@RenatoAsse]

Já tá em produção a nova página :)

[@FMestetica.automotiva]

curso maravilhoso! porem algumas funções por exemplo o content nao aparece no gratuito! aquela barra de essencial com impute e controles também não aparece ! ai a mente trava tentei de outro jeito no final da sempre erro !e agora professor será que wewebe atualizou ,ou essas funções so tem no pago ?

[@lfnikiti]

Um ótimo vídeo como sempre, parabéns. Eu sinto que existe uma resistência cada vez maior para a instalação de Apps nos aparelhos, por isso eu acho que a tendência para os aplicativos novos/não essenciais é a execução direto no navegador, essas soluções no-code/low code tem essa funcionalidade?Obrigado e grande abraço.

[@RenatoAsse]

Concordo plenamente. Hoje em dia, 51% das pessoas NÃO instalam apps nativos, só aqueles obrigatórios (redes sociais, bancos, whatsapp, etc). O legal é que WeWeb e as ferramentas que ensino aqui no canal criam aplicações WEB e PWA (Progressive Web Apps), que abrem direto no navegador, sem precisar de instalação :)

[@jmvm022]

Renatão, o que você acha de fazer um vídeo do Mão na massa ou analisando a Trinks, de gestão e atendimento. Tenho interesse em fazer um sistema nesse ramo, e com seus ensinamentos seria ainda melhor

[@lcs_moscardini4316]

meu editor esta diferente, não consigo achar alguns elementos, por exemplo o content, oq eu faço?

[@JorgeDuran-py8lj]

Olá Renato, excelente tutorial. Antes de mais, a minha língua é o espanhol, por isso peço desculpa se a tradução para português não está correcta (em espanhol não há quase nada, ou não há vídeos sobre esta excelente plataforma sem código). Pelo que sei, a weweb está mais focada no ambiente do browser do que no mobile, considera fazer melhor a aplicação mobile noutra plataforma ou deixar tudo na weweb?

[@NewUser12345-i]

Oi Renato, pq vc preferiu usar o supabase ao invés do xano? Estou considerando um dos dois para um novo projeto e ainda não decidi qual usar

[@supern4ut3]

Muito bom! Além do conhecimento técnico estilo tutorial, aprecio bastante os seus insights de negócio, Renato. Parabéns! Só queria apontar um detalhe: os anos das linguagens apresentadas nos slides estão equivocados. Segue a correção: C (1972), SQL (1978), C++ (1983), Python (1991), Java (1995), JavaScript (1995), PHP (1995), Ruby (1995).

[@RenatoAsse]

Opa, valeu pelo toque. Mas então, a data ali se refere ao início daquela geração. Exemplo: em 1972 surgiu C, a primeira linguagem 3G. Em 1991 surgiu a primeira linguagem 4G (Python), e por aí vai.

[@betaet3978]

Renato, minha meta é prestar serviço para gringa(estados unidos de preferência). Mesmo assistindo seus vídeos e podcasts não ficou claro pra mim se o WeWeb é bem aceito no exterior, sei que pro mercado brasileiro tanto faz, mas será que o gringo não é mais criterioso quanto a isso? Até pq a WeWeb é pouco popular nos Estados Unidos...

[@RenatoAsse]

A maioria das vagas para desenvolvedores No Code hoje é pra Bubble. Mas cada vez mais surgindo pessoas contratando pra FlutterFlow e pra WeWeb, e especialmente com know-how em backends externos (Supabase, Xano, Firebase). Cara, quem aprende uma e não tem medo de coisa nova, aprende todas muito fácil.

[@diogocezarribasdesouza834]

Renatão, fiz parte da comunidade por um tempo e, até hoje, uso a lista de mercado do bubble na versão de teste. Com o weweb também tem essa possibilidade de usar a aplicação na versão de testes?

[@JhonathasMatos]

Bubble ou WeWeb? Vou comprar seus cursos pra começar um aplicativo mobile. Mas para web estou muito na duvida entre bubble (que tenho visto muita reclamação de estar caindo, ter ficado caro etc)

[@RenatoAsse]

Falo aqui sobre a diferença entre elas: kzbin.info/www/bejne/hIindICJg7dnmcU

[@jesserodrigues9171]

Fala Renato! Compartilha com a gente qual programa vc usa para gravar, para fazer esses efeitos massa e esse zoom dinâmico! Grato!

[@RenatoAsse]

Vixi, isso aí é coisa do editor novo, mas acho que é tudo Premiere mesmo.

[@rachacuca_logica]

Renato me ajudaaa, ja procurei em todo lugar mas não acho, como faz pra puxar os dados relacionados? tipo tenho uma tabela clientes e uma tabela carros e na tabela carros tem uma foreignkey com ID da tabela clientes para saber de qual cliente é esse carro, como faço para puxar os dados da tabela carros e vir junto os dados do cliente? ninguem ensina isso 😔

[@washingtonsilvaqueiroz5118]

bom dia galera, sou novo na area, e tenho grande interesse na mesma, só a duvida quál o melhor pra não atira pra todo lado e em vez de ajudar mim atrapalhar mais ainda, ajuda por favor......! flutterflow, bubble, WeWeb ?

[@amaralmunica6569]

Renato um app do plano starter do bubble aguenta 10.000 acessos simultâneos?

[@add8503]

Ola. Será que se eu começar a estudar hoje, mas sou quase zero de programação (nocode ou lowcode), até o fim do ano eu consigo essa placa 6D?

[@RenatoAsse]

Não queime etapas: foco primeiro em conseguir o primeiro cliente e entregar o primeiro projeto. Depois, foco na 5D. Depois, foco na 6D. E assim vai :)

[@warzonisoficial7010]

Pessoal, o Bubble não me deixa redimensionar botões, formas, textos etc ... O que pode ser? Não estão bloqueadas!

[@wanderson-gomes52]

Boa!

[@KkauanCode]

sr renato,você acha importante colocar um plano gratis no meu app pra galera testar? obvio limitando o acesso e dando mas liberade quando comprar,ou da 30 ou 7 dias gratis de teste

[@evertonagoravai162]

Mas vendendo para comercio local, quem paga mensalmente onde ficará hospedado? Tipo, fiz pra uma quitanda

[@jhonestudos7032]

Para criar uma plataforma de loja virtual (tipo loja integrada) usando nocode/lowcode,que plataformas recomendaria?

[@RenatoAsse]

Sim, inclusive temos um módulo no curso recriando a Nuvemshop: comunidade.semcodar.com.br/aula/ecommerce-1a-nuvemshop - A inspiração para nossa loja virtual - Nuvemshop

[@walney2008]

Aguardo novos cursos (construct3,Unity,Godot4,Unreal) pois os cursos são tão complexos que as vezes ...., tipo um game de plataforma, gosto dessas que falei acima, mais por exemplo Unreal Blueprint vejo que pode fazer muita coisa, mais os cursos são complexos, tenho varios desses, mais gostaria de cientista maluco aprender padrão Renato Asse, pense nisso e salve os desenvolvedores jogos brasileiros, ^^

[@wictormariano8869]

Na tua comunidade você ensina a fazer plataforma EAD através de aplicativo ?

[@fernandodesousadeoliveira991]

Faço parte da comunidade e não me arrenpendo de modo nenhum.

[@ElitonSantos]

Olá alguém pode me ajudar: quando adiciono um elemento de texto dentro de um contêiner e clico duas vezes no texto para digitar, o texto desaparece como se não tivesse digitado e não fiz nenhuma configuração diferente pra isso acontecer. se alguém já passou por isso ou sabe resolver eu agradeço.

[@felipewolmer]

Para assinar o Weweb no plano anual, paga de uma só vez ou parcelado no cartão?

[@RenatoAsse]

De uma vez só. Parcelamento é um negócio muito brasileiro, ninguém faz isso lá fora 😅

[@filipportoigo]

Eu achei o segredo! Hahaha

[@RenatoAsse]

FUXIQUEIRO 😂

[@wilderleal7554]

O que aconteceu com o site? DNS não resolve a URL 5:22

[@RenatoAsse]

Abrindo normal aqui.

[@saulotarsobc]

Primeira vez que ouvi falar do weweb

[@mega0fc]

Lesgooo

[@reimacias]

Segundooooo

[@darionascimento]

Primeiro a assistir 😊

[@RenatoAsse]

Primeiro comentário confirmado ✅

[@webdevs1161]

​@@RenatoAsse Oxe, apagou meu comentário? Só aluno da comunidade e não espera isso de você. Coloque o link mostrando a ferramento bubble, nada de mais. Só não saio da comunidade pq o prazo pra pedir reenbolsa já passou.

[@RenatoAsse]

@@webdevs1161 Não, major, eu não apago comentários. Se for um comentário desrespeitoso, eu simplesmente dou BAN e a pessoa nunca mais vai conseguir comentar aqui nos meus vídeos. Como você está comentando, claramente não é o caso, você não está banido. Se seu comentário não apareceu, é porquê o KZbin entendeu como Spam.

[@RafaelMelo1]

We web concorre com o bubble?

[@RenatoAsse]

Mais ou menos. Ambos tem o mesmo objetivo, que é criar aplicações web. Mas Bubble é full stack (front e backend), e WeWeb é só front, uma ferramenta mais avançada (e um pouco mais complexa também). Aqui nesse vídeo eu falo quando opto por Bubble, e quando opto por WeWeb: kzbin.info/www/bejne/hIindICJg7dnmcU

[@lipe760]

@@RenatoAsse com todo o respeito professor, na prática, o Bubble não é mais fullstack desde quando começou com WU. Digo isso porque parece menos trabalhoso e perigoso trabalhar com banco externo do que com o próprio que parece um campo minado, ou no mínimo, um rio cheio de sanguessuga. Tirando isso é o melhor ainda! Que venha concorrência! =)

[@RenatoAsse]

@@lipe760 hmm, não consegui enxergar a correlação aí. Bubble te entrega o frontend e o backend. Bubble só deixaria de ser fullstack se deixasse de entregar backend (servidor e banco de dados). O que eles fizeram foi simplificar o cálculo de uso, criando uma medida única chamada Workload Units, ao invés de trabalhar com capacidade máxima. Ou seja, ao invés de cobrar pela largura da mangueira d'água, começaram a cobrar pelo uso de água lá no seu registro. O problema do WU não é o método de cálculo em si - ao contrário: é um cálculo extremamente simples e fácil de entender, na mesma linha do que já fazem Amazon e Google, mas ainda mais simples. O problema do WU é que ele está caro para quando você escala pros milhares de usuários. Não vamos confundir as coisas.

[@willianwistuba]

Eu achei o segredo!

[@RenatoAsse]

FUXIQUEIRO

[@willianwistuba]

@@RenatoAsse bora criar um curso de alguma ferramenta nocode/lowcode que tenha por base React/Next!

[@RenatoAsse]

@@willianwistuba acho que a única que conheci até hoje foi a Noodl, que é até interessante, open-source, mas é daquelas plataformas bem pequenas, sem muita gente trabalhando, que não tem modelo de negócio ainda muito claro. E eu tomo muito cuidado pra não falar de empresas que ainda não alcançaram um bom patamar de estabilidade, pois essas ferramentas pivotam a qualquer momento.

[@rachacuca_logica]

Eu achei o segredo, hahahaha

[@walney2008]

MIB (kekek)

[@netotjb]

Eu achei o segredo

[@RenatoAsse]

Ora ora ora, temos mais um FUXIQUEIRO por aqui 👀

[@KkauanCode]

sr renato,você acha importante colocar um plano gratis no meu app pra galera testar? obvio limitando o acesso e dando mas liberade quando comprar,ou da 30 ou 7 dias gratis de teste