Тёмный

PROJETO: LANDING PAGE apenas com HTML e CSS a partir do FIGMA - PARTE 01 | ONEBITCODE 

One Bit Code
Подписаться 46 тыс.
Просмотров 48 тыс.
50% 1

📂 Arquivos utilizados na aula: drive.google.com/drive/folder...
🎨 Mockup da Landing Page:
www.figma.com/file/76GJ4uK7Py...
Conheça o OneBitCode PRO: pro.onebitcode.com/

Развлечения

Опубликовано:

 

5 фев 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 78   
@arielalvesAlves
@arielalvesAlves Год назад
por mais video de Landing pages assim
@MoroKuzn
@MoroKuzn Год назад
verdade, ótima aula e excelente didática.
@joaopedrocadinelli714
@joaopedrocadinelli714 10 месяцев назад
Aula muito boa, parabéns!
@user-uh5sd5hg2c
@user-uh5sd5hg2c 8 месяцев назад
Excelente conteúdo. obrigado por compartilhar.
@guilhermeholanda7493
@guilhermeholanda7493 8 месяцев назад
Didática exclente!
@samuelsantos5559
@samuelsantos5559 Год назад
Top demais, vlw
@alessandrosilva1015
@alessandrosilva1015 8 месяцев назад
Gostei muito!
@DrawingsAll
@DrawingsAll Год назад
Legal, já vou tentar fazer
@wandersongomes8405
@wandersongomes8405 9 месяцев назад
Fiz a inscrição e acionei o sininho. Muito obrigado pelo conteúdo.
@juniortenorio9967
@juniortenorio9967 Год назад
Sensacional!
@SergioVianaVieira
@SergioVianaVieira Год назад
Excelente começo... vamos evoluir o projeto juntos... que show.
@andresilvaof
@andresilvaof Год назад
Otima aula de fácil entendimento!
@rayanekelly7066
@rayanekelly7066 Год назад
Obrigada pelo conteúdo! Será meu primeiro projeto. Gostei muito da sua didática.
@mariannaregio6762
@mariannaregio6762 Год назад
muito bom!! Isaac sempre mandando muito nas explicações. façam mais vídeos assim
@MoroKuzn
@MoroKuzn Год назад
ótima aula e excelente didática por mais videos assim por favor, eu imploro!!!!!!!!!!!!
@GustavoLima-qi9ps
@GustavoLima-qi9ps 10 месяцев назад
muito top, mas muita informação pra iniciantes...mas é isso ai! top
@alderjuniobv
@alderjuniobv Год назад
@OneBitCode muito bom, tive dificuldade em aplicar a classe para centralizar o primeiro button, mas resolvi colocando um ID a parte e deu pra desenrolar, obrigado pelo conteúdo compartilhado. 🤘🖥
@bia_vit
@bia_vit 11 месяцев назад
Excelente aula, foi minha primeira aula com vc e gostei muito da sua didática. Essa landing page está muito linda adorei!
@angeloambrosio6879
@angeloambrosio6879 Год назад
Tutorial excelente, como tudo que a onebitcode faz. Sou aluno e recomendo 100% o curso.
@rafaeldoliveira5684
@rafaeldoliveira5684 Год назад
Mais vídeos de landing pages dessa forma
@darllingtongomes5996
@darllingtongomes5996 Год назад
A melhor plataforma de estudos!
@OneBitCode
@OneBitCode Год назад
Tamo junto 🤘
@_gama_nathan
@_gama_nathan Год назад
Aula muito boa, só achei desnecessário pegar alguns estilos prontos no CSS, quem é iniciante e queria entender tudo e fazer junto não consegue, pois você só deu CTRL + C e CTRL + V, eu mesmo fiquei perdido
@magavix
@magavix 10 месяцев назад
vdd!
@vagnermoura8819
@vagnermoura8819 6 месяцев назад
È só voce ir digitando e ir entendendo o que cada propriedade faz
@agenciack6671
@agenciack6671 6 месяцев назад
Cara acho que ele nao copiou e colou, no VS code quando vc vai digitando ja vai aparecendo, talvez ele tenha digitado rápido
@laurissonmoura7712
@laurissonmoura7712 Год назад
like por mais vídeos assim rsrs😁
@EdvanSilva
@EdvanSilva Год назад
Pergunta! Olha gostei muito vcs são demais, mas pq não usou o sass?
@carlosbarross
@carlosbarross Год назад
Eu amo essa palheta de cores!! Você estudou sobre as cores antes de criar esse design com essas cores?
@TheJcalves
@TheJcalves Год назад
Já postou a parte 2??
@mart1nelli
@mart1nelli Год назад
Opa beleza? Queria saber porque ao inves de criar varias section com article dentro, nao foi criado uma section com ul li e também no nav do header, algum motivo especifico?
@tosipaulo
@tosipaulo 11 месяцев назад
Que vídeo incrível e sua didática é massa demais! Qual a diferença entre usar as tags ul > li > a, com o que propôs usando nav > a?
@gabrielbarbosa8293
@gabrielbarbosa8293 9 месяцев назад
HTML Semântico
@sobservando4620
@sobservando4620 Год назад
Qual terminal vcs utilizam?
@jovem.empreendedora
@jovem.empreendedora Год назад
Onde está a parte 2 do projeto?
@TechSciBrasil
@TechSciBrasil Год назад
Uma Dúvida: Ao invés de fazer .decotarion::after{ content:' '; bacground: url("img/three-dahes.svg"); position: absolute; height:36px; width:40px; } Poderia ser .decotarion::after{ content: url("img/three-dahes.svg"); position: absolute; } uma vez que as dimensoes da imagem não seria alteradas? se a img for inserida no background, é necessário informar altura e largura. mas se for inserida no content, isso não é nessessário, porém, não há como manipular as dimensoes.
@gisellebrasilmacedo1846
@gisellebrasilmacedo1846 Год назад
Muito bom! Estou fazendo, mas iria facilitar muito se colocassem o link para o projeto no figma!
@RoboOUchiha
@RoboOUchiha Год назад
O link do figma está na descrição
@gisellebrasilmacedo1846
@gisellebrasilmacedo1846 Год назад
@@RoboOUchiha Obrigada
@guhhbraga5386
@guhhbraga5386 Год назад
Posso colocar esse projeto no meu portfólio?
@helder-rangel
@helder-rangel Месяц назад
😀
@se3627
@se3627 Год назад
Qual é a resolução para criar sites no Figma?
@DevSttrong
@DevSttrong Год назад
Boa noite amigo onde vc encontra as landing page. qual site vc usa ?
@christian9553
@christian9553 10 месяцев назад
Muy buen tutorial! Pero olvidaste colocar los links de las fuentes de google :(
@joaol.garcia2014
@joaol.garcia2014 Год назад
meu botão de se inscreva não centralizou, alguém sabe como arrumar? As tags estão certas mas ele não vai pro meio, só isso deu errado
@magavix
@magavix 10 месяцев назад
Antes de color-primary, são aspas, ponto e ponto, é o q?
@numaguentomais
@numaguentomais Год назад
24:40
@devevolution
@devevolution 7 месяцев назад
Nao tem um link pro repositoria GIT?
@telminha2008
@telminha2008 Год назад
Porque ao colocar : root { }, no css, quando vou colocar --color ou seja o que for, aparece em branco e não consigo aplicar as mesmas?
@luhoro
@luhoro Год назад
No meu também aparece me branco por conta do tema que uso. Mas certifique de estar colocando ":" após o nome da variável e colocar ";" no final. Pra aplicar precisa certificar de usar var() e fechas os parênteses
@ViniciusSantos-wy2co
@ViniciusSantos-wy2co Год назад
Onde acho os textos que você colou, os lore ipsum
@dmuller3147
@dmuller3147 Год назад
Se você usa o VsCode, é só digitar Lorem e dar enter que o VsCode completa o resto, se você colocar Lorem15, ele irá escrever 15 palavras, se colocar 30, 30 palavras e por aí..
@iagopierre1758
@iagopierre1758 Год назад
Ótimo conteúdo! Mas tenho uma duvida, em caso de um HTML semântico, para os botões, por que n foi usado a tag button? Sou novato no assunto kkkkk
@emilymiro5772
@emilymiro5772 Год назад
em termos semânticos a gente usa a tag quando queremos direcionar à uma navegação ou para outra página. Isso é adequado quando o elemento representa um link para um conteúdo externo ou uma página relacionada. Como é o caso pois no projeto estamos tentando "vender cursos" para possíveis alunos da escola de Jazz. Já a tag button a gente usa quando o elemento estiver relacionado a uma ação interativa, como enviar um formulário, acionar uma função JavaScript ou executar uma ação específica no contexto da página. Espero ter ajudado!
@magnojunior6611
@magnojunior6611 Год назад
Onde ta a segunda parte??
@OneBitCode
@OneBitCode Год назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-b9Vw_LUyYmc.html
@agum7751
@agum7751 Год назад
arquivo hero-img.svg não abre!
@fernandopiresdacunha2384
@fernandopiresdacunha2384 11 месяцев назад
Onde eu encontro a fonte?
@mateusidibal8492
@mateusidibal8492 Год назад
onde está a segunda parte?
@OneBitCode
@OneBitCode Год назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-b9Vw_LUyYmc.html
@rafaeldoliveira5684
@rafaeldoliveira5684 Год назад
Link para a segunda parte do vídeo, pra mim não apareceu
@OneBitCode
@OneBitCode Год назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-b9Vw_LUyYmc.html
@JulianaMoraissz2
@JulianaMoraissz2 Год назад
Boa noite! Conteúdo muito bom, mas onde estão os links da fonte?
@carlosbarross
@carlosbarross Год назад
creio que a fonte vc altera com códigos, não? Sou nono nisso*
@leandro_lezzin
@leandro_lezzin Год назад
@@carlosbarross Tem certas fontes que vc precisa importar da internet, pois não existem "dentro" do css
@andresantiago1285
@andresantiago1285 Год назад
Alguém sabe aonde posso baixar as imagens?
@OneBitCode
@OneBitCode Год назад
Olá André! Adicionamos na descrição o Link para os arquivos utilizados :)
@andresantiago1285
@andresantiago1285 Год назад
@@OneBitCode Muito obrigado!!
@esquisito.01
@esquisito.01 Год назад
5:32 como duplica desse jeito?
@citinogamer
@citinogamer Год назад
Alt shift seta pra baixo
@mntdev
@mntdev Год назад
Gostei para chuchu.
@marianaferreiraantunes1385
@marianaferreiraantunes1385 Год назад
Alguem achou o link das fontes ?
@MoroKuzn
@MoroKuzn Год назад
google fonts
@Maximus_749
@Maximus_749 Год назад
Não encontrei o link da fonte, o único link de material é para as imagens, seria bom colocar na descrição
@junior1992a
@junior1992a Год назад
vc é filho do Rodrigo Pacheco???
@vitoriamaria61
@vitoriamaria61 11 месяцев назад
A imagem "hero-img.svg" de mais alguém também está quebrada?
@bia_vit
@bia_vit 11 месяцев назад
a minha tmb tava quebrada, demorava séculos para carregar e atrapalhava o conteudo, resolvi convertendo em png
@helder-rangel
@helder-rangel Месяц назад
😀
Далее
It was like a real simulation👩🏻‍💻
00:15
Просмотров 1,8 млн
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 915 тыс.
HTML + CSS NA PRÁTICA 🔥 Faça seu primeiro site
16:19
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 742 тыс.
DO ZERO AO PRIMEIRO PROJETO NO FIGMA 2024 🔑
37:13
Просмотров 44 тыс.
Figma para programadores
13:59
Просмотров 6 тыс.
Relógio Digital DINÂMICO | HTML, CSS e JS.
14:07
Просмотров 132 тыс.
The secret to mastering CSS layouts
17:11
Просмотров 268 тыс.
Он сильно об этом пожалел...
0:25
Было?😂
0:12
Просмотров 2,4 млн
Освежился в жаркий день
0:59
Просмотров 3,7 млн