Aprenda No-Code do Zero ao Avançado - Cursos e Formações Completas NoCode StartUp: ⭐ NocodePRO (Assinatura Completa): Formação Flutterflow + Bubble + Weweb + Make + Todos outros cursos técnicos: go.nocodestartup.io/campaign/nocodepro-yt? 🟣 Formação FlutterFlow (Assinatura Individual): go.nocodestartup.io/campaign/formacao-flutterflow-yt? 🔵 Formação Bubble (Assinatura Individual): go.nocodestartup.io/campaign/formacao-bubble-yt? 📺 Nocodeflix | Nossa plataforma de aulas flix.nocodestartup.io/courses
@@andersonserraoficial Sim Anderson! Esse projeto aqui por exemplo, fazemos desde a concepção, planejamento, modelagem do banco de dados, até finalização do app. Além de outros apps que fazemos do inicio ao fim também.
Levei umas 2 semanas para criar esse menu seguindo o tutorial e finalmente terminei🙌🙌. Muita informação, mas vou pegar para fazer novamente para fixar melhor os conceitos. Parabéns pela didática excelente👏👏👏👏
Boa noite meu amigo! Muitoooooo obrigado! Aprendi muito! Nunca me prendi muito em um video, mas o seu é bem explicativo! Consegui fazer perfeitamente, já fiz alguns ajustes e ficou muito bonito! (Na minha opinião) BRABO!
Aquele que já sabe tudo sobre um assunto, sempre perde a oportunidade de conhecer algo novo. É assim que eu me senti assistindo esse conteúdo... principalmente essa maneira de navegação por URL usando patch. Parabéns manolo!
Valeu pelo comentário Edu! Todos temos sempre algo para aprender, ainda mais nesse meio de desenvolvimento. Valeu pelo comentário e feliz que esse tutorial aqui tenha sido útil. Keep Learning 🚀🚀
Professor... que aula sensacional. Parabéns pela didática, você transmite o conteúdo com clareza, segurança, organização da ideais e apresentar as melhores práticas de Programação.
Comecei a criar um no fim de semana passado. Agora que vi esse de responsividade, vou refazer de novo no modelo responsivo... a grande vantagem ao fazer o fixed, foi que aprendi muito da parte lógica e agora vou mais rápido o desenvolvimento😊
Salve Roger! Fico feliz que esse tutorial de Bubble.io tenha ajudado por ai! Infelizmente de fato não damos descontos em nossas Formações, mas você consegue parcelar em até 12x o curso. Caso não seja o momento para você, continuarei soltando conteúdos aqui pelo UA-cam também. Grande abraço!
Nível profissional demais nesse tutorial! Sempre desenvolvi Dashboards no Bubble também, mas tem umas sacadas MUITO inteligentes aí no meio! Parabéns 🔥
Estou ansioso para poder ver este tutorial e poder recriar. Até onde sei, este vai ser uma das melhores dashboard já criada no bubble. Existe dash muito bacana, mas este menu lateral com comportamento único no youtube.
Muito massa esse Painel Dashboard. Finalizei agora com as poucas horas de estudo que tenho e com certeza vou implementar nos meus projetos. Pessoal uma observação se voçês assim como eu colocou o FloatingGroup dentro do grupo, ele não vai ficar com um aspecto legal e tambem não e possivel movimentalo na arvore de elementos(pelo menos eu não consegui kk) notem que o Neto colocou na index. = Dica: se aconteceu com vc, copia ele e reproduz direto na index e pronto. Valeu Neto abraços. #partiu proximo projeto para colocar no portifólio #nocodeinpublic #nocodestartup
Estamos juntos meu mestre! Massa demais que conseguiu recriar esse Dashboard por ai! Isso do Floating Group dentro dos elementos deve ser algum bug recente do Bubble, reparei que nos últimos dias Bubble está permiting Popups também serem adicionados dentro de elementos, algo que não era possível antes. Mas isso não faz muito sentido, já reportei um bug para eles sobre isso, aguardando respostas. Mas value por sinalizar e avisar a todos Michael. Sucesso! #nocodeinpublic
Exato Gelson, serve de base para maioria dos sistemas que precisamos criar. Já esta na frente de muito com esse conhecimento 😉 Feliz que curtiu esse Dashboad no Bubble io e poder ajudar. Em breve mais conteúdos
Boa tarde! Parabéns pelo conteúdo. Aqui temos uma questão: ao utilizar o método "Get to page index" + configuração de parâmetros, quando usamos como aplicativo nativo em um PWA, ele não permite fazer o deploy para o modo live, mencionando "Issues": Go to page index - Change page actions should not be used in a native app page
#nocodeinpublic Conteúdo excelente! Melhor explicação e didática que vi até hoje. Parabéns, muito sucesso e muito obrigado por disponibilizar todo esse conhecimento. Valeu!
Gostei muito do UI e UX, simples de entender e fácil de usar, mas uma parte esta me intrigando, da forma que ficou, tudo em uma página, não acaba ficando "pesado" pra carregar essa única pagina? Não seria melhor separar os conteúdos do menu (Dashboard, Projetos, etc...) cada um em uma página?
SPA você perde no primeiro carregamento (as vezes pode demorar um pouquinho mais) porém, depois de carregado a navegação fica muito mais fluida, sem necessidade de recarregar página sempre. Excelente para sistemas como esse, SaaS, painéis, etc. Com isso em mente vc pode pensar a melhor forma de criar seu sistema, mesclando as técnicas se quiser
Tche, parabéns pelo vídeo, muito bom. Tem como ter uma funcionalidade que se clique fora do menu na versão mobile e ele feche, sem a necessidade de clicar no X? Obrigado pela dica e pelo vídeo.
Neto, parabéns pelo conteúdo de altíssimo nível. Dúvida: Qual a vantagem dessa abordagem do frontend em uma única página, estilo SPA da abordagem de páginas independentes? Eu consigo pensar apenas na reutilização da responsividade.
Excelente pergunta! SPA você perde no primeiro carregamento (as vezes pode demorar um pouquinho mais) porém, depois de carregado a navegação fica muito mais fluida, sem necessidade de recarregar página sempre. Excelente para sistemas como esse, SaaS, painéis, etc. Com isso em mente vc pode pensar a melhor forma de criar seu sistema, mesclando as técnicas se quiser
Neto, video aula sensacional, parabéns! uma dúvida/comentário: Utilizar um elemento reutilizável no menu lateral, não seria uma forma mais "flexível" a médio longo prazo para se trabalhar? Pensando estes conteúdos que estamos carregando vão crescer com o tempo e ou outros serão adicionados e mudados de posição, e a questão de diferentes níveis de usuários e suas condicionais de visualização do menu. Mas de qualquer forma uma aula e tanto, novamente parabéns. 👏
boa noite, parabéns pelo conteúdo , uma duvida: em um sistema multiempresas em que tenho um grupo repetidor exibindo o numero da ordem de serviço, como fazer para cada empresa gerar seu próprio numero em sequencia? no caso são empresas que prestam serviço. sds
Aula muito top mesmo depois de 1 ano, mas deixei passar algo que quando recolho a barra lateral meus incones ficam finos/encurtados, não consegui resolver ainda
Muito bom, só tenho uma dúvida, em questão de organização acredito que ficando todas as páginas dentro de apenas uma fica bem mais desorganizado. Levando em consideração o desenvolvimento de um SAAS que tenha vários módulos/páginas, uma boa prática não seria ter todas as páginas separadas? E Se sim, como seria fazer isso utilizando esse seu modelo?
Depende muito paulo... SPAs (aplicações de uma página) são excelentes pois são bem mais fluidas para uso, não ha necessidade de ficar recarregando a página sempre que usuário muda de aba. Tem aplicações que essa é uma boa prática, para outras não fica legal, depende muito. Nesse nosso caso aqui desse app, eu construo tudo como uma SPA, faz mais sentido. Mas caso queira usar em várias páginas, basta fazer o menu lateral um elemento reutilizável
@@nocodestartup Você já chegou fazer um SAAS nesse modelo? Se sim, ficou legal a manutenibilidade depois? Mas uma pergunta, é possível fazer abrir desse mesmo jeito que tu fez via url porém estando em páginas diferente o conteúdo?
Uma sugestão de aula se der, com a opção de fazer o menu usando o repeating group, ficou complicado para fazer os submenus, visto que tudo aparece de forma dinamica do option set. se der faz uma aula explicando como resolver isso
Ótimo conteúdo, parabéns! Só uma dúvida, sabe se é possível fazer com reusable elements? Pois no meu caso o hovered no floating não funciona, quando coloco o reusable elements na página que quero
Gostei muito da sua aula, parabéns. Estou com uma dúvida, achegue até onde, coloca os ícones no dashboard, consegui fazer com a aula, porém verificando em um celular, na hora que você tenta abrir no celular no menu hamburguer, nada aconte, fata algum ajuste?l
Cara muito bom seu video porem eu queria criar só o menu com option set teria algum video que explica melhot porque esse comlica porque fala sobre novegação url
Obrigado pelo comentário Bruno. Basta apenas criar o menu e não adicionar ações. Não precisa usar a parte da navegação de URL. Mas nesse tutorial tem todo o conhecimento necessário, assista com calma que aprenderá para aplicar em qualquer projeto
Que conteúdo sensacional. Já tenho um ERP rodando na empresa mas não é responsivo. Tenho na faixa de 20 páginas e uns 25 pop-up. Na sua opinião vale a pena deixar nessa estrutura de navegacao por grupos ou por páginas mesmo? Hoje ele está em forma de navegação por páginas. Muito obrigado e certamente vou comprar seu curso pela sua didática.
Navegação por grupos como fiz acaba sendo legal para não termos que ficar atualizando a página sempre, sistema fica bem mais responsivo dessa forma. Temos um loading time maior no primeiro carregamento e depois tudo bem mais rapido. Prefiro dessa forma para sistemas desse estilo, mas depende muito do seu uso de caso. E como vc ja tem ele todo construido assim em páginas, precisa tb avaliar trabalho de refazer
Maravilhoso. gratidão pela apresentação. MAS.... o meu hover da barra lateral não funciona NEM f...dendo. Não ativa de JEITO nenhum. não sei até agora o que houve. Anyway a aula foi perfeita.
@@botequimdelivery Essa parte a mais chatinha mesmo, pois as condicionais devem estar configuradas de acordo para funcionar. Tanto do Custom State, quanto da largura do elemento.
Top demais essa aula. Gostei muito. Uma dúvida, se puder responder, é claro. Esse seria o painel adm do app. Eu consigo montar uma app. Onde; teria o painel ADM. Um front para clientes que acessam pelo computador e uma tela em forma de app para mobile?
@@LHGoulart Consegue fazer tudo isso com FlutterFlow tb Goulart 🚀🚀 Mas bora pra assinatura PRO, tem acesso a todos nossos cursos tecnicos dai. Aproveita que esta com valor de lançamento ainda 🙏🙏 Qualquer duvida só chamar nosso time
Gostei bastante da aula. Me aventurei a usar uma tabela/banco de dados, porque me pareceu mais fácil, futuramente, ocultar os itens de menu de acordo com os direitos dos usuários. Usar option set é melhor que o banco de dados? Imagino que tenha a vantagem de carregar tudo para a memória. Fora isso vocês têm alguma objeção?
Show demais Gilbeto, legal que curtiu. Não vejo muito motivo para uso do banco de dados nesse caso Gilberto, você terá que fazer buscas no BD para todo carregamento de página nesse caso. Options Sets são leves e são salvos no cache do usuário e você também pode tranquilamento oculta-los conforme a permissão do usuário.
@@nocodestartup Muito obrigado pela resposta. Fiz a mudança. Como eu venho do Access e lá todos os parametros eram armazenados em tabelas, sou atraido magneticamente para estes formatos de desenvolvimento.
@@nocodestartup estou aos poucos entendendo situações que é melhor option sets (elementos que o desenvolvedor trabalha) ou banco de dados (onde o usuário pode modificar). Modifiquei no meu exemplo para usar parâmetros ao invés de pegar o path, aparentemente permite um controle melhor.
Rapaz estou tomando uma coça na parte da navegação por parametros. Porque você colocou o Type de text e o valor fixo de dashboard. Mas depois não é mais valor fixo é uma variavel. Não estou conseguindo de jeito nenhum pegar o parametro de url kkkk
Neto, muito obrigado por esse conteúdo do mais altíssimo nível! A título de boas práticas, você acha interessante fazer a tela de login/cadastro nesse mesmo painel que está como index? Ou prefere criar uma página diferente como index com login/cadastro e após logado enviar o usuário pra esse dashboard em outra página? Exemplo: login/cadastro(página index) dashboard(página painel de controle)?
Salve Caldeira! Obrigado pelo comentário e feedback! Eu normalmente crio uma nova página para o login mesmo. Normalmente jogo o login para página index e o dashboard em uma outra página.
Boa tarde! Conteudo top demais cara. Me tira uma duvida, na barra lateral, nao estou conseguindo rolar o conteudo dela, fica fixa e não rosa, a pagina em si esta rolando, mas ela não. O que devo fazer?
@@nocodestartup Já o fiz, acho que vou refazer tudo de novo, ouvi dizer que a pagina pai, tem que estar no mesmo tipo de layout que o grupo retetidor, tentei fazer e mesmo assim não deu certo. To revendo seu video aqui e pelo que percebi, vc nao marca essa opção e mesmo assim funcionou, não sei o que fazer
Neto, baita conteúdo cara. Só fiquei com uma dúvida referente a escolha de renderização das "páginas" de acordo com cada menu. Esse modelo lembra bastante projetos SPA, mas, esse formato também é aconlhável para um projeto que terá muitas telas (aprox. 15)? Por exemplo, uma tela de listegem de pedidos, uma tela de detalhes do pedido, listagem de clientes, destalhes do cliente... e assim por diante
Salve Felipe, tranquilo? Isso, esse projeto se torna basicamente um SPA. Não ha necessáriamente um limite de páginas para tal modelo, você pode cria-lo como quiser. Importante apenas seguir algumas dicas, passo até elas em um outro vídeo: ua-cam.com/video/fy3tq92HzBQ/v-deo.html
Gostaria muito que o acesso ao curso fosse vitálico, em é muito difícil assistir todas as aulas do curso e por em prática, falo isso por experiencia própria.
Existe alguma forma de login em que cada usuário tenha seu conjunto de paginas separada, com paginas especificas para cada login? Caso sim, no curso ensina a fazer essa forma de login?
Qual seu objetivo final decio? Você quer que cada usuário veja seus próprios dados? Ou cada empresa veja seus próprios dados? Em geral, todo aplicativo utiliza o mesmo login, porém a partir dai cada usuário verá coisas diferentes. Isso tudo que perguntei acima ensino em detalhe no curso.
eu tive um pequeno problema na hora de criar o menu em grupo repetidor, eu notei que voce colocou a ação de workflow apenas no GRUPO do menu, dentro do repetidor no meu aqui quando eu clicava no texto ou no icone mesmo eles estando dentro do grupo a url na mudava, entao botei o mesmo parametro do grupo no texto e no icone e funcionou.
Como sempre (independente de atualizações de preço), tudo depende. Depender do seu modelo de negócio, etc. Mas SaaS é um dos modelos core de aplicações do Bubble e a qual continua atendendo bem. Aplicações B2C com altos volumes de usuários gratuitos, foram mais impactadas, mas tb depende do modelo de negócio, valores de cobrança, mercado, etc.
Opa. Belezinha? Desculpa minha ignorância... Qdo puxo o group ou o texto com o estilo que criamos nao vem no estilo como vc fez aí. Como colocar o style como default?
Olá, como faço pra minha tela ficar igual a sua com essa barra superior mostrando as dimensões da tela de acordo com o tamanho que vc aumenta ou diminui a tela? é uma extensão?
Em relação ao menu puxar a ordem dos OS com o ícones, só funciona se for ícones do Font Awesome né? porque estou usando Design System e os ícones só então no Bubble como imagem....tem alguma forma neste caso?
Não consegui cocluir a parte da "Navegação parâmetros URL", em especifico a parte da ação de Navegação (Go to Page) no Workflow. Não consigo adicionar o grupo... é como se não existisse o nome pois não aparece para incluir no "Data to send"
Fala galera, estou com um problema, quando coloco o floating group, está com um problema, que diz assim: floating group must bê rigth under The undefined. Instead it is under grp menu
Isso é por conta da responsividade. Se você tivesse toda a liberdade, o design não ficaria responsivo. Explico isso em uma aula aqui no UA-cam sobre Responsividade no Bubble: ua-cam.com/video/8CXCRcNSkFY/v-deo.html
Adicionei mais menus e submenus, porém o grupo flutuante não expande para mostrar todos. O que pode ser? Ele fica só no tamanho da tela e consequentemente não mostra as outras opções.
mano fiquei com uma duvida cruel kkkk mas vc fez mt rapido e eu nao entendi nada kkk no header mobile, quando voce deletou os grupos que nao ia precisar, a configuração desse header continuaria sendo de ROW certo? depois que voce insere a imagem e vai pro menu de hamburguer como que voce posicionou ele la no canto sem o grupo que vc deletou pra dar o espaço com o header sendo do tipo row?
Só podia ser mais objetivo. Ensinou de uma forma e depois fez desfazer tudo e fazer de outra forma. Ia até comprar o curso pra dar continuidade, mas agora fiquei com receio de ficar fazendo e refazendo.
Boa! Isso na verdade é uma técnica para reforçar o aprendizado 🙏🙏 Não queremos que vocês apenas copiem as coisas mas sim entendam o por que estão fazendo da forma como a gente tem proposto e por que é uma boa prática seguir dessa forma. Nada mais claro para fazer isso do que mostrar forma errada e depois a certa fazer as coisas.
![Bubble.io Responsiveness and Responsive Design | Tutorial [2023]](http://i.ytimg.com/vi/8CXCRcNSkFY/mqdefault.jpg)
Aprenda No-Code do Zero ao Avançado - Cursos e Formações Completas NoCode StartUp:
⭐ NocodePRO (Assinatura Completa): Formação Flutterflow + Bubble + Weweb + Make + Todos outros cursos técnicos:
go.nocodestartup.io/campaign/nocodepro-yt?
🟣 Formação FlutterFlow (Assinatura Individual):
go.nocodestartup.io/campaign/formacao-flutterflow-yt?
🔵 Formação Bubble (Assinatura Individual):
go.nocodestartup.io/campaign/formacao-bubble-yt?
📺 Nocodeflix | Nossa plataforma de aulas
flix.nocodestartup.io/courses
Tem projetos feito do início ao fim passo a passo
@@andersonserraoficial Sim Anderson!
Esse projeto aqui por exemplo, fazemos desde a concepção, planejamento, modelagem do banco de dados, até finalização do app.
Além de outros apps que fazemos do inicio ao fim também.
Levei umas 2 semanas para criar esse menu seguindo o tutorial e finalmente terminei🙌🙌. Muita informação, mas vou pegar para fazer novamente para fixar melhor os conceitos. Parabéns pela didática excelente👏👏👏👏
po, show demais. Depois posta e marca a gente nas redes sociais pra vermos como ficou
muito boa sua aula... aprendi muito.... (passei três hora procurando um erro que fiz no FG GROUP KKK, e concertei graças a esse seu vídeo) Vlw mesmo.
Hahaha acontece nas melhores famílias!
Fera que ajudou por aí 🚀
Muito conhecimento nesse video
Boa noite meu amigo! Muitoooooo obrigado! Aprendi muito! Nunca me prendi muito em um video, mas o seu é bem explicativo! Consegui fazer perfeitamente, já fiz alguns ajustes e ficou muito bonito! (Na minha opinião) BRABO!
Que bom ! Fico feliz com seu comentário
Neto que aula excelente. Completa, com uma didática direta e com alta qualidade. Parabéns e obrigado por compartilhar o seu conhecimento.
Sou aluno nocode startup... e pra adiantar assisti essa aula. Sensacional! Obrigado
Boaa Anderson! Tamo junto❤🙏🚀
Fera que curtiu! Dps diz se tem curtido o restante do curso pra gente la na comunidade
Parei a aula no meio para agradecê-lo, professor. Muito obrigado por compartilhar o seu conhecimento!
Obrigado Rodrigo!
Aquele que já sabe tudo sobre um assunto, sempre perde a oportunidade de conhecer algo novo. É assim que eu me senti assistindo esse conteúdo... principalmente essa maneira de navegação por URL usando patch. Parabéns manolo!
Valeu pelo comentário Edu!
Todos temos sempre algo para aprender, ainda mais nesse meio de desenvolvimento.
Valeu pelo comentário e feliz que esse tutorial aqui tenha sido útil.
Keep Learning 🚀🚀
Professor... que aula sensacional. Parabéns pela didática, você transmite o conteúdo com clareza, segurança, organização da ideais e apresentar as melhores práticas de Programação.
Obrigado Miguel! que bom que gostou
Comecei a criar um no fim de semana passado. Agora que vi esse de responsividade, vou refazer de novo no modelo responsivo... a grande vantagem ao fazer o fixed, foi que aprendi muito da parte lógica e agora vou mais rápido o desenvolvimento😊
Boa!
Obrigado pela aula, meu amigo. Ela chegou na hora exata em que estou construindo meu micro-saas com bubble.
Deus abençoe vocês.
Bacana demais Nathan! Show que tenha ajudado.
Esse Dashboard serve para maioria das aplicações, mão na roda.
Sucesso!
Netão que aula Monstra. Fera demais. Apanhei demais, mais no final deu certo. Gratidao meu brother. Logo mais mando um presente.
Show demais Marcelo! Feliz que deu tudo certo aí!
Bora junto 🚀👊
Você me salvou, quero aprender muiro mais e passar para meus alunos. Me de um desconto no seu curso.
Salve Roger!
Fico feliz que esse tutorial de Bubble.io tenha ajudado por ai!
Infelizmente de fato não damos descontos em nossas Formações, mas você consegue parcelar em até 12x o curso.
Caso não seja o momento para você, continuarei soltando conteúdos aqui pelo UA-cam também.
Grande abraço!
Nível profissional demais nesse tutorial! Sempre desenvolvi Dashboards no Bubble também, mas tem umas sacadas MUITO inteligentes aí no meio! Parabéns 🔥
Opaa, valeu o feedback ai Samuel! Tamo junto! 🙏
Dashboard ficou bem completinho, uma base boa pro Dashboad da galera ai no Bubble.
Valeu! Abraço!
que aula sensacional.
Valeuuu Denilson! Massa que curtiu! Boraaa
Caramba que qualidade de ensino e execução! Aprendi muito, obrigado Neto! 🙏🏽👊🏼
Salvee Daniel! Brigadão pelo comentário meu amigo!
Feliz que ess tutorial desse Dashboard em Bubble tenha agregado ai.
Tamo junto, abraço!
Estou ansioso para poder ver este tutorial e poder recriar. Até onde sei, este vai ser uma das melhores dashboard já criada no bubble. Existe dash muito bacana, mas este menu lateral com comportamento único no youtube.
Bacana demais Fabrício!
Esse comportamento da barra lateral fica fera demais mesmo.
Mas pode ter certeza que vai aprender bem mais do que isso 😉
Cara definitivamente eu aprendi Obrigado !
Ai sim Guilherme, espero que tenha gostado desse conteúdo de Dashboard SaaS no Bubble io
Aprendendo muito com esse tutorial.
Parabéns! Forma de ensinar muito boa.
Opaa, valeu comentário meu mestre!
Conseguiu replicar todo o Dashboard certinho?
@@nocodestartup Tô na luta. Vou rever o vídeo todo
@@webdevs1161 chegamos em um nível bem mais avançado ali no final mesmo.
Ver algumas vezes ai que sai 🚀
Conteudo de primeira!!! Parabens e Obrigado.
Valeu demais Fdomds!
Feliz que curtiu o conteúdo!
Valeu!
Didática muito boa, está de parabéns, logo logo vou fazer parte da sua comunidade.
Tamo junto Gerson!
Será muito bem vindo 🧩🧩
Muito massa esse Painel Dashboard.
Finalizei agora com as poucas horas de estudo que tenho e com certeza vou implementar nos meus projetos.
Pessoal uma observação se voçês assim como eu colocou o FloatingGroup dentro do grupo, ele não vai ficar com um aspecto legal e tambem não e possivel movimentalo na arvore de elementos(pelo menos eu não consegui kk) notem que o Neto colocou na index. = Dica: se aconteceu com vc, copia ele e reproduz direto na index e pronto.
Valeu Neto abraços.
#partiu proximo projeto para colocar no portifólio
#nocodeinpublic #nocodestartup
Estamos juntos meu mestre! Massa demais que conseguiu recriar esse Dashboard por ai!
Isso do Floating Group dentro dos elementos deve ser algum bug recente do Bubble, reparei que nos últimos dias Bubble está permiting Popups também serem adicionados dentro de elementos, algo que não era possível antes.
Mas isso não faz muito sentido, já reportei um bug para eles sobre isso, aguardando respostas.
Mas value por sinalizar e avisar a todos Michael.
Sucesso!
#nocodeinpublic
Mano, que aula!!! Isso serve de base pra qualquer sistema!
Exato Gelson, serve de base para maioria dos sistemas que precisamos criar. Já esta na frente de muito com esse conhecimento 😉
Feliz que curtiu esse Dashboad no Bubble io e poder ajudar.
Em breve mais conteúdos
Muuuuuuuuito bom em xará!
Conteúdo excelente e muito produtivo!
Parabéns
Salvee xará! Valeu o comentário!
Se não for pra agregar nem fazemos 😉
Massa que curtiu o Dashboard, valeu!
Tamo junto.
Sensacional, essa aula me ajudou muito!! Obrigada🎉
Que bom Gabriela! fico feliz que tenha ajudado
Que Show de boas práticas!!! Obrigado!
Valeu Evandro! Feliz que tenha curtido!
Boa tarde! Parabéns pelo conteúdo. Aqui temos uma questão: ao utilizar o método "Get to page index" + configuração de parâmetros, quando usamos como aplicativo nativo em um PWA, ele não permite fazer o deploy para o modo live, mencionando "Issues": Go to page index - Change page actions should not be used in a native app page
Muito bom. Por aqui deu certo. Parabéns e muito obrigado. 🎉
Fera demais Elenice! Feliz que deu boa!
Vídeo recheado de boas práticas. Parabéns!
Obrigado pelos comentários Expedido!
Fico feliz que tenha curtido esse tutorial de Bubble, de fato fiz para ser bem completo!
Excelente! Muito obrigado pela aula!
Bons estudos!
Conteúdo sensacional e ótima didática, parabéns!!!
Obrigado Cris! Fico feliz que tenha gostado!
Conseguir recriar o Dashboard todo?
Que vídeo, que didática... parabéns!!! Muito bom!!!
Muito obrigado 😃 Fico feliz que tenha gostado desse conteúdo de Dashboard em Bubble
Poxa, show demais, aprendi muito, muito mesmo.
Boaaa! Massa demais Jaguar!
Feliz que curtiu o tutorial!
Bem completo né?
Obrigado pela vídeo aula
Valeuu! Fera que curtiu o tutorial do Dashboard no Bubble.
COnseguiu replica-lo?
Otima didática, parabéns. Me ajudou e muito. Valew
Bem demais Mauro! Feliz que ajudou por aí esse tutorial!
Conseguiu replicar inteiro?
Parabens pelo trabalho!
Obrigado Samuel!
Conseguiu replicar todo o Dashboard no Bubble?
Grande abraço!
Que bela aula, parabéns!
Obrigado pelo elogio! Bons estudos.
#nocodeinpublic
Conteúdo excelente! Melhor explicação e didática que vi até hoje. Parabéns, muito sucesso e muito obrigado por disponibilizar todo esse conhecimento. Valeu!
#nocodeinpublic
Tamo junto! Obrigado pelo comentário!
Gostei muito do UI e UX, simples de entender e fácil de usar, mas uma parte esta me intrigando, da forma que ficou, tudo em uma página, não acaba ficando "pesado" pra carregar essa única pagina? Não seria melhor separar os conteúdos do menu (Dashboard, Projetos, etc...) cada um em uma página?
SPA você perde no primeiro carregamento (as vezes pode demorar um pouquinho mais) porém, depois de carregado a navegação fica muito mais fluida, sem necessidade de recarregar página sempre. Excelente para sistemas como esse, SaaS, painéis, etc.
Com isso em mente vc pode pensar a melhor forma de criar seu sistema, mesclando as técnicas se quiser
Tche, parabéns pelo vídeo, muito bom.
Tem como ter uma funcionalidade que se clique fora do menu na versão mobile e ele feche, sem a necessidade de clicar no X?
Obrigado pela dica e pelo vídeo.
Salve Altari! Fera demais que curtiu!
Talvez criando algumas condicionais utilizando custom states conseguiria esse comportamento.
Neto, parabéns pelo conteúdo de altíssimo nível. Dúvida: Qual a vantagem dessa abordagem do frontend em uma única página, estilo SPA da abordagem de páginas independentes? Eu consigo pensar apenas na reutilização da responsividade.
Excelente pergunta!
SPA você perde no primeiro carregamento (as vezes pode demorar um pouquinho mais) porém, depois de carregado a navegação fica muito mais fluida, sem necessidade de recarregar página sempre. Excelente para sistemas como esse, SaaS, painéis, etc.
Com isso em mente vc pode pensar a melhor forma de criar seu sistema, mesclando as técnicas se quiser
Neto, muitissimo util, muito bommmm!!!!!
Opaa! Valeu Leonir! Fico feliz que esse conteúdo de Bubble e esse Dashboad tenha agregado ai!
Grande abraço!
Muito top a aula !!!!
Obrigado 😃 Conseguiu fazer todo seu Dashboad saas ai?
Neto, video aula sensacional, parabéns! uma dúvida/comentário: Utilizar um elemento reutilizável no menu lateral, não seria uma forma mais "flexível" a médio longo prazo para se trabalhar? Pensando estes conteúdos que estamos carregando vão crescer com o tempo e ou outros serão adicionados e mudados de posição, e a questão de diferentes níveis de usuários e suas condicionais de visualização do menu. Mas de qualquer forma uma aula e tanto, novamente parabéns. 👏
Salve! Valeu Galdino!
Obrigado! Baita aula.
Nós que agradecemos!
boa noite, parabéns pelo conteúdo , uma duvida: em um sistema multiempresas em que tenho um grupo repetidor exibindo o numero da ordem de serviço, como fazer para cada empresa gerar seu próprio numero em sequencia? no caso são empresas que prestam serviço.
sds
Aula muito top mesmo depois de 1 ano, mas deixei passar algo que quando recolho a barra lateral meus incones ficam finos/encurtados, não consegui resolver ainda
Muito bom, só tenho uma dúvida, em questão de organização acredito que ficando todas as páginas dentro de apenas uma fica bem mais desorganizado. Levando em consideração o desenvolvimento de um SAAS que tenha vários módulos/páginas, uma boa prática não seria ter todas as páginas separadas? E Se sim, como seria fazer isso utilizando esse seu modelo?
Depende muito paulo... SPAs (aplicações de uma página) são excelentes pois são bem mais fluidas para uso, não ha necessidade de ficar recarregando a página sempre que usuário muda de aba. Tem aplicações que essa é uma boa prática, para outras não fica legal, depende muito.
Nesse nosso caso aqui desse app, eu construo tudo como uma SPA, faz mais sentido.
Mas caso queira usar em várias páginas, basta fazer o menu lateral um elemento reutilizável
@@nocodestartup Você já chegou fazer um SAAS nesse modelo? Se sim, ficou legal a manutenibilidade depois? Mas uma pergunta, é possível fazer abrir desse mesmo jeito que tu fez via url porém estando em páginas diferente o conteúdo?
Muito Show... Profff.. Profff
Valeu 🙏 Stu!
Feliz que curtiu o conteúdo
Uma sugestão de aula se der, com a opção de fazer o menu usando o repeating group, ficou complicado para fazer os submenus, visto que tudo aparece de forma dinamica do option set. se der faz uma aula explicando como resolver isso
Boa sugestão!
Ótimo conteúdo, parabéns!
Só uma dúvida, sabe se é possível fazer com reusable elements? Pois no meu caso o hovered no floating não funciona, quando coloco o reusable elements na página que quero
É para funcionar da mesma forma Cristiano, garantir que as condicionais estejam aplciadas corretamente.
Show
Valeu pelo comentário Fernando! Feliz que curtiu!
Conseguiu replicar o dashboard?
Muito bom, gostei.
Boa!
Gostei muito da sua aula, parabéns. Estou com uma dúvida, achegue até onde, coloca os ícones no dashboard, consegui fazer com a aula, porém verificando em um celular, na hora que você tenta abrir no celular no menu hamburguer, nada aconte, fata algum ajuste?l
Talvez falte alguma ação ao clicar no botão, verificou isso?
Cara muito bom seu video porem eu queria criar só o menu com option set teria algum video que explica melhot porque esse comlica porque fala sobre novegação url
Obrigado pelo comentário Bruno.
Basta apenas criar o menu e não adicionar ações. Não precisa usar a parte da navegação de URL.
Mas nesse tutorial tem todo o conhecimento necessário, assista com calma que aprenderá para aplicar em qualquer projeto
Que massa.
Curtiu Michael? 😁
Valeu pelo comentário, vai dizer se não ficou bonito esse Dashboard 😎
Abraço!
@@nocodestartup ficou muito massa, principalmente nesse tema mais Black.
Ah, as dicas de boas práticas são muito boas. 👏👏 Show de bola.
@@michaelxmaycon Show demais!
Valeu Michel, bora juntos 🚀
Que conteúdo sensacional. Já tenho um ERP rodando na empresa mas não é responsivo. Tenho na faixa de 20 páginas e uns 25 pop-up. Na sua opinião vale a pena deixar nessa estrutura de navegacao por grupos ou por páginas mesmo? Hoje ele está em forma de navegação por páginas.
Muito obrigado e certamente vou comprar seu curso pela sua didática.
Navegação por grupos como fiz acaba sendo legal para não termos que ficar atualizando a página sempre, sistema fica bem mais responsivo dessa forma.
Temos um loading time maior no primeiro carregamento e depois tudo bem mais rapido.
Prefiro dessa forma para sistemas desse estilo, mas depende muito do seu uso de caso.
E como vc ja tem ele todo construido assim em páginas, precisa tb avaliar trabalho de refazer
SHOW!!!!!!!!!
Valeu Alberto! Feliz que curtiu!
Conseguiu replicar o dashboard todo no Bubble?
Maravilhoso. gratidão pela apresentação. MAS.... o meu hover da barra lateral não funciona NEM f...dendo. Não ativa de JEITO nenhum. não sei até agora o que houve. Anyway a aula foi perfeita.
Valeu pelo comentário! Feliz que tenha curtido!
Chegou a comparar com o editor que eu disponibilizo para ver se deixou passar alguma coisa?
@@nocodestartup mano, a config ficou igual mas o Hover não ativa. Já revisei 3x. Vou deixar a cabeça esfriar pra entender isso depois
@@botequimdelivery Essa parte a mais chatinha mesmo, pois as condicionais devem estar configuradas de acordo para funcionar.
Tanto do Custom State, quanto da largura do elemento.
Top demais essa aula. Gostei muito. Uma dúvida, se puder responder, é claro. Esse seria o painel adm do app. Eu consigo montar uma app. Onde; teria o painel ADM. Um front para clientes que acessam pelo computador e uma tela em forma de app para mobile?
Consegue sim!
Sou aluno do curso de fluterflow...mas acho que comprei o curso errado...😂
@@LHGoulart Consegue fazer tudo isso com FlutterFlow tb Goulart 🚀🚀
Mas bora pra assinatura PRO, tem acesso a todos nossos cursos tecnicos dai. Aproveita que esta com valor de lançamento ainda 🙏🙏
Qualquer duvida só chamar nosso time
Gostei bastante da aula. Me aventurei a usar uma tabela/banco de dados, porque me pareceu mais fácil, futuramente, ocultar os itens de menu de acordo com os direitos dos usuários. Usar option set é melhor que o banco de dados? Imagino que tenha a vantagem de carregar tudo para a memória. Fora isso vocês têm alguma objeção?
Show demais Gilbeto, legal que curtiu.
Não vejo muito motivo para uso do banco de dados nesse caso Gilberto, você terá que fazer buscas no BD para todo carregamento de página nesse caso.
Options Sets são leves e são salvos no cache do usuário e você também pode tranquilamento oculta-los conforme a permissão do usuário.
@@nocodestartup Muito obrigado pela resposta. Fiz a mudança. Como eu venho do Access e lá todos os parametros eram armazenados em tabelas, sou atraido magneticamente para estes formatos de desenvolvimento.
@@nocodestartup estou aos poucos entendendo situações que é melhor option sets (elementos que o desenvolvedor trabalha) ou banco de dados (onde o usuário pode modificar).
Modifiquei no meu exemplo para usar parâmetros ao invés de pegar o path, aparentemente permite um controle melhor.
Rapaz estou tomando uma coça na parte da navegação por parametros. Porque você colocou o Type de text e o valor fixo de dashboard. Mas depois não é mais valor fixo é uma variavel. Não estou conseguindo de jeito nenhum pegar o parametro de url kkkk
Neto, muito obrigado por esse conteúdo do mais altíssimo nível! A título de boas práticas, você acha interessante fazer a tela de login/cadastro nesse mesmo painel que está como index? Ou prefere criar uma página diferente como index com login/cadastro e após logado enviar o usuário pra esse dashboard em outra página? Exemplo: login/cadastro(página index) dashboard(página painel de controle)?
Salve Caldeira! Obrigado pelo comentário e feedback!
Eu normalmente crio uma nova página para o login mesmo.
Normalmente jogo o login para página index e o dashboard em uma outra página.
@@nocodestartup show, muito obrigado pela resposta e excelente trabalho, tmj! 🙏🏽
Muito bom... só um detalhe: está com um bug o app, quando aperta a seta pra diminuir o menu, não diminui e aumenta o corpo.
Dia Jean! Obrigado pelo comentário.
Aqui testei e aparentemente tudo certo, não identifiquei bug. Ainda está?
O meu também infelizmente está com o mesmo problema, segui os mesmos passos e ele funcionou, depois do nada simplesmente parou, não entendi
Tem como desenvolver app no code e colocar em Container ?
Boa tarde! Conteudo top demais cara. Me tira uma duvida, na barra lateral, nao estou conseguindo rolar o conteudo dela, fica fixa e não rosa, a pagina em si esta rolando, mas ela não. O que devo fazer?
Alguma configuração do seu Repeating Group na aba aparencia.
Verifica se está com núemro fixo de linhas, tem q colocar para fazer Scrol vertical
@@nocodestartup Já o fiz, acho que vou refazer tudo de novo, ouvi dizer que a pagina pai, tem que estar no mesmo tipo de layout que o grupo retetidor, tentei fazer e mesmo assim não deu certo. To revendo seu video aqui e pelo que percebi, vc nao marca essa opção e mesmo assim funcionou, não sei o que fazer
@@mudandoameta6144 De fato nunca tivemos esse problema aqui. Tenta refazer com calma, vai dar boa!
Neto, baita conteúdo cara. Só fiquei com uma dúvida referente a escolha de renderização das "páginas" de acordo com cada menu. Esse modelo lembra bastante projetos SPA, mas, esse formato também é aconlhável para um projeto que terá muitas telas (aprox. 15)? Por exemplo, uma tela de listegem de pedidos, uma tela de detalhes do pedido, listagem de clientes, destalhes do cliente... e assim por diante
Salve Felipe, tranquilo?
Isso, esse projeto se torna basicamente um SPA.
Não ha necessáriamente um limite de páginas para tal modelo, você pode cria-lo como quiser.
Importante apenas seguir algumas dicas, passo até elas em um outro vídeo:
ua-cam.com/video/fy3tq92HzBQ/v-deo.html
Perfeito, muito obrigado e sucesso para vocês!
Gostaria muito que o acesso ao curso fosse vitálico, em é muito difícil assistir todas as aulas do curso e por em prática, falo isso por experiencia própria.
Opa, não precisa ver todas as aulas para por em prática, mas vamos estudar essa possibilidade!
Existe alguma forma de login em que cada usuário tenha seu conjunto de paginas separada, com paginas especificas para cada login? Caso sim, no curso ensina a fazer essa forma de login?
Qual seu objetivo final decio?
Você quer que cada usuário veja seus próprios dados?
Ou cada empresa veja seus próprios dados?
Em geral, todo aplicativo utiliza o mesmo login, porém a partir dai cada usuário verá coisas diferentes.
Isso tudo que perguntei acima ensino em detalhe no curso.
eu tive um pequeno problema na hora de criar o menu em grupo repetidor, eu notei que voce colocou a ação de workflow apenas no GRUPO do menu, dentro do repetidor no meu aqui quando eu clicava no texto ou no icone mesmo eles estando dentro do grupo a url na mudava, entao botei o mesmo parametro do grupo no texto e no icone e funcionou.
Boa! Importante é que deu certo! 🚀
Depois da nova atualização de preço ainda está viável mexer com saas no Bubble? Mesmo com a otimização em XANO e tudo mais ?
Como sempre (independente de atualizações de preço), tudo depende.
Depender do seu modelo de negócio, etc.
Mas SaaS é um dos modelos core de aplicações do Bubble e a qual continua atendendo bem.
Aplicações B2C com altos volumes de usuários gratuitos, foram mais impactadas, mas tb depende do modelo de negócio, valores de cobrança, mercado, etc.
@@nocodestartup muito obrigado mesmo pela resposta, belo conteúdo show de bola
Opa. Belezinha? Desculpa minha ignorância... Qdo puxo o group ou o texto com o estilo que criamos nao vem no estilo como vc fez aí. Como colocar o style como default?
Você pode utilizar o botão "Copy to another app" assim ele vai com todas as configurações.
Olá, como faço pra minha tela ficar igual a sua com essa barra superior mostrando as dimensões da tela de acordo com o tamanho que vc aumenta ou diminui a tela? é uma extensão?
No próprio navegador?
Aperte F12 e depois CTRL+SHIFT+M
@@nocodestartup obrigado
Em relação ao menu puxar a ordem dos OS com o ícones, só funciona se for ícones do Font Awesome né? porque estou usando Design System e os ícones só então no Bubble como imagem....tem alguma forma neste caso?
Tem sim Gelson, basta utilizar uma imagem no local de texto no menu e no option set colocar uma imagem.
Alguém pode me explicar como o Neto colocou aquele fundo transparente com o gradiado na index dele? acho que desse jeito é bem melhor para trabalhar.
Não entendi bem onde esta olhando patrick
Sou DBA em fase de migração.. rsd rsd rsd #NOCODEINPUBLIC
Boaaa! Bora Marcos!
Tamo junto! 🚀🧩
#nocodepub
Good
Valeu Charles! Massa que curtiu!
Não consegui cocluir a parte da "Navegação parâmetros URL", em especifico a parte da ação de Navegação (Go to Page) no Workflow. Não consigo adicionar o grupo... é como se não existisse o nome pois não aparece para incluir no "Data to send"
Conseguiu? estou meio que na mesma situaçao
@@offcrazy Puts também agarrei nessa parte, até olhei o projeto pra ver se achava algo mas não achei
cara e como faz pra atrelar o painel com o app ??
Tem vídeo sobre isso no canal??
Fala galera, estou com um problema, quando coloco o floating group, está com um problema, que diz assim: floating group must bê rigth under The undefined. Instead it is under grp menu
Erro estranho Marcelo.
Tenta colocar o FG na página em si, sem estar dentro de nenhum grupo.
Verifica se da certo
Eu não consigo movimentar os elementos livremente pela tela, ele sempre volta automaticamente pro lugar onde eu colei, pq será?
Isso é por conta da responsividade.
Se você tivesse toda a liberdade, o design não ficaria responsivo.
Explico isso em uma aula aqui no UA-cam sobre Responsividade no Bubble:
ua-cam.com/video/8CXCRcNSkFY/v-deo.html
Adicionei mais menus e submenus, porém o grupo flutuante não expande para mostrar todos. O que pode ser? Ele fica só no tamanho da tela e consequentemente não mostra as outras opções.
Nesse caso você precisa fazer com que o grupo repetidor crie um scrool vertical para poder acessar as demais opções.
mano fiquei com uma duvida cruel kkkk mas vc fez mt rapido e eu nao entendi nada kkk no header mobile, quando voce deletou os grupos que nao ia precisar, a configuração desse header continuaria sendo de ROW certo? depois que voce insere a imagem e vai pro menu de hamburguer como que voce posicionou ele la no canto sem o grupo que vc deletou pra dar o espaço com o header sendo do tipo row?
achei aqui apliquei o space betwen, mas só uma obs mesmo que no seu video vc fez rapido e nao mostrou que mudou essa conf haha
Boa! Obrigado pelo feedback!
Show que conseguiu
Só podia ser mais objetivo. Ensinou de uma forma e depois fez desfazer tudo e fazer de outra forma. Ia até comprar o curso pra dar continuidade, mas agora fiquei com receio de ficar fazendo e refazendo.
Boa!
Isso na verdade é uma técnica para reforçar o aprendizado 🙏🙏
Não queremos que vocês apenas copiem as coisas mas sim entendam o por que estão fazendo da forma como a gente tem proposto e por que é uma boa prática seguir dessa forma.
Nada mais claro para fazer isso do que mostrar forma errada e depois a certa fazer as coisas.