Novo Editor de Responsividade Bubble.io | TUTORIAL PASSO A PASSO
Вставка
- Опубліковано 3 лис 2021
- Finalmente chegou o novo editor de responsividade do Bubble, que vai nos trazer muito mais facilidade e agilidade ao criarmos nossos aplicativos e páginas.
Esse é um tutorial OBRIGATÓRIO para quem usa Bubble. Aqui explico exatamente como funcionam todos os recursos de responsividade, e o passo-a-passo para criar seus aplicativos a partir de agora.
#semcodar #nocode #bubble
- - - - - - - - - - - - - - - - - -
👨🏫 Comunidade Sem Codar - O maior curso No-Code do mundo, com centenas de aulas Bubble (aplicações web) e AppGyver (apps nativos), 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:
go.semcodar.com.br/campaign/s...
🚀 Aula Gratuita - Tudo que você precisa saber pra começar no mundo do desenvolvimento visual de aplicativos:
go.semcodar.com.br/campaign/s...
💻 Crie sua conta gratuita no Bubble, a ferramenta que usei pra criar esse e outros aplicativos:
link.semcodar.com.br/bubble - Наука та технологія
Agora o Bubble é no-code de verdade. Acho que não vou precisar mais ficar usando CSS e JavaScript para ajustes layout.
Estou anestesiado com as possibilidades que esse novo mecanismo trouxe! Com certeza com essa nova funcionalidade, não vai ser mais necessário usar o elementor com o wordpress para criação de landing pages e afins. Tudo será no Bubble. O ecossistema que eles estão criando, está sendo fantástico! Vida longa ao Bubble
Game changer... Pra quem ja lidava com Elementor agora o Bubble ficou show de bola. Sem duvidas margin e padding são coisas simples que mudam muito qualquer layout. Estão gastando bem o cheque de U$100M kkk
Eu não sei o que eu gosto mais, se é a didática fácil de entender ou a empolgação em apresentar hahaahhah sensacional Renato
Pensei o mesmo! rsrs
Agora sim. O que já era bom ficou ainda melhor. Excelente explicação.
Perfeita essa atualização, mais uma vez parabéns Renato pela excelente explicação!!!
Top demais!!! Parabéns Renato pelo alto conteúdo de valor!!!
Show de Mestre...parabéns Professor Renato...Deus abençoe você sempre.
Que issoo heinn!!! Muito TOP. Vai ajudar muito na criação de mobile. Valeuu pela aula Renato!!!
Excelente! E sua didática pra explicar foi ótima, valeu mesmo!
Mestre Renato
Que aulão show.
migrando do WordPress de vez 👏🏻👏🏻👏🏻
Parabéns, gostei da sua tranquilidade, segurança e conhecimento sobre o produto
Faz tempo que não te vejo tão animado em um vídeo. Parabéns pela explicação, show show show.
Cada dia melhor este Bubble, estou voltando estuda-lo, ótimo ter um canal assim antenado, obrigado
Que show... do Bubble e de aula! Parabéns Renato! E obrigado por tanta agilidade em conseguir nos passar a informação.
renato... tua empolgação é contagiante... continue sempre assim! parabéns! Sucesso!
Renato sem dúvidas você é o melhor nisso, muito obrigado por toda sua colaboração , grande abraço e sucesso sempre.
Muito obrigado Renato. Excelente didática como sempre.
"Faça uma versão de teste, não seja cabaço" - (Asse, 2021)
Rindo até 2025 kkkk
Fenomenal! Que aula meu amigo, obrigado pela aula, excelente!!!! Aprendendo demaissss
Muito top👍
Parabéns Renato
Fantástico!!!
Estou muito aliviado com este recurso.
Parabéns pela sua aula. Excelente didática.
Mermão, que loucura.. top demais, vlew Renato!
Grande Renatoo!!!! Esmaguei o dedo no like com gosto. Isso vai salvar a vida de muita gente.
Já trabalhei tanto com Elementor antes do Bubble , nem acredito que esse dia chegou 😍😍
Meu Deus do céu que maravilha esse alinhamento em linha para galerias de imagens... Deus é pai e abençoe o Bubble...
Boa Renatão, trazendo em primeira mão. Só senti falta das pop-ups, achei que você ia falar. Mas valeu demais esse vídeo!
Mdsss a perfeição de vídeo
Existem os bons , os excelentes , os fodásticos, e o Bubble ! vida longaaaaaaaaa :)
Tot top top, Grato pela aula. Eu estou começando agora e estava tomando uma surra com responsividade.
Daqueles vídeos que a gente quer que nunca termine! Valew Renatão!
Sua didática pra quem já é da área é fantástica! Estou ansioso para construir meu ERP responsivo com essa aula! Parabéns!
De um lado o deus da criação de apps do outro só o bubble , nao tem oq dizer a ti renatooo , só agradecer por esse conteúdo!
Nossa Renato, agora sim hein top demais
Muito Obrigado, Renato! No começo me assustei com essa nova ideia, mas agora, depois de ver o poder desse novo motor, vi que é algo surreal e que certamente me ajudará muitoooo.
Sensacional, Renato!
Renato vc é foda irmão q Deus abençoe
Parabéns Renato, showww!!!
Muito bom. Mais um vídeo 🔝
Muito bom mesmo, o bubble é o futuro!!!
Estou assistindo lá no curso, mas vim aqui somente para comentar! Estou babando! Era o que eu esperava D+!
Você também está delirando Renato, kkk
Sou avançado no bubble e estava receioso de mexer. Mas comecei a testar, essa mudança traz muita facilidade e organização ao site. Impressionado.
Quem clicar em Não gostei é bruxo, Renato essa foi a melhor vídeo aulas que eu vi esse ano. quem dera eu ter dinheiro para fazer um curso na semcodar. Estou muito satisfeito. Já me inscrevi e vou procurar mais pessoas para se inscreverem. Tu mereces notabilidade. Eu estava com muitas dificuldades de responsividade, mas a tua aula foi tão, mais tão esclarecedora que não consigo parar de pensar em formas de testar. Obrigado! a tua forma de nos manter aqui atento é demais. A tua didática é top.
Muito obrigado Renato, ótima didática como sempre, vai ser muito melhor trabalhar responsividade e também os Repeating Groups. Pena que meu MVP está praticamente pronto para apresentação para o cliente na segunda-feira, não vou ter tempo de mudar tudo até lá, mas pretendo fazer em breve! Abração..
ISSO É PERFEITO
Muito, muito bom mesmo, as possibilidade de layout ...., Parabéns para todos nós, ganhamos um super presente !!!!!
Você vai atualizar alguma aula ? o módulo "Responsividade - Ajustando o aplicativo para qualquer dispositivo" seria perfeito parra aplicar as novas funcionalidades não ????????????
Rapaziada...não vai demorar muito...tipo alguns minutos, e a galera do Android Studio, com todo respeito , pois tambem estou lá...vai vir ligeiro pra ver isso de perto ! bubble arrebentou..e Renato, vc é o master do bubble no Brasil e no mundo !
Parabéns
Perfeito
Aewwwwwww, finalmente!!!!
curti muito
Mano do céu! Isso é verdadeiramente uma revolução! 😳
Muito bom! O brabo é o cartão internacional. kkkk
Show👍👏👏👏👏
Renato, eu estou babando e acho que você também! kkkk Que maravilha hem!!
TOP 😍😍
pow, vlw demais!!! Atualizou aqui e fiquei perdido, mas de qualquer forma vou ter que começar do zero, ta tudo bagunçado agora kk
CA ... RA ... LE ... @ ... FICOU MUITO LOCO. Valeu pelo vídeo mais uma vez.
PQP Mudou tudo. adeus aos meus Java Scripts para corrigir isso tudo... Nota 1000
Flex box na veia, Flex Box é vida
Fique muito animado
Entrei em 2 e-mail meu, só pelo prazer de clicar em "curtir" esse video 2 vezes.
😂😂😂👏👏👏👏
😍Meu Jesus Amado!! Minhas orações foram atendidas!! Obrigado pela graça recebida!! 🙏 Valeu, Renato!! 👊
@Renato Asse já tem algum tutorial de como fazer uma landing page usando essas atualizações atuais. Se tiver vídeo ou tiver feito compartilha ai conosco. Vlw
Esse novo editor responsivo, deu novos super poderes, se já era ótimo agora ninguém segura os apps em bubble!
Quando lembro que levei um tempão para dominar responsividade, ver isso 🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🚀🚀🚀🚀🚀🚀🚀🚀
Puro Flexbox do CSS coisa linda de se ver,
CSS grid na veia!!! Agora a coisa ficou séria!
Estou de cara!!! Pqp! Acabou programação code kkkkkkk. BAGULHO LINDOOOO!!!!
Renato, quando atualizar o curso estarei comprando.
Show, espero que o preço não mude, esse dólar tá terrível
Renato, mais uma coisa que poderia adicionar a responsividade: os conteiners que estiverem marcados como não visível não carregamento da pagina continuar sobreposto aos elementos visíveis e não intereferirem no designer da página como eram antes
caiu um cisco no meu olho, acho que é felicidade
👏🏻👏🏻🥳
Boa noite Renato show de bola agora o Bubble. Só uma dúvida, as letras (fontes) vai ter a opção de (EM) ou só tamanho mesmo?
Elizeu, não vi mudar nada em relação ao tamanho de fonte, continua a configuração padrão mesmo.
Olá Renato, criei uma página agora a pouco e ela veio POR PADRÃO, como Row,, não como Fixed, acho que sua sugestão para a Bubble já foi acatada.
Olá, Renato. Parabéns pelo curso, é fantástico. Estou no início e à medida que vc vai apresentando as aulas eu vou acompanhando pelo Bubble. Se fizer a migração, sendo que as aulas ainda não foram atualizadas, será que pode causar alguma confusão?
Alexandre, sim, vai confundir. Sugiro terminar pelo menos o módulo 1 (lista de mercado), aí você já vai ter entendido os conceitos mais importantes do Bubble. Depois pode ir pro módulo de responsividade na boa :)
Renato excelente trabalho, só uma dúvida aqui a opção de "Current páge width" não aparece para eu configurar a ação.
Silfar, fila lá em Condicionais -> Conditionals.
Boa noite Renato. Eu estava um tempo sem mexer no Bubble e resolvi fazer uma ferramenta, com essa última versão. A responsividade está bem legal, já vou fazendo e testando, mas criei dois grupos com 2 botões cada, um seria pro usuário Deslogado e o outro pro deslogado. Não estou achando a opção que permite sobrepor os dois grupos, de modo que apreça um antes de logar e outro depois de logar, um sempre empurra o outro. Se puder me dar uma luz, agradeço. Abraço
Renato excelente aula. Mas não consigo por exemplo, iniciar com floating gropu para ele ficar responsivo, com a pagina fluetante ao mesmo tempo. Estou em dúvida, se é possivel ou eu nao sei fazer
Cícero, se estiver na Comunidade Sem Codar, posta lá no grupo o link do editor que a gente dá uma olhada e ajuda :)
Boa tarde, tem alguma ferramenta no-code ou low-code que tenha suporte pra renderizar forms dinâmicos??
Felipe, se refere a formulários multipassos? Fazemos isso no Bubble direto.
Se estiver na Comunidade Sem Codar, aqui mostro na prática: comunidade.semcodar.com.br/aula/superdelivery-3 - Super Delivery - Cadastro do Restaurante
Renato, uma dúvida, as aulas do curso vão ser refeitas, ou não há necessidade? Pois imagino que elas estejam baseadas no formato anterior, correto?
Mauricio, já estou preparado pra regravar o curso todo assim que sair o novo editor do Bubble. Pois além da responsividade, nos próximos meses eles vão lançar uma total reestilização do editor mesmo. Acredito que lá pelo 1° trimestre de 2022 a gente deve regravar tudo.
Renato, o único mal de trabalhar nesses frameworks digitais....é vc se acostumar com eles....de uma hora pra outra eles mudarem de estratégia, abandonar o projeto e vc ficar na mão. Trabalhar sem codar dessa forma é sensacional. No final das contas, esse framework não deixa de ser um aplicativo. Uma hora ele pode virar 100% pago...etc. Seria interessante se vc tivesse um framework como esse, mas que não seja online. Que vc possa fazer o download do executável dele e ter ele pra vc num formato standalone. Assim, se a empresa mudar de estratégia etc etc....seus projetos não ficam dependentes das mudanças dessa empresa. Pq mesmo q ela abandone o software, vc tem ele pra continuar desenvolvendo algo até migrar pra outra plataforma. Sem simplesmente tomar um apagão online.
Danilo, se hoje a plataforma que eu uso mudar de estratégia e eu não gostar, em 1 dia exporto meu banco de dados inteiro, em 2 semanas recrio minha aplicação inteira em outra plataforma, e pronto, migrei.
Não busque garantia e estabilidade, isso não existe. Busque aprender o bastante para se tornar ágil e facilmente adaptável.
@@RenatoAsse de fato...tens razão.
Renato, por gentileza, poderias me esclarecer se é possível fazer um app nativo, para rodar no IOS, usando o Bubble? Este app seria só para uso particular, não será disponibilizado nas lojas de aplicativos. Muito obrigado.
Orlando, sim, Bubble cria aplicações web que funcionam em qualquer dispositivo ou sistema operacional, seja desktop, tablet, celular, windows, android, iOS, não importa. Basta abrir no navegador que vai rodar :)
Muito bom Renato. Mudou tudo agora. Só uma pergunta, como você faz para o seu bubble ficar tão rápido assim? O meu fica salvando cada passo que eu dou e torna lento a criação.
Fillipe, talvez seja a RAM. Tenho 8gb de RAM. Quanto você tem aí?
@@RenatoAsse 8gb tb. A única coisa diferente que vejo é essa questão de salvar. Toda hora que salva ele dá uma travadinha, imagina criar um APP todo desse jeito:( Apanho demais.
@@fillipesantos6172 tenta fazer o seguinte: insere o parâmetro &issues_off=true na URL do editor. Isso vai desligar a checagem de erros do Bubble, vai acelerar bastante o editor :)
Renato os Floating Groups não ficam mais fixos na página ? ao rolar a página os Floating groups estão rolando junto...
Geraldo, testei aqui, funcionando normal, continuam fixos. Veja se você não alterou o "vertically float relative to -> nothing"
Professor,
Consegue me falar como redimensionar a imagem quando redimensionar a página por exemplo? Estou usando uma logo, mas ela não muda de tamanho conforme a página..
Thais, se estiver na Comunidade Sem Codar, assista o módulo de responsividade que vou subir essa semana :)
e ta ficando uma página em branco na lateral direita, sabe me dizer por que ?
Olá Renato, to apanhando na seguinte situação, tenho um formulário com campos enfileirados na horizontal, mas o formulário oculta alguns campos conforme selecionado outra informação. Exemplo, se eu marco que é sexo "Ferminino" ele oculta o campo X ... porém ao ocultar fica buracos no formulário, e não to conseguindo fazer ele se adaptar ao ocultar para que nao fique buracos.
Marque a caixinha “Collapse when hidden” nas configurações do elemento.
Se estiver na Comunidade Sem Codar, veja essa aula: comunidade.semcodar.com.br/aula/spa-mpa - SPA (Aplicação de Página Unica) x MPA (Aplicação multi-páginas)
Olá Renato, para quem está começando o projeto já é melhor fazer neste Beta ou é melhor fazer no tradicional e migrar depois?
Marcos, versão nova, sem sombra de dúvidas. Mesmo em Beta, está anos luz à frente da versão antiga.
@@RenatoAsse Valeu Renato, estou curtindo bastante o curso 👍
Na demonstração que você fez com o logo, eu tentei fazer o mesmo com um texto, mas não apareceu a opção de align to parent. Tem algo diferente na configuração de texto?
Textos não tem opções de layout, só grupos e containers.
Olá Renato. Estou iniciando agora com Bubble. Estou praticando junto com você, porem hoje não tem a opção de seta em porcentagem, só em Px. Isso só na versão paga?
Adriano, geralmente essa caixinha some quando você está com a extensão da Méliuz instalada. Desinstala e vê se resolve :)
Isso será que resolve aquele problema de altura do menu lateral não ocupar 100% da tela?
SIM!!!! 👏👏👏👏👏👏👏
renato existe a possibilidade de criar um sistema de pagamento igual a do mercado livre para uma plataforma de freelancer?
Com certeza. Aqui falo tudo sobre pagamentos: ua-cam.com/video/ewycsFZEoOA/v-deo.html
Conselho do Renato sobre aplicar a nova responsividade:
"Não pegue o seu aplicativo em produção e aplicar! Não Seja CABAÇO..."
AUAHuHAuhUAHuHA... Ri muitoooO!
E ainda assim uma GALERA: "O Bubble me ferrou, esculhambou toda a responsividade do meu aplicativo em produção" 😂😂😂
Olá ... da pra fazer cartão interativo nessa plataforma .por gentileza
Com certeza :)
Boa tarde, tira uma dúvida minha, é possível construir relatórios com os dados armazenados e gerar um PDF?
Com certeza. Pra isso sugerimos usar o plugin gratuito PDF Conjurer.
Se estiver na Comunidade Sem Codar, veja essa aula:
comunidade.semcodar.com.br/aula/impressao-relatorios - Impressão e Relatórios (Layout fixo, variável, PDF)
Renato fiz uma aplicação teste para tentar aprender a nova responsividade do Bubble, só que ao tentar reproduzir os grupos repetidores não consegui, eles só aparecem de um mesmo jeito. Tem como vc me esclarecer como faço para usar os antigos tipos de grupos repetidores. Aviso eu já tentei reproduzir usando esse seu vídeo e pelo tutorial do bubble mais não consegui.
Lure, tá tudo aí nesse vídeo, o resto é teste e prática.
Ola, no bubble tem algo como um editor de textos, tipo word ? necessito ter isso para os usuários , lançar receitas de bolos e doces, e gostam de utilizar negritos, itálicos, fontes, cores, marcações, para depois imprimir a ficha técnica operacional e as vezes até plastificam, tem como ser feito ?
Eu uso o plugin gratuito Rich Text Editor pra isso :)
vlw a dica parceiro, ^^
Vai ter desconto de black friday para assinar o curso ? estou naquela esperança do super desconto para assinar ? ou ter algum plano de meio curso para ficar mais barato, tipo nível iniciante , depois avançado, pense nisso, nos pobres aqui, ^^
Renato,tô fazendo a responsiva do meu projeto bubble sendo visível em um layout de tela de celular. Eu fiz tudo certinho,porém,quando vejo o visual dele na tela de um celular, ele não fica fixado no centro,pois eu passo o dedo para direita na tela do celular e ele se move. Como faço pra corrigir isso. Eu quero que ela fique fixa na tela de um celular e não deslizando.
José, faltou configurar alguma coisinha de responsividade aí. Se você estiver na Comunidade Sem Codar cria um post lá no grupo.semcodar.com.br que a gente ajuda :)
Entendi,mas,no momento,não tenho condições financeiras pra isso. Vc poderia me ajudar a resolver esse pequeno problema do bubble ? Se não puder tudo bem,eu entendeirei.
Isso ainda existe hoje? Mudou muito a forma de usar ? No seu curso tem como fazer isso no sistema atual ?
A diferença é que a "nova responsividade" se tornou o padrão agora :)
Renato, boa noite! Descontinho no curso black friday? :)
É o caso hein kkkk
Tudo pela metade do dobro.
Sejamos justos com quem acabou de pagar o valor justo do curso.
@@mauriciocosta23167 mas nessa lógica não pode existir mais promoção de nada no mundo pra ser "justo" com quem comprou na véspera kkkk
Mas o preço normal do curso é super justo mesmo, na verdade é até bem barato...
Marcos, não, o preço atual já é obsceno de tão barato. Primeiro trabalhinho que você pegar lá no marketplace e fizer em Bubble já te retorna umas 10x o seu investimento no curso.
Não sou da política de dar descontos, acho desrepeitoso com quem comprou antes. Eu sempre pratico, o ano todo, o menor preço possível :)
@@RenatoAsse Opa, ótimo! Legal seu pensamento. Sem problemas, comprarei mesmo assim!