02 - Análise de Portfolio de Iniciante em FRONT END

Подписаться 42 тыс.

Просмотров 83 тыс.

50% 1

#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....

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

29 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 114

@serliv 2 года назад

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

@sofiaalbuquerque9484 2 года назад

Prof. o senhor é incrível!Comprei semana passada !Super recomendo!⭐️⭐️⭐️⭐️⭐️

@serliv 2 года назад

@@sofiaalbuquerque9484 muito obrigado Sofia. Forte abraço e bons estudos

@fabiokido 2 года назад

Muito bom! Seria legal analisar a responsividade, mesmo sendo algo mais avançado...

@serliv 2 года назад

Perfeito. Obrigado por lembrar disso. Abraços

@Tschope 2 года назад

Alerta de segurança. Deixar o email direto no mailto é virar presa fácil para Spam e talvez scammers.

@serliv 2 года назад

Excelente 👏👏😁. Tem isso também . Muito obrigado pela dica

@matheustrbr 2 года назад

Como faz então?

@Tschope 2 года назад

@@matheustrbr criei uma função em backend de envio de e-mail, usando formulário.

@skrzydlat21 2 года назад

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.

@andrepoieli8586 Год назад

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.

@MelhorDiariamente. Год назад

Tava pesquisando sobre portfólio cai em seu canal já gostei bastante.

@serliv Год назад

Boa. Seja bem vindo ou bem vinda. Sinta-se em casa rs.

@bceg3961 2 года назад

Curti, o meu ta bem fraco, mas to estudando react js pra criar um melhor e atualizado com todos meus projetos.

@serliv 2 года назад

É isso ai. Abração

@BillRocha 2 года назад

PORQUE, diabos, alguém usaria um navegador sem CSS e sem JS?

@brunumagalhaes8312 2 года назад

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.

@serliv 2 года назад

@@brunumagalhaes8312 exatamente. Eu expliquei isso num dos videos de analise de portfolio (não me lembro qual).

@helolorrayne4474 2 года назад

geralmente algumas paginas não carregam direito ai o css as vezes não funciona

@NeoVitto 2 года назад

@@helolorrayne4474 verdade dms, antigamente quando eu usava um computador mais básicão tinha esse problema mt frequentemente

@jacquelinesantos773 2 года назад

A melhor coisa foi conhecer esse canal, sempre com conselhos e dicas excelentes para nós iniciantes 😃

@serliv 2 года назад

Muito obrigado pelo feedback Jaqueline. Fico muito feliz em ajudar

@maycondouglas3179 2 года назад

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.

@serliv 2 года назад

Não entendi muito bem.

@lucasmessias4153 2 года назад

@@serliv acredito eu que: ele se referiu a forma com que você avalia os perfis sem ofender e sendo sincero.

@edi_santos Год назад

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🤦🏻‍♂️.

@serliv Год назад

medo que que rapaz ?? kkkkkk Vai pra cima 😂

@jennifercastro6597 Год назад

eu duvido vc colocar o link do seu portfolio aqui e a gente te ajudar a melhorar ele, o que acha?

@haydukieder 2 года назад

Estava procurando algo que eu pudesse me basear. Gostei da análise.

@serliv 2 года назад

Show. Muito obrigado Eder. Abração

@clealb76 2 года назад

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

@davidenglish3801 10 месяцев назад

Eu sou aprendiz de back-end mas gosto de ver conteúdo de front-end também kkk. É muito bom os dois lados

@serliv 10 месяцев назад

Show. É muito bom ter uma visão mais macro de tudo que norteia nossa profissão. Muito obrigado pela mensagem

@lorranetorres6160 5 месяцев назад

já já vira fullstack hahaha

@antonioemjr 2 года назад

Mestre, o seu curso JavaScript Completo do iniciante ao mestre da a mesma base para web ou back end com js?

@serliv 2 года назад

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.

@camilac1787 2 года назад

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?

@serliv 2 года назад

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

@camilac1787 2 года назад

@@serliv obrigada pela resposta! Independente de olharem isso ou não, vou estudar para deixar meus sites bem escritos 🚀

@eamax 2 года назад

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.

@serliv 2 года назад

@@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

@charlesconde9752 2 года назад

@@eamax excelente saber! Um dia se for chamado pra uma entrevista, colocarei em prática

@ryanfigueiredoo 11 месяцев назад

Desculpe minha ignorância mas qual o sentido de ter algo 'legivel' sem CSS E JS na página? Boa análise.

@serliv 11 месяцев назад

Não precisa se desculpar. Testar um site sem CSS e Javascript estão relacionado à acessibilidade, verificar a semântica do HTML e SEO

@WandersonSangreal 2 года назад

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?

@serliv 2 года назад

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?

@WandersonSangreal 2 года назад

@@serliv Opa! Valew pela resposta!

@warley9142 Год назад

05:26 EU PERCEBI ISSO NO EXATO MOMENTO QUE VOCE ABRIU ESSE SITE, to fazendo esse seu curso la na udemy

@serliv Год назад

Show. Muito obrigado pela mensagem e pela confiança no meu trabalho

@johnny9468 Год назад

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ó.

@serliv Год назад

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

@johnny9468 Год назад

@@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!!!

@serliv Год назад

@@johnny9468 Boa. Esse é o espírito. Abração

@thommy_80 8 месяцев назад

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

@serliv 8 месяцев назад

A questão é avaliar o público-alvo. Se fizer parte do repertório do público, não vejo problemas

@nicolas2T 2 года назад

q portifólio bonito

@serliv 2 года назад

E é mesmo. kkkk. Muito obrigado Nicolas

@paulojunior4107 2 года назад

Vídeo show, dá pra pegar várias dicas de como devo fazer o meu.

@serliv 2 года назад

Essa é a ideia Paulo. Abraços

@Guii0 2 года назад

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.

@serliv 2 года назад

Sucesso!

@Guii0 2 года назад

@@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?

@serliv 2 года назад

@@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.

@eduardohenriquedeassis9729 2 года назад

Muito bom vídeo! Vou acompanhar mais seu canal! Abraço.

@serliv 2 года назад

Seja bem vindo Eduardo

@josewagno2204 2 года назад

Bom dia Daniel tem algum video ensinando a fazer um portfólio passo a passo

@serliv 2 года назад

Ainda não José. Quem sabe no futuro 😉

@orodrigosobral 2 года назад

Bom dia... Qual plug-in que vc desabilita css, js, etc?

@serliv 2 года назад

Bom dia. Eu uso o Web Developer. Abraços

@EGGSTON618 2 года назад

@@serliv no meu não tem essa aba disable

@Fernando_A_Cas Год назад

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 ...

@serliv Год назад

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?

@edsonmatheushaas8706 Год назад

@@serliv é boa ideia classificar os projetos em categorias? por exemplo categoria: projeto de curso, categoria: projeto pessoal fictício

@devRafaelSilva Год назад

falo muito e falou merda....

@DovaniLenares Год назад

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.

@devRafaelSilva Год назад

@@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

@smk07. 5 месяцев назад

Isso tudo é passado no seu curso de Front-End??

@serliv 5 месяцев назад

sim. No curso web fundamentos HTML, CSS e Javascript

@skuraitobi1005 2 года назад

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 😊

@serliv 2 года назад

Obrigado. O nome do plugin é "web developer". Abraços

@bartsilva5513 2 года назад

Dicas super valiosas, estou fazendo notas de tudo, breve vou precisar.

@serliv 2 года назад

Muito obrigado Bart. Sucesso!

@guilhermenogueira9579 2 года назад

me inscrevi agora mesmo assistindo esse primeiro vídeo agora

@serliv 2 года назад

Aeeee. Muito obrigado pela inscrição e confiança no canal. Video novo todo sábado. Grande abraço

@kaboombarl7450 2 года назад

Acabei de conhecer o canal, já vou seguir parabéns pelo trabalho!

@serliv 2 года назад

Aeee. Obrigado e seja bem vindo

@jonathancostasousa1059 2 года назад

Que bacana. Esses projetos estão me dando animo pra voltar a estudar programação, e estou gostando bastante de seu conteúdo.

@serliv 2 года назад

Que bom que está ajudando. Muito obrigado pelo feedback

@live24hrdia 2 года назад

Dicas top! Ver mais

@serliv 2 года назад

Opa. Muito obrigado. Veja que temos uma playlist aqui no canal só com esse tipo de análise.

@fabriciofontes4078 2 года назад

a do pokemon ficou massa

@serliv 2 года назад

É mesmo Fabricio. Muito obrigado pelo feedback

@rayquazaboladao 2 года назад

Quantos bots nesse vídeo, ainda bem que meu canal é pequeno, então não tenho que lidar com isso

@serliv 2 года назад

tá osso. Preciso resolver isso. Obrigado pelo alerta

@mariafalcao8537 Год назад

👏

@henoque4313 2 года назад

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???

@serliv 2 года назад

qual a url Henoque? separe com espaços pro YT não bloquear seu comentário, ok? Aguardo

@JoseCarlos-dy5tk 2 года назад

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

@serliv 2 года назад

Valeu José. Obrigado pela mensagem

@wellingtonbrito67 Год назад

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.

@edicaokss488 Год назад

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ê

@xandyads3607 2 года назад

ola, queria saber o nome desta extensão que desabilitou o css, extensão do Chrome

@serliv 2 года назад

Oi xandy. Chama-se web developer

@thiagoaurl 2 года назад

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!

@serliv 2 года назад

dificil responder Thiago. Depende muito. Mas eu tenho alguns videos que podem ajudar a clarear. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-phg-ZRqcSO4.html ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ciDpu1_0_tI.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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9gmt5qzkLBc.html Abraços

@charlesconde9752 2 года назад

qnt comentário em ingles

@serliv 2 года назад

Pois é. Não sei o que está havendo :(

@skrzydlat21 2 года назад

Je vais mettre un come en français, seulement pour vous laisser perdu

@andrematos6054 2 года назад

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.

@serliv 2 года назад

Muito obrigado pelo feedback André. Fico muito feliz em saber que estou ajudando de alguma forma