Novo Editor de Responsividade Bubble.io | TUTORIAL PASSO A PASSO

[@DJSamuelLeal]

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

[@Loug3141]

Agora o Bubble é no-code de verdade. Acho que não vou precisar mais ficar usando CSS e JavaScript para ajustes layout.

[@danielgandara5719]

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

[@Okeydokecombr]

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

[@ngtsolutions]

Pensei o mesmo! rsrs

[@papaieosfilhotes]

Mermão, que loucura.. top demais, vlew Renato!

[@loganlira6679]

Tot top top, Grato pela aula. Eu estou começando agora e estava tomando uma surra com responsividade.

[@carlosmarn1]

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.

[@thiagob4rney]

Meu Deus do céu que maravilha esse alinhamento em linha para galerias de imagens... Deus é pai e abençoe o Bubble...

[@giorgioderico8891]

Já trabalhei tanto com Elementor antes do Bubble , nem acredito que esse dia chegou 😍😍

[@gustavohenrique4565]

Fenomenal! Que aula meu amigo, obrigado pela aula, excelente!!!! Aprendendo demaissss

[@josemarchaves8699]

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.

[@infordev23]

Grande Renatoo!!!! Esmaguei o dedo no like com gosto. Isso vai salvar a vida de muita gente.

[@jaguarconsultoriadigital8147]

Faz tempo que não te vejo tão animado em um vídeo. Parabéns pela explicação, show show show.

[@paulodelapenna]

Nossa Renato, agora sim hein top demais

[@joaomarcos5493]

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.

[@Andre-qj3js]

Existem os bons , os excelentes , os fodásticos, e o Bubble ! vida longaaaaaaaaa :)

[@marcioalexandremarcondes557]

Sua didática pra quem já é da área é fantástica! Estou ansioso para construir meu ERP responsivo com essa aula! Parabéns!

[@izzytv4798]

Mdsss a perfeição de vídeo

[@reinaldogomespereira2121]

Renato vc é foda irmão q Deus abençoe

[@Jadirsongs]

Muito, muito bom mesmo, as possibilidade de layout ...., Parabéns para todos nós, ganhamos um super presente !!!!!

[@Jadirsongs]

Você vai atualizar alguma aula ? o módulo "Responsividade - Ajustando o aplicativo para qualquer dispositivo" seria perfeito parra aplicar as novas funcionalidades não ????????????

[@gustavotavares871]

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!

[@vieiravrs]

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

[@walney2008]

Cada dia melhor este Bubble, estou voltando estuda-lo, ótimo ter um canal assim antenado, obrigado

[@LucianoCezareto]

Fantástico!!! Estou muito aliviado com este recurso. Parabéns pela sua aula. Excelente didática.

[@fabiojuniorrodrigues7989]

Mestre Renato Que aulão show. migrando do WordPress de vez 👏🏻👏🏻👏🏻

[@videoskwai5203]

Muito bom mesmo, o bubble é o futuro!!!

[@intelservice]

Que show... do Bubble e de aula! Parabéns Renato! E obrigado por tanta agilidade em conseguir nos passar a informação.

[@williansandro6877]

Renato sem dúvidas você é o melhor nisso, muito obrigado por toda sua colaboração , grande abraço e sucesso sempre.

[@SleepySony]

Agora sim. O que já era bom ficou ainda melhor. Excelente explicação.

[@ronaldosouzab]

Perfeita essa atualização, mais uma vez parabéns Renato pela excelente explicação!!!

[@cayosiqueira]

Que issoo heinn!!! Muito TOP. Vai ajudar muito na criação de mobile. Valeuu pela aula Renato!!!

[@yagomenadelviana9039]

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!

[@joaocancio9873]

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 !

[@paulohildebrandneto510]

Parabéns, gostei da sua tranquilidade, segurança e conhecimento sobre o produto

[@telemacobarbosa1010]

Show de Mestre...parabéns Professor Renato...Deus abençoe você sempre.

[@vffzbr]

Excelente! E sua didática pra explicar foi ótima, valeu mesmo!

[@trezeguefilmes]

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

[@geraldonevesdossantos5775]

PQP Mudou tudo. adeus aos meus Java Scripts para corrigir isso tudo... Nota 1000

[@Lemos1973]

Mano do céu! Isso é verdadeiramente uma revolução! 😳

[@asafe.ssilva]

Aewwwwwww, finalmente!!!!

[@RicardoRibeirogestbox]

Top demais!!! Parabéns Renato pelo alto conteúdo de valor!!!

[@netotjb]

Muito top👍 Parabéns Renato

[@luizhenriquedacostajardim5511]

Muito obrigado Renato. Excelente didática como sempre.

[@DouglasCamargoLeal]

😍Meu Jesus Amado!! Minhas orações foram atendidas!! Obrigado pela graça recebida!! 🙏 Valeu, Renato!! 👊

[@polsaque]

CA ... RA ... LE ... @ ... FICOU MUITO LOCO. Valeu pelo vídeo mais uma vez.

[@secklerdaniel]

Daqueles vídeos que a gente quer que nunca termine! Valew Renatão!

[@alexandrekraufort]

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 🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🚀🚀🚀🚀🚀🚀🚀🚀

[@MundoBarbiedaAmandaMotta]

Renato, eu estou babando e acho que você também! kkkk Que maravilha hem!!

[@DyegoAnjos]

Parabéns Renato, showww!!!

[@WeberMarques]

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..

[@wanderwp8466]

Muito bom! O brabo é o cartão internacional. kkkk

[@victorscerni1294]

Sensacional, Renato!

[@esclare]

Muito bom. Mais um vídeo 🔝

[@Luccas_Alves]

Estou de cara!!! Pqp! Acabou programação code kkkkkkk. BAGULHO LINDOOOO!!!!

[@Luccas_Alves]

Renato, quando atualizar o curso estarei comprando.

[@Dash_well]

ISSO É PERFEITO

[@andreayres2144]

Perfeito

[@godsmackssa]

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.

[@RenatoAsse]

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.

[@godsmackssa]

@@RenatoAsse de fato...tens razão.

[@fcsc7583]

"Faça uma versão de teste, não seja cabaço" - (Asse, 2021) Rindo até 2025 kkkk

[@Canaldoyan943]

Show👍👏👏👏👏

[@paulohildebrand8996]

Parabéns

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

[@maykelpereira8474]

Flex box na veia, Flex Box é vida

[@alyssandro1983]

@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

[@fernandofarofa]

CSS grid na veia!!! Agora a coisa ficou séria!

[@williansandro6877]

Puro Flexbox do CSS coisa linda de se ver,

[@ItaloCorage]

curti muito

[@Guilherme-ip8yl]

caiu um cisco no meu olho, acho que é felicidade

[@jeffersonbritto6874]

Fique muito animado

[@marcelopires8535]

Show, espero que o preço não mude, esse dólar tá terrível

[@Daimon04031994]

Entrei em 2 e-mail meu, só pelo prazer de clicar em "curtir" esse video 2 vezes.

[@RenatoAsse]

😂😂😂👏👏👏👏

[@EsdrasGomesdeOliveira]

TOP 😍😍

[@SilfarGoulart]

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.

[@RenatoAsse]

Silfar, fila lá em Condicionais -> Conditionals.

[@ciceroteste5302]

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

[@RenatoAsse]

Cícero, se estiver na Comunidade Sem Codar, posta lá no grupo o link do editor que a gente dá uma olhada e ajuda :)

[@brunopinha7]

Qual ferramenta utiliza pra gravar a câmera e a tela ao mesmo tempo? é uma ferramenta única?? ou grava separado e junto depois em algum software?

[@thaislasse18]

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..

[@RenatoAsse]

Thais, se estiver na Comunidade Sem Codar, assista o módulo de responsividade que vou subir essa semana :)

[@mauriciocosta23167]

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.

[@fcdsantos]

Boa tarde, tem alguma ferramenta no-code ou low-code que tenha suporte pra renderizar forms dinâmicos??

[@RenatoAsse]

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

[@henriquerolim7999]

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.

[@RenatoAsse]

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)

[@Lemos1973]

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

👏🏻👏🏻🥳

[@orlandonascimento9037]

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.

[@RenatoAsse]

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 :)

[@ChristianDellon]

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?

[@RenatoAsse]

Textos não tem opções de layout, só grupos e containers.

[@walney2008]

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 ?

[@RenatoAsse]

Eu uso o plugin gratuito Rich Text Editor pra isso :)

[@walney2008]

vlw a dica parceiro, ^^

[@walney2008]

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, ^^

[@AlexandreSouza-jo8iq]

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?

[@RenatoAsse]

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 :)

[@mukaborelli]

Isso será que resolve aquele problema de altura do menu lateral não ocupar 100% da tela?

[@RenatoAsse]

SIM!!!! 👏👏👏👏👏👏👏

[@mrybeznski]

Olá Renato, para quem está começando o projeto já é melhor fazer neste Beta ou é melhor fazer no tradicional e migrar depois?

[@RenatoAsse]

Marcos, versão nova, sem sombra de dúvidas. Mesmo em Beta, está anos luz à frente da versão antiga.

[@mrybeznski]

@@RenatoAsse Valeu Renato, estou curtindo bastante o curso 👍

[@elizeuaraujo2226]

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?

[@RenatoAsse]

Elizeu, não vi mudar nada em relação ao tamanho de fonte, continua a configuração padrão mesmo.

[@rhenriques18]

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!

[@RenatoAsse]

E ainda assim uma GALERA: "O Bubble me ferrou, esculhambou toda a responsividade do meu aplicativo em produção" 😂😂😂

[@agatharetro3601]

Olá ... da pra fazer cartão interativo nessa plataforma .por gentileza

[@RenatoAsse]

Com certeza :)

[@marketingdigitaldozero433]

renato existe a possibilidade de criar um sistema de pagamento igual a do mercado livre para uma plataforma de freelancer?

[@RenatoAsse]

Com certeza. Aqui falo tudo sobre pagamentos: kzbin.info/www/bejne/m6jclKZ8j6qihaM

[@josethomas9108]

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.

[@RenatoAsse]

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 :)

[@josethomas9108]

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.

[@fillipesantos6172]

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.

[@RenatoAsse]

Fillipe, talvez seja a RAM. Tenho 8gb de RAM. Quanto você tem aí?

[@fillipesantos6172]

@@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.

[@RenatoAsse]

@@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 :)

[@EuProgramando]

Boa tarde, tira uma dúvida minha, é possível construir relatórios com os dados armazenados e gerar um PDF?

[@RenatoAsse]

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)

[@ivanildoiurels2281]

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.

[@RenatoAsse]

Lure, tá tudo aí nesse vídeo, o resto é teste e prática.

[@mauriciocosta23167]

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?

[@RenatoAsse]

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.

[@trezeguefilmes]

e ta ficando uma página em branco na lateral direita, sabe me dizer por que ?

[@gabrielcoutinho2950]

Isso ainda existe hoje? Mudou muito a forma de usar ? No seu curso tem como fazer isso no sistema atual ?

[@RenatoAsse]

A diferença é que a "nova responsividade" se tornou o padrão agora :)

[@kikoftt]

Renato, eu estou tentando criar um app no Bubble apenas para testar a nova responsividade. Porém o Bubble não está permitindo testar a nova responsividade sem assinar o personal. É isso mesmo? Obrigado por tudo mestre!

[@RenatoAsse]

Opa, não é isso não. Provavelmente você se confundiu com a mensagem aí de alguma forma. O processo é exatamente esse que mostrei no vídeo, se aparecer alguma mensagem do Bubble sobre upgrade é só fechar o popup.

[@kikoftt]

@@RenatoAsse Erro de principiante em responsividade. Estava tudo Fixo, logo não funcionava nada. Valeu mestre!

[@geraldonevesdossantos5775]

Renato os Floating Groups não ficam mais fixos na página ? ao rolar a página os Floating groups estão rolando junto...

[@RenatoAsse]

Geraldo, testei aqui, funcionando normal, continuam fixos. Veja se você não alterou o "vertically float relative to -> nothing"

[@MarcosDosSantos_]

Renato, boa noite! Descontinho no curso black friday? :)

[@fcsc7583]

É o caso hein kkkk

[@mauriciocosta23167]

Tudo pela metade do dobro. Sejamos justos com quem acabou de pagar o valor justo do curso.

[@fcsc7583]

@@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...

[@RenatoAsse]

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 :)

[@MarcosDosSantos_]

@@RenatoAsse Opa, ótimo! Legal seu pensamento. Sem problemas, comprarei mesmo assim!