Criando PORTFÓLIO Web responsivo DO ZERO [+ SORTEIO]

[@Sam-Abyz]

A garota de programa mais braba, manda MUUITO! Está agregando bastante em meus estudos, só agradece.

[@kipperdev]

Ahahaha valeu Samuel! Fico feliz que os conteúdos tem te ajudado 💜

[@kipperdev]

Ahahaha valeu Samuel! Fico feliz que os conteúdos tem te ajudado 💜

[@smartpaulo0176]

"Garota de programa" kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk

[@znkdev]

51:37 eu prefiro usar 'rem', pois quando pega em px do figma, é só fazer o tamanho em px / pela base, tipo 32px / 16px = 2rem, eu acredito que fique mais responsivel assim... geralmente uso px hoje apenas pra limite de tela, max-width: 1280px por exemplo.

[@isseihyoudou5522]

o único problema com o uso de pixels, é que ele não escala com o zoom no navegador pixels - estático rem = relativo ao tamanho da fonte do navegador (a fonte do navegador muda de acordo com o zoom da página) em = relativo ao tamanho da fonte de seu elemento pai

[@MrPaulinho1564]

Aí Fêe, tava assistindo tua live, e está simplesmente sensacional o conteúdo, continua por favor, tá me ajudando muito, sou especializado em BackEnd Java, e estou aperfeiçoando o FrontEnd pra ter mais noção dos dois lados, você tem me ajudado muito, Você é incrível! Sucessssoo! 😘

[@guilhermeventurimdev]

Bem legal esse projeto. Fernanda Kipper, obrigado por disponibilizar seu tempo e conhecimento. Conteúdo excelente. Agora vou procurar aprender react e ts, já que não consegui publicar na hospedagem e não conseguir fazer a "build", vou pesquisar mais sobre.

[@znkdev]

35:18 - esse é o meu principal motivo de usar somente e apenas tailwind agora, além de ser muuuuito mais rápido, não fico 5 minutos em cada div, escolhendo nome de classe mais.. rsrs

[@desneurado]

Tailwind polui o código com aquele tanto de classe fica ilegível, tailwind deveria ser banido da face da terra rsrs

[@znkdev]

@@desneurado concordo e discordo, sem falar que o que eu fazia com css/sass/scss... em 10 minutos, com tailwind faz em 3. É muito eficiente. Mas gosto é gosto... Sobre poluir, eu achava isso, mas depois que acostuma, chega dar ate coceira de ter que ficar nomeando classe e mudando de arquivo.. Pra mim compensa demais! Muito mais prós do que contras.

[@thiagobicalholuz]

Você ajuda muito nós iniciantes. Obrigado e Parabéns

[@andrenevesjunior5714]

Top Fê parabéns pelo conteúdo e carisma!

[@luiny375]

você é minha inspiração, Fê

[@edenilsoncarmo2083]

Estava procurando e achei muito obrigado! Já me inscrevi no canal e habilitei o sininho!!!

[@kipperdev]

Obrigadaaaa Edenilson!! Espero que goste do canal 💜💜

[@dhirandaniel2771]

Oi Fê, vi que você usou algumas extensões do VSCode, poderia fazer um video ou dizer sobre quais você usou? Pois acho que ajudaria muito

[@kipperdev]

Oii Dh, claro posso fazer um vídeo sim! Lá meu insta ja compartilhei algumas caso você queira dar uma olhada 😊 instagram.com/reel/CmoeAYRJ1Po/?igshid=MzRlODBiNWFlZA== instagram.com/reel/CtRxPLDAwdl/?igshid=MzRlODBiNWFlZA==

[@miltonneto2817]

Suas aulas são perfeitas.

[@kipperdev]

Muito obrigadaa, Milton 😃

[@denneraladim6190]

O css do componente sass não teria que por anderline na frente do nome ?

[@jjfrankenstein]

show Fernanda, arrasou ! vlw d+

[@kipperdev]

Que bom que gostouu 💜

[@DevSttrong]

oei fé, nao consigo mandar ele pro meu figma os portfolio da dribble . vc tem algum video explicando ou me dar uma sugestão

[@denneraladim6190]

o sass do css não teria colocar com o nome module ?

[@denneraladim6190]

NO Next Utilizando o SASS deve criar uma variável criando um arquivo .scss ou no global colocar -- e o nome da variável ?

[@Procastinandu]

Oi! Só uma dúvida, passei pro github e hospedei no netlify... mas aparece página não encontrada, erro 404.

[@LenitaMartins-rs5zh]

valeu!!!! vc é braba!!

[@andersongomes4138]

!ef que crio um interface pre pronta é um estenção ? se sim qual ?

[@kipperdev]

É uma extensão que eu criei! marketplace.visualstudio.com/items?itemName=FernandaKipper.reactcodesnippets

[@gabrielarcanjo9084]

Usar Sass ou Styled Components? (sou iniciante em react)

[@kipperdev]

Tem muita questão de gosto quando falamos de CSS e frameworks. Mas eu prefiro SASS por ser o que costumo utilizar no meu trabalho

[@robsonjesus2977]

Muito bom gostei bastante. Aonde está o repositório do git desse projeto ?

[@kipperdev]

Obrigada Robson!! Aqui o link do repositório :) github.com/Fernanda-Kipper/portfolio-project

[@joaovictor4535]

Fernanda ainda nao estou no seu nível mas gostaria de saber uma coisa onde vc aprendeu, ou quais cursos vc viu para fazer essa integração entre o next, react e sass

[@kirkezada]

tem na descrição amigo

[@CardosoCM-z6z]

Sou estudante Angolano, acho que a aula vai ser boa, mas vai ter back-end?

[@denneraladim6190]

como você colocou a sua foto no circulo ?

[@mundo_todo]

Olá! Primeiramente quero lhe agradecer pelos conteúdos passados aqui no seu canal. Estou iniciando na área e fiquei com uma pulga atrás da orelha no sentido de como você conseguiu colocar um ícone diretamente no código HTML? Tentei copiar lá do Figma e colar no VSCode mas não consegui. Você pode me explicar como faço? Obrigado!

[@henriquereis5253]

É um crime assistir esse conteúdo e não sentar o dedo no like

[@kipperdev]

Ahahahah 💜

[@toggz901]

Realmente ❤

[@edenilsoncarmo2083]

Olá, Fernanda! Estou com dificuldade na parte em que você faz o npm run dev o meu está dando erro: npm error A complete log of this run can be found in: C:\Users\Cliente\AppData\Local pm-cache\_logs\2024-07-18T21_11_52_440Z-debug-0.log obrigado!

[@sarasilva4279]

Ai fer como vc está ?me da help, que recurso é esse que vc usou para para configurar os arquivos e as linguagens via terminal ?

[@jean_cl]

npm amigo, só dar um 'npm create-next-app' aí ele vai te dazendo as perguntas pra configurar, tem que ter o node instalado, claro!

[@Arthur_CPB]

Não consigo saber como ela fez pra criar tantas paginas assim, tao rapido, não entendi qual cmd ela usou

[@darklordsupremo]

Qual o tema do vscode fe? (Muito estiloso)

[@kipperdev]

Oii, é o Emerald versão Dark 😊

[@Junior.Apeles]

47:02

[@denneraladim6190]

Podia fazer um video explicado a media querie de um site responsivo ?

[@kipperdev]

Oii, @denneraladim6190. Ótima ideia! Vou anotar ela aqui para trazer em algum vídeo

[@GabrielRodrigues-gb2zs]

ola Fê, estou querendo montar um portfolio e tenho essas habilidades que estão nesse template do figma, posso montar em cima desse exemplo seu usando esse projeto?

[@kipperdev]

Claro! Pode sim 😊 O objetivo com esse vídeo era justamente ajudar com ideias e mostrar como executar pra vocês criarem os portfólios de vocês!

[@joaoppedro_]

alguém sabe qual tema ela usa?

[@thiagomorais6263]

Os emojis. Não estão saíndo no meu

[@jorgemamani4667]

Muito foda seu videos ou!!!!

[@lucasprimo17]

pra uso no portfólio, é de boa utilizar fotos de perfil assim, num estilo mais casual, tanto quanto uma foto mais formal, estillo mais coporativo?

[@CodeTecMusic]

Like e inscrito Fernandinha.

[@suportetisejel5450]

didatica maravilhosa

[@kipperdev]

Valeuu! 💜

[@fabiocoelho3603]

LINDA

[@reinaldocouto7964]

E os projetos? Não deveria aparecer no portifólio?

[@reidosmemes112]

nossa vc é linda. com todo respeito

[@znkdev]

Gente l, mas ela fala certo o "pixeis" assim como pastel e pastéis

[@jucijuicy]

eu não acostumo de jeito nenhum, acho mt estranho kkkk só penso como "pixels"

[@znkdev]

@@jucijuicy eu também acho estranho, mas até onde ja conversei com pessoas, realmente o correto é pixeis. acho que fica mais estranho pq estamos "abrasileirando" a palavra pixel.

[@MauricioFelipe-ec4rr]

Solteira?

[@alisonoliveira-wz2bk]

primeiro

[@Aracnideo.]

E daí mano?1

[@RateOfChange]

Ganhou o que com isso?

[@thiagodazona]

@@Aracnideo. qual a necessidade de querer acabar com a alegria de alguem? Te fez melhor?

[@greywolf6931]

Corinthians precisando de goleiro e o CASSIO aqui programando

[@paulomatheus_]

Não sei se o KZbin me recomendou esse vídeo por causa da programação ou por causa do Cássio estar saindo hj 😅😅