Se fosse Otavio Miranda, esse video teria 100 horas kkkkkkkk, e eu ainda não entenderia nada. Show de bola moça, que didática simples, rapida e fantástica
Não gosto de comentar vídeos. Mas eu fiquei impressionado com a inteligência e habilidade dessa mulher! Parabéns! Detalhe que sou engenheiro civil,nada a ver com programação porém deu pra acompanhar tudo. Estou fazendo uma landing Page para minha noiva.
Rafaella! Fenomenal fazer primeiro todo HTML e depois o CSS. Isso para o COGNITIVO é ótimo, pois pensar e construir HTML e CSS juntos são processos completamente opostos. Galera! A Rafaella descobriu e compartilhou não só uma solução, mas 100% a regra de capacidade e velocidade de construção. Em nome de todos os inscritos quero deixar o meu Muuuuuuuuuuuito Obrigado.
Caraca, ontem eu fiz uma landing page baseada no seu vídeo anterior. Tô treinando a criação de sites estáticos variados (sem JS) e esse vídeo veio na hora certa.
Acabei de fazer o formulário (do vídeo- formulário com html e css), todos os dias vou indo praticando que logo estarei craque nisso. Já terminei o curso de lógica e vou entrar em JS agora, até o final de 2024 quero estar empregado ksksk
@@isaque5811 eu to fazendo tb vários projetos em html e css, to me saindo muito bem, agora só estou com um pouco de medo de entrar em javascript, mas com fé em Deus vai dar tudo certo
@@kahhkahh123 front, sei que o mercado tá com muita vaga, mas muita gente disputando por elas, logo fica difícil pra iniciantes entrar, mas sei que vou me destacar. Além disso, já tô usando estratégias para aumentar as chances de ser empregado e buscando contato com quem já é da área, assim terei mais chance
nossa fiquei vendo html 1 ano inteiro no curso de tecnico de informatica para interenet e nunca aprendi tanto quanto nesse video manja muito meus parabens
Alguns meses atrás, seu primeiro vídeo de landing Page foi o que me ajudou a começar, e hj é muito bom poder ver esse vídeo tendo propriedade de entendimento. 🎉
@@Rehmarquez Não vou mentir pra você. A verdade é que não. No começo estava buscando vagas para aplicar diariamente mas, com o tempo, abri mão disso e hoje estou apenas focando nos meus projetos.
você não tem noção do quanto esses videos me ajuda, estava estagnado há 2 semanas sem conseguir escrever uma linha de código, acho que tive uma sobrecarga e estava desanimado, vou voltar agora.
caraca Rafa, bizarro como vc deixa isso bizarramente simples! tomei coragem e to partindo pro meu primeiro projeto em code por causa desse video perfeito
Oiii, não achei a continuação com a paste de JS, você ainda vai postar? Gostaria de pegar essa parte também! Ótimos vídeos, está me ajudando demais a voltar pra Front-End :)
PERGUNTA: Se eu estou desenvolvendo um site para alguem, ex um consultorio odontologico, na hora de criar a hospedagem eu mesmo vou fazer tudo e "tomar conta" do site? ou eu faço o envio dos arquivos para o consultorio fiscticio fazer o upload? só por desencargo de consciencia hehe
Eu faria tudo, pois acredito eu que ele já queira o site no ar e não ter que fazer mais nada. Depois olharia um contrato de manutenção mensal ou anual, caso ele desejasse atualizar alguma informação.
Seria interessante Rafa, quando vc for fazer a parte do JavaScript, utilizar o Svelte. Lembro de uma palestra q vc postou aqui no RUclips sobre e seria interessante. Aliás, ótimo trabalho. Seus vídeos são inspiradores.
Sou iniciante no front-end e ouvi pessoas falando que h1 só pode usar um por pagina, e vi outras pessoas falando que pode usar mais de 1 h1 por pagina, que foi algo que o pessoal do google disse... qual é o certo? Obrigado pelo conteúdo, tá me ajudando muito!
Olá, eu tenho uma versão do vscode um pouco mais antiga, não consigo atualizar pois meu computador não é compatível com a nova versão. Por isso não consigo baixar a extensão do figma, o que eu faço?
Oi Rafaella. Eu fiz alista com 'dl', já para não aparecer aqueles caracteres antes da lista e o text-decoration eu coloquei no reset '*'. Algum problema?
olá Rafaela tudo bem ? olha só eu sou aluno do projeto one alura/oracle tenho assitido muitos videos seus e do guilherme fera esse rapaz ,,,, olha só voce da mentoria ????? preciso muito acelerar meu aprendizado .......se sim me da um alô ...boa noite .
Pessoal, alguém pode me ajudar? A extensão que a Rafa usa no vídeo (Figma) agora só pode ser usada caso o usuário tenha o dev mode que é pago. Alguém sabe me dizer se tem alguma forma de usar essa extensão sem ter o dev mode?
Год назад+1
Alguém poderia explicar como adicionar o emoji? Eu não consegui entender pelo vídeo. Estou aprendendo muito com esses vídeos de projeto, sou iniciante e esses vídeos tem me ensinado muito, obrigado pela dedicação em ensinar!
Oi, @InteligenciaFinanceira1. Você pode colocar o emoji fazendo o seguinte, clica no lugar onde você deseja colocar e aperta a tecla do Windows e ponto "." juntos. Com isso, vai abrir uma nova janela pra você poder selecionar o emoji que você deseja colocar. Um abraço.
11 месяцев назад
@@WillCollection muito obrigado, mas eu tentei esse método e não funcionou, vou continuar tentando descobrir aqui, abraço meu caro!
Estou começando no CSS, alguém me tira essa duvida, a cor foi definida para todo body, porem ao adicionar o href no link, ele trabalha com outras cores, como faço para desativar a interação de cores do texto que possui link?
Sim O pixel se por algum motivo o usuário modificar o tamanho das fontes no Google, ela não modifica o tamanho junto Já o rem faz com que modifique pois ele é relativo ao tamanho da página 1rem é 16px por padrão
Pelo amor de Deus, como eu faço para colocar uma receita do lado da outra igual a do figma???? Já usei border-box, inline-block, justify content e nadaaaa
pgt sincera, pq desenvolver uma landing do zero se hj existem tantas ferramentas com layouts que te dao uma base gigante onde tu pode so editar algumas coisas?
Para aprender primeiro o que se está fazendo e depois poder usar as ferramentas ,como o chat gpt para quem não tem entendimento no que está fazendo pode atrapalhar porque se vc ñ sabe o que está fazendo como vai analisar o que vai usar ,e que ótimo que ela disponibiiza tempo para ensinar quem quer
@@Rafaela.-acho que não foi isso o que ela quis perguntar, mas sim em relação a WordPress, elementor que são construtores de páginas basicamente de arrastar.
Tem diferença e muito. 1° - Se você se refere e construtor de página como WordPress, elementor, ou nuvem shop Eu conhecendo mais WordPress elementor, e nada de nuvem shop, o fato de você baixar plugins vai deixar o site bastante pesado. 2°- Relação a segurança do site, não sei te informar ao bem que tipo, mas já vi uns especialistas falando que WordPress, o sites não tem tanta segurança, tanto quanto é feito na mão No código.
Essa página dentro do VSCode, se não me engano é do Figma? E como você consegue ver esses elementos da página que está construindo dentro do VSCode? Eu geralmente aperto F12 no navegador 😂
Sim, consegui. As imagens que ela usou no vídeo não são as mesmas q estão no figma. Para baixar as imagens, em tamanho maior, vc vai precisar entrar no figma pelo navegador (não dentro do vscode). Lá você vai poder escolher entre duas opções para baixar, uma no tamanho pequeno e a outra no tamanho maior.
é pq o figma teve umas atualizações q deixou o serviço do "dev mode" q é um modo do figma p desenvolvedor pago vei😞😞 aí essa função de usar o figma no vscode n dá mais pq tem q pagar, por isso redireciona pra o site, esse bagulho foi só pra fuder c a vida do programador
Se fosse Otavio Miranda, esse video teria 100 horas kkkkkkkk, e eu ainda não entenderia nada. Show de bola moça, que didática simples, rapida e fantástica
Exatamente! Comprei um curso de Python na Udemy, cujo, o instrutor é ele... Pense num arrependimento.
@@patricioalberto4620 Obg
Mds que nostalgia, lembro dos seus primeiros vídeos de projetos, que me fizeram entrar na área ❤
Não gosto de comentar vídeos. Mas eu fiquei impressionado com a inteligência e habilidade dessa mulher! Parabéns! Detalhe que sou engenheiro civil,nada a ver com programação porém deu pra acompanhar tudo. Estou fazendo uma landing Page para minha noiva.
Rafaella! Fenomenal fazer primeiro todo HTML e depois o CSS. Isso para o COGNITIVO é ótimo, pois pensar e construir HTML e CSS juntos são processos completamente opostos. Galera! A Rafaella descobriu e compartilhou não só uma solução, mas 100% a regra de capacidade e velocidade de construção.
Em nome de todos os inscritos quero deixar o meu Muuuuuuuuuuuito Obrigado.
Caraca, ontem eu fiz uma landing page baseada no seu vídeo anterior. Tô treinando a criação de sites estáticos variados (sem JS) e esse vídeo veio na hora certa.
Acabei de fazer o formulário (do vídeo- formulário com html e css), todos os dias vou indo praticando que logo estarei craque nisso. Já terminei o curso de lógica e vou entrar em JS agora, até o final de 2024 quero estar empregado ksksk
@@isaque5811 eu to fazendo tb vários projetos em html e css, to me saindo muito bem, agora só estou com um pouco de medo de entrar em javascript, mas com fé em Deus vai dar tudo certo
@@isaque5811 seu comentário me inspira
Fiz uma land do Mario
Até que ficou legal 😊
Você está estudando pra front ou pretende ir pra back?
@@kahhkahh123 front, sei que o mercado tá com muita vaga, mas muita gente disputando por elas, logo fica difícil pra iniciantes entrar, mas sei que vou me destacar. Além disso, já tô usando estratégias para aumentar as chances de ser empregado e buscando contato com quem já é da área, assim terei mais chance
nossa fiquei vendo html 1 ano inteiro no curso de tecnico de informatica para interenet e nunca aprendi tanto quanto nesse video manja muito meus parabens
Eu adoro esses vídeos, estou com dificuldades no CSS e seus vídeos estão me ajudando muito, OBRIGADA!
Eu parei pq fiquei com dificuldades em grid e Flexbox kkkkkkk vou voltar
Alguns meses atrás, seu primeiro vídeo de landing Page foi o que me ajudou a começar, e hj é muito bom poder ver esse vídeo tendo propriedade de entendimento. 🎉
VC já esta trabalhando na area mano ?
@@Rehmarquez Não vou mentir pra você. A verdade é que não. No começo estava buscando vagas para aplicar diariamente mas, com o tempo, abri mão disso e hoje estou apenas focando nos meus projetos.
você não tem noção do quanto esses videos me ajuda, estava estagnado há 2 semanas sem conseguir escrever uma linha de código, acho que tive uma sobrecarga e estava desanimado, vou voltar agora.
Sua didática está cada vez melhor. Está explicando muito bem 💪🫵📐
caraca Rafa, bizarro como vc deixa isso bizarramente simples! tomei coragem e to partindo pro meu primeiro projeto em code por causa desse video perfeito
Seus vídeos me fazem esquecer o qual frustrante e a minha situação de ficar estagnado e não arrumar estágio pra conseguir entrar na área obrigado k
tenta começar como freelancer.
Gosto de estudar e aprender coisas novas, trabalho na área de TI mas não em programação! Excelente conteúdo, Parabéns Rafaella!
o cor do itens de menu para mim não funcionou, não foi aplicada como esta no video, tive que aplica diretamente na tag
Oiii, não achei a continuação com a paste de JS, você ainda vai postar? Gostaria de pegar essa parte também! Ótimos vídeos, está me ajudando demais a voltar pra Front-End :)
RAFA EU TE AMO OBRIGADO POR EXISTIR ANJA ALADA DO SENHOR
Rafa acompanhei o seu vídeo ontem e sei te dizer que foi ótima. Parabéns!
😊
PERGUNTA:
Se eu estou desenvolvendo um site para alguem, ex um consultorio odontologico, na hora de criar a hospedagem eu mesmo vou fazer tudo e "tomar conta" do site? ou eu faço o envio dos arquivos para o consultorio fiscticio fazer o upload?
só por desencargo de consciencia hehe
Também tenho essa dúvida hein. Up
Eu faria tudo, pois acredito eu que ele já queira o site no ar e não ter que fazer mais nada. Depois olharia um contrato de manutenção mensal ou anual, caso ele desejasse atualizar alguma informação.
@@gpd38 entendi, obrigado pela resposta
Para quem ta iniciando eh uma boa opcao!
Bah muito show achar conteúdos assim, principalmente para pessoas como eu que estão iniciando na área, show de bola de mais, thank you very much 🙏
no mei código os links dentro da nav estavam com href, e não funcionou a color até eu retirar o href de cada . Pq diabos isso aconteceu?
Ué professora. Assisti até o final e não vi o restante. Cadê a parte do Javascript?
Oiiii, Fafa, sua linda... Está sumida... Bom te ver produzindo s2 bjusss
Seria interessante Rafa, quando vc for fazer a parte do JavaScript, utilizar o Svelte. Lembro de uma palestra q vc postou aqui no RUclips sobre e seria interessante. Aliás, ótimo trabalho. Seus vídeos são inspiradores.
Foi feito algum outro tutorial com a parte dinâmica em JS sobre esse mesmo projeto? Adoraria ver!
As imagens que eu baixei são pequenas naturalmente, não apareceram primeiro grandes igual no seu.
Rafa,vc poderia fazer um to do list com html,css e js
Muito Top, ficou show Rafa! Obrigado pelo video/aula 🤟🖖
você é demais ta loko, Parabéns""!!!
Você é maravilhosa! Que seu canal nunca acabe, pois ele é super necessário!
Rafaa, tem como disponibilizar o código no github? Obrigadinhaa
muito rafa, obrigada por compartilhar seu conhecimento de graça, likeee
to aprendendo dms, faz mais🙏
Você explica bem boa professora.
o vídeo da parte de js está disponível?
Muito bom gostei 👏🏻👏🏻👏🏻
Quando vai sair a continuação?
Obrigado pelos ensinamentos!
Opa Rafa, ótimo vídeo! 👏🏻
Poderia falar depois quais são as extensões que você utiliza no seu vscode e para que serve?
Muito bacana Rafa.Valeu. Abração.
Sensacional Rafa.
muito bom realmente ficou incrivel, parabens ruy e rafa, e equipe ballerine o video ficou otimo 😎👍
Sou iniciante no front-end e ouvi pessoas falando que h1 só pode usar um por pagina, e vi outras pessoas falando que pode usar mais de 1 h1 por pagina, que foi algo que o pessoal do google disse... qual é o certo? Obrigado pelo conteúdo, tá me ajudando muito!
Olá, eu tenho uma versão do vscode um pouco mais antiga, não consigo atualizar pois meu computador não é compatível com a nova versão. Por isso não consigo baixar a extensão do figma, o que eu faço?
Oi Rafaella. Eu fiz alista com 'dl', já para não aparecer aqueles caracteres antes da lista e o text-decoration eu coloquei no reset '*'. Algum problema?
Muito obrigado pelo seu incrível vídeo
olá Rafaela tudo bem ? olha só eu sou aluno do projeto one alura/oracle tenho assitido muitos videos seus e do guilherme fera esse rapaz ,,,, olha só voce da mentoria ????? preciso muito acelerar meu aprendizado .......se sim me da um alô ...boa noite .
esse negocio de aula flexbox seria uma extensao onde contem landing page para estudar?
Onde eu posso encontrar o arquivo do site pronto para comparar melhor e com mais paciência?
Pessoal, alguém pode me ajudar? A extensão que a Rafa usa no vídeo (Figma) agora só pode ser usada caso o usuário tenha o dev mode que é pago. Alguém sabe me dizer se tem alguma forma de usar essa extensão sem ter o dev mode?
Alguém poderia explicar como adicionar o emoji? Eu não consegui entender pelo vídeo.
Estou aprendendo muito com esses vídeos de projeto, sou iniciante e esses vídeos tem me ensinado muito, obrigado pela dedicação em ensinar!
Oi, @InteligenciaFinanceira1.
Você pode colocar o emoji fazendo o seguinte, clica no lugar onde você deseja colocar e aperta a tecla do Windows e ponto "." juntos. Com isso, vai abrir uma nova janela pra você poder selecionar o emoji que você deseja colocar.
Um abraço.
@@WillCollection muito obrigado, mas eu tentei esse método e não funcionou, vou continuar tentando descobrir aqui, abraço meu caro!
Porque exatamente max-width de 1120px ? Como eu acho/defino esse valor
Rafaa, comprei a alura por sua causa, quais formações ensina la?
Estou começando no CSS, alguém me tira essa duvida, a cor foi definida para todo body, porem ao adicionar o href no link, ele trabalha com outras cores, como faço para desativar a interação de cores do texto que possui link?
por favor traz o video com javascripty estou precisando muito de mais ajuda sobre eu pretendo ser web
Esse video tem continuação?
Muito bom o conteudo !!
Estou aprendendo bastante, obrigaado !!
Rafaella quando vc vai lançar o vídeo dando continuidade para adicionarmos o js???
;)
O modo dev mode é pago agora ?
como colo vídeo no HTML para quando um vídeo terminar começar outro
Não consegui exportar as imagens originais do figma, algumas vieram cortadas. Help Ballerine :c
so consigo fazer pagina fixa com html e css??
figma está pago, vc recomendaria alguma opção gratuita?
balle, qual teclado voce usa pro mac? estou a procura de um
Não estou a conseguir adicionar mais caixas como a "EM ALTA 🔥" e alinhar como no design FIGMA :(
vai continuar esse projeto com javascript ?
1:36:33 deploy do projeto
alguem poderia me explicar o 'MAX-WIDTH', quando coloco ele fica td desalinado n entendi
Onde acho esse assets no vsc?
Olá...vc faz trabalho como free-lancer, caso sim ..como te contratar?
Rafa! Vou começar ads. Tenho ansiedade de não dá certo e muito medo. 😢
Por que usar o rem e não o pixel? Tem algum motivo alem do costume?
Sim
O pixel se por algum motivo o usuário modificar o tamanho das fontes no Google, ela não modifica o tamanho junto
Já o rem faz com que modifique pois ele é relativo ao tamanho da página
1rem é 16px por padrão
Justo hj que fui usar o dev do figma, ele começa a ser pago 🥲
tu conseguiu o código das fontes do google fonts q são importadas pro css? queria muito, mas sem o dev mod eu n consigo😭😭
Agora que está pago o Figma modo dev complicou 😢
Boa tarde Rafa, como vc abre essa janela de emojis? Tem algum comando específico pra isso?
tecla windows + ponto
Oi Rafa, seria legal se você fizesse um vídeo sobre o PHP no laravel
Alguém soube como fazer os cards ficarem um do lado do outro? no final ficou um embaixo do outro
Mds, em pensar que não tem mais dev mode gratuíto, apenas 2 meses depois desse video
SIMMMM Q RAIVA, agr n sei como faço pra pegar as configurações das fontes q seriam mostradas no figma😭😭
Estou com a mesma dificuldade :( @@yunglc7682
Agora que está pago o Figma modo dev complicou 😢
@@yunglc7682paga ué kk
eu empolgado p fazer e não consigui nem começar por isso
Oi linda! Tá ótimo.
Deixa a Live no ar !?
Gente alguém sabe alguma outra opção parecida com o Figma? pq infelizmente agr o modo dev é pago🥲
Quando sai a aula com Javascript??
Top!!!!
Pelo amor de Deus, como eu faço para colocar uma receita do lado da outra igual a do figma????
Já usei border-box, inline-block, justify content e nadaaaa
Display: flex
essa atualização é nova do figma??
infelizmente, o dev mode agr tá pago
Alguém sabe como deixar os cards lado a lado?
Estou tentando separa o header em 3 mas o github nao desgruda de geito nenhum e ta fora da ul e dentro do nav nao sei pq essa peste nao desgruda KKKKK
pgt sincera, pq desenvolver uma landing do zero se hj existem tantas ferramentas com layouts que te dao uma base gigante onde tu pode so editar algumas coisas?
Para aprender primeiro o que se está fazendo e depois poder usar as ferramentas ,como o chat gpt para quem não tem entendimento no que está fazendo pode atrapalhar porque se vc ñ sabe o que está fazendo como vai analisar o que vai usar ,e que ótimo que ela disponibiiza tempo para ensinar quem quer
@@Rafaela.-acho que não foi isso o que ela quis perguntar, mas sim em relação a WordPress, elementor que são construtores de páginas basicamente de arrastar.
Tem diferença e muito.
1° - Se você se refere e construtor de página como WordPress, elementor, ou nuvem shop
Eu conhecendo mais WordPress elementor, e nada de nuvem shop, o fato de você baixar plugins vai deixar o site bastante pesado.
2°- Relação a segurança do site, não sei te informar ao bem que tipo, mas já vi uns especialistas falando que WordPress, o sites não tem tanta segurança, tanto quanto é feito na mão
No código.
@@charlles9993 Obrigada,eu entendi de outra forma .
Rafa, usa o Salve Automatico, assim quando vc fazer qualquer alteração, o Live Server já atualiza
acho que você esqueceu de linkar as categorias do menu
Eu não sei mexer com esse tal de Figma, queria baixar as imagens do projeto, mas não consigo.
34:15 < = less than / > = greater than
Essa página dentro do VSCode, se não me engano é do Figma? E como você consegue ver esses elementos da página que está construindo dentro do VSCode? Eu geralmente aperto F12 no navegador 😂
alguém teve problemas ao instalar a extensão ? Instalei e não consegui usar, poderiam me ajudar com isso, por favor?
Do figma? Agr o dev mode é pago, vc só consegue usar a extensão se pagar
heelp, eu não estou conseguindo tirar a decoração da tag "a", aparentemente tá tudo igual ao da rafa :C
Coloca uma class nela
Tipo nav__a
No css
Faz isso
.Nav__a {
Text-decoretion: none;
}
Gente alguém conseguiu baixar as imagens em tamanho real? Quando eu dou o export pela extensão do figma vem ela pequena e já arredondada.
Sim, consegui. As imagens que ela usou no vídeo não são as mesmas q estão no figma. Para baixar as imagens, em tamanho maior, vc vai precisar entrar no figma pelo navegador (não dentro do vscode). Lá você vai poder escolher entre duas opções para baixar, uma no tamanho pequeno e a outra no tamanho maior.
Alguem pode ajudar, baixei a extensão do figma, mas ao invés de abrir no vscode, ele redireciona para o site do figma.
é pq o figma teve umas atualizações q deixou o serviço do "dev mode" q é um modo do figma p desenvolvedor pago vei😞😞 aí essa função de usar o figma no vscode n dá mais pq tem q pagar, por isso redireciona pra o site, esse bagulho foi só pra fuder c a vida do programador
e pra o nosso azar ele passou a ser pago 2 meses dps desse video, né foda?
Agora que está pago o Figma modo dev complicou 😢
Boa tarde
Qual o atalho pra comentar ?
no meu vscode é control + ;
@@Filipecastro1987 positivo, vlw✌🏻
faz backend desse projeto, Rafa!
ela n sabe
Aquela frase la atras no cenario onde vende????
A gata parece que rackeia o nosso celular e escuta o que a gente precisa. Falei disso e Pah! Video da ballerini