ฝัง
- เผยแพร่เมื่อ 29 ก.ย. 2024
- #webdev #inspiração #carreira
Esbarrei no perfil do LinkedIn da Gabriela Souza que está iniciando na carreira de desenvolvimento front-end e pude conferir o portfolio que a Gabriela criou.
Nesse vídeo eu conto o que eu achei do trabalho dela e dou algumas sugestões que podem ajudar/inspirar outros profissionais que estão iniciando na área de programação frontend.
QUER TER SEU PORTFOLIO ANALISADO AQUI NO CANAL? Preencha esse formulário
forms.gle/JPLK...
🔴 Cursos Premium
🎯 CURSO Web Design Fundamentos. Aprenda HTML CSS e Javascript: serfrontend.co...
🎯 CURSO Javascript Completo:
serfrontend.co...
🌟 Links comentados no vídeo e outros interessantes 🌟
📺 PLAYLIST: Introdução ao GIT e Github
• Introdução ao GIT e Gi...
✅ 01 - Analisando Portfolio de Iniciante em FRONT END
• 01 - Analisando Portfo...
✅ 5 dicas para criar um portfolio para front-end mesmo sem experiência anterior.
• 💡 5 dicas para criar u...
✅ Como praticar HTML e CSS
• Como praticar HTML e CSS
✅ EXCELENTE Técnica para Aprender Lógica de Programação MAIS FÁCIL e Programar Sozinho(a) #01
• EXCELENTE Técnica para...
✅ A Melhor Forma para Aprender a PROGRAMAR sozinho(a). (para iniciantes em lógica de programação) #02
• A Melhor Forma para Ap...
✅ Dificuldades com JavaScript? Aprenda a fazer Testes de Mesa
• Dificuldades com JavaS...
✅ O que estudar para conseguir o primeiro emprego como dev front-end
• O que estudar para con...
✅ Minha experiência como programador front-end
• Minha experiência como...
✅ [OPINIÃO] O Programador dependente
• [OPINIÃO] O Programado...
CRÉDITOS
gabrielaguaru....
Curso Web Design Fundamentos. Aprenda HTML CSS e Javascript: serfrontend.com/cursos/web-fundamentos-html-css/index.html
Curso Javascript Completo:
serfrontend.com/cursos/javascript-completo/index.html
Outros links que podem ser interessantes:
Blog: serfrontend.com/blog/
Meus cursos: serfrontend.com/cursos/
Canais em redes sociais:
Twitter: twitter.com/serfrontend
Linkedin: www.linkedin.com/in/serfrontend
Instagram: instagram.com/serfrontendcursos
Facebook: facebook.com/serfrontend
Instrutor: Daniel Tapias Morales
Twitter: twitter.com/tapmorales
Linkedin: www.linkedin.com/in/daniel-tapias-morales-87145621/
Medium: medium.com/@tapmorales
Github: github.com/tapmorales
Prof. o senhor é incrível!Comprei semana passada !Super recomendo!⭐️⭐️⭐️⭐️⭐️
@@sofiaalbuquerque9484 muito obrigado Sofia. Forte abraço e bons estudos
Muito bom! Seria legal analisar a responsividade, mesmo sendo algo mais avançado...
Perfeito. Obrigado por lembrar disso. Abraços
Alerta de segurança. Deixar o email direto no mailto é virar presa fácil para Spam e talvez scammers.
Excelente 👏👏😁. Tem isso também . Muito obrigado pela dica
Como faz então?
@@matheustrbr criei uma função em backend de envio de e-mail, usando formulário.
A quantidade que tem de caso de ransomware por causa de e-mail aberto por funcionários que não entende o perigo que estar correndo.mandou bem avisando a galera.
Falou e disse, minha esposa uma vez deixou o email dela exposto, ficou meses recebendo spam, de uma pessoa dizendo que observava ela e estava querendo dinheiro se não ia postar coisas dela na internet e bal blá, levamos na polícia e o policial disse que era apenas spamers que ficam extorquindo pessoas dizendo que tem dados sensíveis das pessoas. Mas e tudo falso. Porém até a pessoa entender isso já aconteceu MTA coisa.
Tava pesquisando sobre portfólio cai em seu canal já gostei bastante.
Boa. Seja bem vindo ou bem vinda. Sinta-se em casa rs.
Acabei de conhecer o canal, já vou seguir parabéns pelo trabalho!
Aeee. Obrigado e seja bem vindo
Curti, o meu ta bem fraco, mas to estudando react js pra criar um melhor e atualizado com todos meus projetos.
É isso ai. Abração
PORQUE, diabos, alguém usaria um navegador sem CSS e sem JS?
o principal é a página estar bem estruturada para acessibilidade, questão para leitores de tela. Isso conta muito para os motores de busca. Ele falou no vídeo.
@@brunumagalhaes8312 exatamente. Eu expliquei isso num dos videos de analise de portfolio (não me lembro qual).
geralmente algumas paginas não carregam direito ai o css as vezes não funciona
@@helolorrayne4474 verdade dms, antigamente quando eu usava um computador mais básicão tinha esse problema mt frequentemente
Isso tudo é passado no seu curso de Front-End??
sim. No curso web fundamentos HTML, CSS e Javascript
pode parecer algo bobo mas ter um bom português é importante. na animação dela tem redundância "Eu Sou" . Sou Gabriela Souza seria perfeito
Valeu José. Obrigado pela mensagem
A melhor coisa foi conhecer esse canal, sempre com conselhos e dicas excelentes para nós iniciantes 😃
Muito obrigado pelo feedback Jaqueline. Fico muito feliz em ajudar
Deve ser muito difícil fazer uma analise realista e sincera, para não ofender a dona(o) do portfolio, mas a intenção é muito boa.
Não entendi muito bem.
@@serliv acredito eu que: ele se referiu a forma com que você avalia os perfis sem ofender e sendo sincero.
Gostei, mas agora deu medo..rs Não tenho nem roupa pra passar vergonha perante essa multidão de nerds.. 😂 o da moça da de 500 a zero na minha produção..kk🤦🏻♂️.
medo que que rapaz ?? kkkkkk Vai pra cima 😂
eu duvido vc colocar o link do seu portfolio aqui e a gente te ajudar a melhorar ele, o que acha?
Estava procurando algo que eu pudesse me basear. Gostei da análise.
Show. Muito obrigado Eder. Abração
Sou desebcolvedor java e csharp mexo no layout tbem mais acho chato angular react faco o arroz com feijao na tela para aparecer o que esta descrito projeto.
Mais layoit ta bastante trabalho tbem
Eu sou aprendiz de back-end mas gosto de ver conteúdo de front-end também kkk. É muito bom os dois lados
Show. É muito bom ter uma visão mais macro de tudo que norteia nossa profissão. Muito obrigado pela mensagem
já já vira fullstack hahaha
Mestre, o seu curso JavaScript Completo do iniciante ao mestre da a mesma base para web ou back end com js?
O curso é focado em javascript puro e aborda tanto frontend quanto backend. Na parte de backend nós fazemos um sistema simples, que é uma lista de tarefas com nodejs e mongodb. Eu dou as bases necessárias pra depois vc continuar os estudos tanto com node, quanto com mongo, se este for seu objetivo.
Olá! Estou adorando suas dicas de portfólio! Fiquei com uma dúvida, será que os recrutadores desabilitam o JS para ver o comportamento do site?
Não sei se os recrutadores desabilitam, mas se seu site funcionar mesmo sem javascript, é um bom indício que está bem escrito. Não é regra, mas sim uma forte probabilidade. E sim, se o recrutador mais técnico olhar o seu código, a forma de escrita será levada em consideração
@@serliv obrigada pela resposta! Independente de olharem isso ou não, vou estudar para deixar meus sites bem escritos 🚀
Depende do que ele ta buscando, no meu caso a gente estava procurando pessoas que conseguissem deixar html organizado, semântico e não exagerava no uso dos elementos pra criar coisas simples.
Então eu olhava se a página não tinha problemas visuais, olhava o responsivo e olhava a organização do codigo.
Por último olhavamos os commits no repositorio do github pra saber como a pessoa é organizada.
@@eamax Olha que depoimento rico. Muito obrigado por compartilhar conosco e quem sabe ajudar a quem está começando. Quando eu vejo esse tipo de colaboração, eu só vejo relação ganha-ganha, ou seja, é bom para os dois lados. Mais uma vez, obrigado
@@eamax excelente saber!
Um dia se for chamado pra uma entrevista, colocarei em prática
Desculpe minha ignorância mas qual o sentido de ter algo 'legivel' sem CSS E JS na página? Boa análise.
Não precisa se desculpar. Testar um site sem CSS e Javascript estão relacionado à acessibilidade, verificar a semântica do HTML e SEO
Achei curiosa a colocação de que sem JavaScript e sem CSS, o conteúdo tem que estar acessível... e no caso de SPA, ou de aplicações que bloqueiam a utilização sem o JavaScript?
Eu gravei um outro video de análise de portfolio que detalho um pouco mais essa questão. Ainda não está disponível no canal, mas em breve estará. Peço que acompanhe os videos para mais detalhes (será o próximo vídeo de analise de portfolio, ou seja, a parte 5). Além disso, essa análise sem javascript e css não é necessária em todos os projetos. Como uma SPG ou aplicações web. Mas um site institucional ou uma landing page talvez seja importante essa análise, ok?
@@serliv Opa! Valew pela resposta!
05:26 EU PERCEBI ISSO NO EXATO MOMENTO QUE VOCE ABRIU ESSE SITE, to fazendo esse seu curso la na udemy
Show. Muito obrigado pela mensagem e pela confiança no meu trabalho
Uma pergunta meio ignorante da minha parte acho, mas vejo os portifólios já de cara com opção de scroll e já da pra ver o conteúdo todo "scrollando", mas é errado fazer um portifólio onde eu escondo as sections e mostro o conteúdo somente quando a pessoa clica no item desejado ?? ex: Ao clicar em "sobre" eu oculto via Javascript a section "home" e vice e versa... como se não mostrasse todas as sections numa pagina só.
Acho que não há um regra, depende do projeto e do resultado esperado. Eu só fico "cabreiro" se a página depender do javascript para funcionar. Pois em algum momento o javascript pode quebrar, tornando o conteúdo inacessível
@@serliv opa, obrigado pelo retorno Daniel!! entendi, no meu caso é meio que o contrario quando desativo o Js aparece tudo porém tudo sobreposto kkk (claro que com o css ativo, desativando o css ai fica tudo na tela certinho) porque a função de ocultar a section some e ai fica tudo misturado na tela, estou engatinhando ainda e vou tentar acertar ao maximo, muito obrigado pela dica amigo, um abraço!!!
@@johnny9468 Boa. Esse é o espírito. Abração
Oi Daniel
O que você pensa sobre misturar ingles com português?
Sei que quase todos nós ja acostumamos com o Home que poderia ser Início (como esta no projeto da Gabriela doa vingadores), mas tem também o scroll down e isso me gerou esaa duvida
A questão é avaliar o público-alvo. Se fizer parte do repertório do público, não vejo problemas
q portifólio bonito
E é mesmo. kkkk. Muito obrigado Nicolas
Vídeo show, dá pra pegar várias dicas de como devo fazer o meu.
Essa é a ideia Paulo. Abraços
Eu tenho alguns projetos simples desenvolvidos em HTML e CSS, design feito pelo Iuricode, o desenvolvimento da página eu realizei. Comecei a aprender Javascript ontem.
Sucesso!
@@serliv Cara tava acompanhando teu canal e decidi comprar teu curso de javascript. Estou aliando isso ao conteúdo ensinado na FreeCodeCamp e no Grasshopper, acha isso uma boa?
@@Guii0 Muito obrigado pela confiança. Acredito que você pode ir estudando em paralelo sim. Mas se achar que mais confunde do que ajuda, procure focar em apenas um.
Muito bom vídeo!
Vou acompanhar mais seu canal!
Abraço.
Seja bem vindo Eduardo
Bom dia Daniel tem algum video ensinando a fazer um portfólio passo a passo
Ainda não José. Quem sabe no futuro 😉
Bom dia... Qual plug-in que vc desabilita css, js, etc?
Bom dia. Eu uso o Web Developer. Abraços
@@serliv no meu não tem essa aba disable
Hoje em dia ta muito complicado esses novos programadores , usam o conteúdo do aprendizado como portfólio, eu estudo também , mas jamais faria isso, fica meio na cara a falta de noção da realidade... As coisas que se aprende em curso jamais devem ir iguais para um portfólio, isso mostra falta de independência e criatividade, imagine alguém que avalia candidatos, ver varias vezes nondia essas mesmas página padrão de portfólio, geradas em curso? pode te derrubar ...
concordo. Mas eu acho que, desde que fique claro que é um projeto feito num curso, pode até incluir enquanto não tem outros trabalhos. Uma vez que novos projetos forem desenvolvidos, esse que foram feitos ou baseados em cursos podem ir sendo removidos aos poucos. O que vc acha dessa abordagem?
@@serliv é boa ideia classificar os projetos em categorias? por exemplo categoria: projeto de curso, categoria: projeto pessoal fictício
falo muito e falou merda....
Depende, se você está se candidatando como um estagiário ou júnior, é nítido que você está aprendendo com os cursos, mostra coisas que você é capaz de fazer, em alguns casos até comprova que você realmente faz os cursos que você anexa por aí, por outro lado uma pessoa que não põe outros projetos desenvolvidos por si, pode dar indícios da falta de criatividade e independência assim como você citou, por isso é importante que ao fazer projetos de cursos caso queira utilizá-los deve implementar seu próprio estilo e lógica e aos poucos vai fazendo trabalhos autônomos e ir postando, pra diferenciar.
Mas realmente, parece ser muito preocupante abrir um portfólio e só ter projetos repetidos.
@@DovaniLenares sabe tem que pegar esses sites aí que tem na Internet e copiar tudo igual só muda as logo para não pegar direitos autorais e já era melhor treinamento é esse
Que máximo, conheci seu canal agora e já estou amando, gostaria de saber o nome desse plugin do navegador que vc usou para desabilitar o css e o js. ótimo trabalho 😊
Obrigado. O nome do plugin é "web developer". Abraços
Dicas super valiosas, estou fazendo notas de tudo, breve vou precisar.
Muito obrigado Bart. Sucesso!
me inscrevi agora mesmo assistindo esse primeiro vídeo agora
Aeeee. Muito obrigado pela inscrição e confiança no canal. Video novo todo sábado. Grande abraço
Que bacana. Esses projetos estão me dando animo pra voltar a estudar programação, e estou gostando bastante de seu conteúdo.
Que bom que está ajudando. Muito obrigado pelo feedback
Dicas top!
Ver mais
Opa. Muito obrigado. Veja que temos uma playlist aqui no canal só com esse tipo de análise.
a do pokemon ficou massa
É mesmo Fabricio. Muito obrigado pelo feedback
Quantos bots nesse vídeo, ainda bem que meu canal é pequeno, então não tenho que lidar com isso
tá osso. Preciso resolver isso. Obrigado pelo alerta
👏
Boa Tarde eu queria tirar uma dúvida sobre o github Pages por que no meu quando posto um repositório sempre que vou olhar o site mesmo colocando tudo certo as imagens do site nunca aparecem e sempre fico sem sites e projetos pra fazer meu próprio portfólio tem alguma Luz ai pra mim???
qual a url Henoque? separe com espaços pro YT não bloquear seu comentário, ok? Aguardo
Alguém pode me tirar uma dúvida? No conteúdo escrito, pode está diretamente escrito no arquivo HTML ou seria algo que demonstra muito amadorismo? Nesse caso, seria necessário criar algo parecido com uma API? Estou estudando Front End e tenho pouco conhecimento sobre todo o ecossistema web.
Pode não demonstra amadorismo, porem, o que demonstra amadorismo e a organização da estrutura html, por isso e sempre bom separar certinho com tags, e também usar as tags semânticas para ficar mais claro a leitura do código. Eu também estou estudando, porém, o Front End eu já meio que dominei. Boa sorte pra você
ola, queria saber o nome desta extensão que desabilitou o css, extensão do Chrome
Oi xandy. Chama-se web developer
Descobri seu canal faz meia hora e já fui bombardeado de conteúdo TOP, feliz por ter te encontrado!
Uma pergunta: É melhor fazer cursos separados como: HTML, depois de concluído: CSS e assim por diante e isso já valerá futuramente para me candidatar numa vaga de emprego ou é melhor fazer uma faculdade tecnóloga de 1,5 anos e simultaneamente a faculdade ir estudando html, css, javascript etc?
obrigado!
dificil responder Thiago. Depende muito. Mas eu tenho alguns videos que podem ajudar a clarear.
th-cam.com/video/phg-ZRqcSO4/w-d-xo.html
th-cam.com/video/ciDpu1_0_tI/w-d-xo.html
Se concluir que quer fazer primeiro um curso online, peço que dê uma chance para o meu curso web fundamentos (HTML, CSS e JS) que você pode ver no meu site serfrontend.com/cursos/
Sobre conseguir o emprego, eu dei minha opinião nesse vídeo aqui th-cam.com/video/9gmt5qzkLBc/w-d-xo.html
Abraços
qnt comentário em ingles
Pois é. Não sei o que está havendo :(
Je vais mettre un come en français, seulement pour vous laisser perdu
Esse é o melhor canal para quem está inciando a carreira, sem sombras de dúvidas. Explica de uma forma simples e muito facíl de entender.
Muito obrigado mesmo ! Toda vez que venho aqui, eu aprendo alguma coisa que me ajuda a desenvolver melhor.
Muito obrigado pelo feedback André. Fico muito feliz em saber que estou ajudando de alguma forma
Onde consigo essas imagens para colocar no portifólio?
Procure no google por unsplash, pexels e pixabay... são os que eu mais utilizo, mas tem outros. Abração
O site storyset tem essas imagens amigo.