10 ideias de projetos em HTML e CSS para adicionar no portfólio!
HTML-код
- Опубликовано: 2 июл 2024
- Hostinger: hostinger.com.br/rafa + cupom RAFA - hospedagem de sites anuais com até 77% off
Hoje trouxe um vídeo mostrando 10 ideias de projetos em HTML e CSS para você adicionar no portfólio e conseguir aquela primeira oportunidade na área de desenvolvimento e programação!
HTML e CSS são duas tecnologias utilizadas principalmente na área front-end, então é importante que uma pessoa dessa área possua no seu Github e portfólios interfaces como esses exemplos vistas no vídeo! Caso queira adicionar JavaScript ou qualquer outra linguagem, framework , sinta-se a vontade
Se tiver qualquer outra pergunta pode deixar aqui embaixo nos comentários que logo lançarei mais vídeos sobre tecnologia da informação e programação! =)
-----------------------------------------------------------------------------------------------------------
Links importantes:
Repositório com todos os projetos vistos no vídeo e sites de dicas: github.com/rafaballerini/10Pr...
Comunidade no Discord: / discord
Todas as minhas redes sociais: beacons.ai/rafaballerini
Desconto Alura: www.alura.com.br/promocao/raf...
------------------------------------------------------------------------------------------------------------
índice do vídeo:
00:00 - Início
00:17 - Conheça a Hostinger
01:23 - O que serão os projetos
01:54 - Primeiro projeto
02:56 - Segundo projeto
04:48 - Terceiro projeto
05:12 - Quarto projeto
05:45 - Quinto projeto
06:41 - Sexto projeto
07:46 - Sétimo projeto
08:48 - Oitavo projeto
09:14 - Nono projeto
09:51 - Décimo projeto
10:32 - Dicas para desenvolver os projetos
12:21 - Cupom de desconto Hostinger
12:44 - Finalização
Music by Lukrembo: / lukrembo
Provided by Knowledge Base: bit.ly/2BdvqzN
------------------------------------------------------------------------------------------------------------
01100010 01101001 01100011 01100001 01110010 01100010 01101111 01101110 01100001 01110100 01101111 00100000 01100100 01100101 00100000 01110011 11110011 01100100 01101001 01101111 00001010 01101100 01100101 01101001 01110100 01100101 00100000 01100101 01101101 00100000 01110000 11110011 00001010 01100001 11100111 11111010 01100011 01100001 01110010 00001010 01100011 01101000 01101111 01100011 01101111 01101100 01100001 01110100 01100101 00100000 01100101 01101101 00100000 01110000 11110011 00001010 01100011 01100001 01100110 11101001 00100000 01110011 01101111 01101100 11111010 01110110 01100101 01101100 00001010 01100011 01100001 01101110 01100101 01101100 01100001 00100000 01100101 01101101 00100000 01110000 11110011
nv6
#portfólio #desenvolvedor #frontend 
Наука
1 - Landing Page
2 - Página de Login/Cadastro
3 - Formulário de pesquisa, questões, provas...
4 - Catálogo de Produtos
5 - Página de notícias/blog
6 - Desenhar com HTML e CSS
7 - Dashboard.
8 - e-mail marketing
9 - To do list / um organizador de tarefas, calendário, etc...
10 - Seu portfólio.
Obrigado, salvou. Vou guardar aqui para ir praticando 🙌
Um anjo
seu lindo, Deus te abençoe muito na vida. Tu é foda 🔥🔥
Esses vídeos ajudam demais quem esta começando. Pra quem esta procurando uma forma de aprender frontend na pratica, para ajudar a comunidade eu criei um canaI totalmente focado em projetos com html, css e js. Atualmente estou ensinando o pessoal a fazer dois projetos e nós já temos outros três projetos completos. Bons estudos pessoal!
vou me inscrever para assistir futuramente :)
Obrigado@@NandaHN! Espero que meu conteúdo te ajude na sua jornada. ☺
Está em todas hahaha👏🏼👏🏼👏🏼🤣
@@renantibia92 🤣🤣🤣
Já me inscrevi!
estou adorando te acompanhar!!! quando te conheci fui fazer o formulário html e css e buguei hahah mas agr dps de um mês estudando voltei aqui e consegui fazer to mt feliz!!! agr cm certeza vou tentar fazer esse outros projetos, e ano q vem pretendo começar a faculdade de TI, vc com certeza é uma das minhas inspirações
Você está me expirando a continuar a programar .Eu já terminei a faculdade de análise desenvolvimento de sistemas, nunca vi uma pessoa que goste de programação como você.Agora sei que posso continuar a programar sem medo .
Aaaaaaa que incrível Maria! Eu amo ouvir isso e espero mesmo que você ame essa profissão
As vezes tem gente que termina faculdade e não seguem na área por que não se identificam , por isso é sempre importante amar o que faz antes de tudo. Aí tudo fica mais fácil e um trabalho acaba virando hobby nesse mundo de possibilidades. Por isso boa sorte a todos nós pq programação é onde me encontrei na vida hehe
SE FALA EXPIRANDO JA SEI Q N VAI PRA FRENTE
Rafaella, já pensou em fazer uma série de tutoriais de projetos completos, seria uma boa para os novatos que não têm ideia para iniciar.
Talvez poderia fazer algum video com As Boas praticas do direito autoral, tipo, onde coloca-las, como coloca-las e quando estão utilizando o sua criação ou quando é que a sua criação acaba se tornando o direito autoral do seu trabalho.
É ótimo saber das opções de criações disponíveis, atuais e usuais.
Seus videos são timos Rafa
Esse era o tipo de informação que eu estava procurando! Estou começando agora e seus vídeos são incríveis e inspiradores!
Meu deus!! eu estava procurando igual uma maluca um vídeo sobre isso e encontrei! a forma que você explicou e passou as informações foi incrível. Obrigada por passar todas essas informações importantes. Ganhou uma nova inscrita ❤️❤️❤️❤️
Justamente o que eu estava procurando outro dia e não encontrei , que bom que você trouxe este conteúdo!!
Parabéns, Rafa! Sempre postando ótimos conteúdos! 😘
Conteúdo incrível... Finalizando o vídeo com várias idéias de possíveis criações para desenvolver ... Parabéns pela abordagem do conteúdo !!!
Show Rafa!! Obrigado pelo conteúdo, estou na faculdade de Gestão e você é inspiração! Um dia chega lá!!
Eu estou pra começar o tecnológo de Análise e desenvolvimento de sistemas e seus vídeos está me dando cada vez mais vontade de começar esse curso. Obrigado pelas informações legais, já me inscrevi.
Gosto muito dos seus videos, Rafa! Estou em transição de outra área para programação e espero conseguir atuar um dia. Abraço
Rafa obrigado de coração pelos seus vídeos me dão a motivação pra eu não desistir e se você atualizar seu setup posta outro video
Esse vídeo foi extremamente perfeito, juro para vc
Rafa obrigado por existir, vc é maravilhosa
Rafa, eu estava um pouco perdido no assunto de HTML, achei seus videos por acaso e ja estou adorando :) parabenss
Rafa adoro seus conteúdos, estou sempre assistindo… vc é meu exemplo ❤
Conheci teu canal agora, gostei. Falas bem com ânimo,
Abraços de Moçambique
OBRIGADA POR ISSO RAFA
estou começando a estudar agora e isso abriu muito a minha mente, espero um dia chegar neste nivel pra conseguir desenvolver esses projetos incríveis!!
Seus conteúdos e dicas são demais Rafa, além de didáticos e bem detalhados, são feitos de forma bem natural. Uma coisa é certa, quer realmente aprender programar, trabalhar o conhecimento? Pratiquem
Ótimas dicas, Rafa!!! Muuuuito obrigada!
Linda maravilhosa perfeita inteligente,és um anjo ? Estou começando em html e css e ja estou ligado nesse canal que encontrei por "acaso" e nao seibo pq ja nao tinha encontrado antes top demais!!
Show D+ 👏👏👏 Rafa 🌹
Bora treinar e aprender sempre pra ficar ainda melhor. 😁
Quando eu crescer, quero ser bom em programação como você
Espero que seja melhor 😊
Kkkk entendedores entenderão....
@@mrcosta kkkkkkkkkkkkk
@@mrcosta kkkkkk
@@ryan.dot2022 ah não mano🤦♂️
Boa noite!!! Não sabia o que fazer para começar, nem por onde.. agora tenho um norte... e já vou iniciar ainda pra não perder o pique.. Obrigado, pois me ajudou e sei que ainda vai ajudar muito.
Seus vídeos e suas dicas são de muita valia, muito show.
Ótima dica. Estava estudando programação mas deixei de lado por alguns meses. RUclips me indicou seu vídeo e resolvi voltar pro assunto.
Muito bom !
São ideias bem simples mas que, com criatividade, pode sair coisas bem legais.
Ótimas dicas !
Já virei inscrito ! xD
Muito obrigada, Rafaaaa
Eu tava procurando mesmo esses tipos de projetos
Eu adoro programar, mas to aprendendo e tava sem ideias de como praticar. Muito obrigado Rafa!
Muitíssimo agradecido Rafaella!!! Excelente aula... 👏👏👏👏👏
Sensacional! Estou iniciando agora e acho bem legal a forma que ensina. Ia ser maneiro tu dar uma aula sobre responsivo.
muito bom mesmo, me motivou a começa um trabalho inteiro obrigado
Que vídeo TOP!
Sensacional. Me ajudou a dar um UP no meu estudo.
Obrigado REAL!
Mano eu fico muito empolgado quando eu vejo os seus vídeos, vc é muito boa nisso, obrigado e muito sucesso RAFA!!!!!
Aaaaaaa eu fico feliz demais! Muito obrigada
Gostei! Sou designer gráfico a 5 anos, fui pro UX/UI e tô indo pra programação e esse vídeo me deu muitas ideias. Vlw Rafa 🎉
MAAANOOO VALEU MESMO! Esse vídeo simplesmente iluminou a minha cabeça KKK, eu terminei os cursos básicos de HTML e CSS da Alura(usei seu desconto kk) mas eu tava sentindo que precisava dar mais uma praticada antes de começar a estudar JS, só que a minha cabeça ficava rodando pensando em qual ideia eu deveria ou não executar, eu inclusive tive a ideia de fazer um blog e postar artigos de coisas que eu gosto mas eu pensei que seria algo "bobinho" e não profissional. Mas depois de ver esse vídeo acho que vou começar a brincar mais com HTML e CSS kkk, valeu!
Muito bom conteúdo. Eu estava esperando um vídeo justamente desse hehe
Uma ideia muito bacana que eu tive foi fazer todos os desafios de HTML e CSS do Gustavo Guanabara e botar no meu canal! Super valeu a pena praticar (e aprender) algumas coisas. Mas eu prefiro focar em criar projetos maiores usando React mesmo! haha.
Ótimas ideias Rafaella, sensacional!
Mano que canal perfeito que fui achar VOA RAFA
já ganhou um novo like e novo inscrito
Muito bom vídeo, Rafa!
Massa Rafa!!! Valeu pelo conteúdo. Estou começando na área agora e era o que eu precisava pra começar meu portifólio 😃😃
aeeeee!!! quero só ver agora o portfólio completinho 😊
eai amiga deu certo?
amei o vídeo, tava precisando de um objetivo pra começar a criar meu portfolio e apareceu nos recomendados do youtube
muito bom rafa, adoro seus videos!
Amei o seu vídeo 💙 tava em busca de um vídeo desse 💙
Muito bom, parabéns! Idéias muito legais!
+ 1 inscrito. Adorei o conteúdo 👏👏😃😃 vou assistir todos os vídeos!
Show as ideias! Vai me ajudar muito! Vlw Rafa 🙂!
Seus vídeos me inspiram muito, vou fazer estes projetos legais. Além de você ser muito inteligente é muito linda também❤️. Sucesso pra ti .
Muito bom! Ótimos projetos. 🤩
Cara, muito obrigado serio, tava muito precisando de um video como esse
Dicas preciosas. Muito obrigado!
Esse vídeo foi super necessário!
Gostei muito do seu vídeo, tô começando a estudar css e html e isso ajuda muito, vlw!!!
Ótimo vídeo, e obrigado pela receita do capuccino!
Excelente video. Serve até pra dá uma reanimada nos estudos
Linda demais
Faz 1 video sobre R e RStudio versão 4.2.1 e Rtools 4.2 desde a instalação dos programas até a configuração para quem está iniciando
Meu muito bom o seu canal , parabéns
Maravilha !!! Show !!! Parabéns !!!🐞😀
Muito obrigada!! Ajudou bastante!
Uow, ajudou muito, obrigado Rafa!
Esse video é ouro pra iniciante.
Top top amei Rafaela amei...
gostei do video , as vezes é bem dificil de escolher qual projeto fazer . Obrigado
Incrível! 👏👏
Cara seus vídeos são muito legais, eu havia parado de estudar programação e voltei depois de ver seu vídeo de como fazer um formulário.
Seu canal é muito da hora e obrigado por nos ajudar.
Fico feliz demais de ler isso! Obrigada 😊
Estou adorando seus vídeos, migrando da arte educação para ti.
Muito bom Rafaella.
a mina é fera demais ... adoro seus videos e o modo de voce explicar
Boas as ideias, gostei!
Quando crescer, quero ser como você 😎👍🏾
Gostei das ideias, tem umas bem diferentes do que geralmente indicam fazer.
Video excelente!! Valeu Rafa!!!
Woowww, ideias agora não faltam. Só começar praticar!!!
Mano, gostei d+ do vídeo
Vc manda mt bem, moça :)
Parabens ! , otimo conteudo...estarei realizando esta tarefas..😃😃
Excelente vídeo, muito obrigado Rafaella!
Muito obrigada Lucas!
Muito massa!
Rafa otimo video, vc eh uma inspiraçao pra mim, aprendo muito com seus videos!!
ps: adorei os quadros em cima da cama, so disco fodaaa, led zeppelin IV meu preferido. Parabens pelo gosto musical kkkkkk.
Obrigado pela sua ajuda!
PQP!!! Tanta ideia boa que acho q vou ficar mais tempo imaginando como posso fazer e o que vou fazer do que realmente fazendo. Valeu Rafa otimo video com belas ideias!!!!
Bem isso, também fico igual. Mas tô tentando e aprendendo mais a fazer pelo menos o mínimo pra soltar a dopamina de algo feito kkkk, aí depois voltar e ir melhorando pouco a pouco
literalmente eu aí
eu tbm fico boiando pensando em varias coisas q da para fazer kkk
Oi Rafaella, tudo bem?
Entrei nesse mundo da programação recentemente, e estou acompanhando muito seus vídeos, e gostando muito dos conteúdos.
Se tiver algum conselho para mim ficarei muito agradecido.
incrível como as mulheres ensinam melhor do que alguns homens que vejo por ai, elas são bem mais cuidadosas e caprichadas nos detalhes, fazendo assim a gente entender de maneira bem mais simples, coisas que outras pessoas dificultam para talvez por não procurar dominar o assunto ou ate mesmo por tentar mostrar que a coisa é difícil e com isso valorizar seu ensinamento.
Parabéns Rafa, você ganhou mais um inscrito.
Vey continua com seu canal me ajudou bastante
Justo o que eu precisava!!! Boraa
aeeee!! boa sorte no desenvolvimento!
rafa.. sou iniciante...mal entendo o que vc fala, pois ainda não estou acostumado com a nomenclatura do mundo dev..... um dia chego la... mas vc é tão excitante. te ouço atentamente!
Programei na linguagem Delphi por 10 anos, a 5 estava fora totalmente da área, e agora estou voltando aos poucos e como não lembro de nada, estou iniciando em HTML e CSS. Utilizo o WordPress e elementor é gostei também, mais estou abismado o quanto é legal usar HTML e CSS. Obrigado por postar assuntos importantes assim. ☺️
Boa noite,interessantes as dicas do video,anotadas.Tem um rapaz na minha cidade,q investiu um bocado para aprender a programar.Porem ,ele fracassou e chegou ate a pensar em cometer pulinhos,pulinhos significa:pular da ponte.Qualificaçao e necessario!Portanto,gostaria de te sugerir o filme:Andre ,a cara e a coragem-de -1971,tem no you tube.Enfim,obrigado.
Boas dicas !!! simples ? Sim; mas ótimas para quem está iniciando !!!
Amei o vídeo.
Vai ser incrívelllll!
Parabéns, sucesso muito bom! :D
fui dar um like e vi que já tinha curtido, esperando o botão de like em dobro.
Muito bom seus vídeos, são inspiradores. Estou migrando agora para essa área. Sou apenas um iniciante. Estou adorando! Obrigado pelas informações.
Agradeço Cleonis! 😊
@@rafaellaballerini imagina! 🙂
Parabéns pelo vídeo Rafa! 😊
Obrigada vc!
Gostei das ideias 🎉
Muito importante fazermos nosso portifólio. É o nosso currículo.