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

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 114

  • @serliv
    @serliv  2 роки тому +13

    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
      @sofiaalbuquerque9484 2 роки тому

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

    • @serliv
      @serliv  2 роки тому

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

  • @jacquelinesantos773
    @jacquelinesantos773 2 роки тому +12

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

    • @serliv
      @serliv  2 роки тому

      Muito obrigado pelo feedback Jaqueline. Fico muito feliz em ajudar

  • @Tschope
    @Tschope 2 роки тому +38

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

    • @serliv
      @serliv  2 роки тому +2

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

    • @matheustrbr
      @matheustrbr 2 роки тому +2

      Como faz então?

    • @Tschope
      @Tschope 2 роки тому +4

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

    • @skrzydlat21
      @skrzydlat21 2 роки тому +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
      @andrepoieli8586 Рік тому +3

      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.

  • @haydukieder
    @haydukieder 2 роки тому +5

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

    • @serliv
      @serliv  2 роки тому

      Show. Muito obrigado Eder. Abração

  • @paulojunior4107
    @paulojunior4107 2 роки тому +2

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

    • @serliv
      @serliv  2 роки тому

      Essa é a ideia Paulo. Abraços

  • @davidenglish3801
    @davidenglish3801 Рік тому +3

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

    • @serliv
      @serliv  Рік тому +1

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

    • @lorranetorres6160
      @lorranetorres6160 8 місяців тому

      já já vira fullstack hahaha

  • @fabiokido
    @fabiokido 2 роки тому +5

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

    • @serliv
      @serliv  2 роки тому +4

      Perfeito. Obrigado por lembrar disso. Abraços

  • @MelhorDiariamente.
    @MelhorDiariamente. 2 роки тому +2

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

    • @serliv
      @serliv  2 роки тому

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

  • @guilhermenogueira9579
    @guilhermenogueira9579 2 роки тому +1

    me inscrevi agora mesmo assistindo esse primeiro vídeo agora

    • @serliv
      @serliv  2 роки тому

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

  • @eduardohenriquedeassis9729
    @eduardohenriquedeassis9729 2 роки тому +2

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

    • @serliv
      @serliv  2 роки тому +1

      Seja bem vindo Eduardo

  • @live24hrdia
    @live24hrdia 2 роки тому +1

    Dicas top!
    Ver mais

    • @serliv
      @serliv  2 роки тому +1

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

  • @jonathancostasousa1059
    @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
      @serliv  2 роки тому

      Que bom que está ajudando. Muito obrigado pelo feedback

  • @bartsilva5513
    @bartsilva5513 2 роки тому +1

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

    • @serliv
      @serliv  2 роки тому

      Muito obrigado Bart. Sucesso!

  • @kaboombarl7450
    @kaboombarl7450 2 роки тому

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

    • @serliv
      @serliv  2 роки тому

      Aeee. Obrigado e seja bem vindo

  • @nicolas2T
    @nicolas2T 2 роки тому +5

    q portifólio bonito

    • @serliv
      @serliv  2 роки тому

      E é mesmo. kkkk. Muito obrigado Nicolas

  • @clealb76
    @clealb76 2 роки тому +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

  • @camilac1787
    @camilac1787 2 роки тому +12

    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
      @serliv  2 роки тому +7

      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
      @camilac1787 2 роки тому +3

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

    • @eamax
      @eamax 2 роки тому +15

      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
      @serliv  2 роки тому +12

      @@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
      @charlesconde9752 2 роки тому +2

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

  • @Guii0
    @Guii0 2 роки тому +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
      @serliv  2 роки тому +1

      Sucesso!

    • @Guii0
      @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
      @serliv  2 роки тому +1

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

  • @andrematos6054
    @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
      @serliv  2 роки тому +1

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

  • @josewagno2204
    @josewagno2204 2 роки тому +2

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

    • @serliv
      @serliv  2 роки тому +3

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

  • @warley9142
    @warley9142 Рік тому +2

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

    • @serliv
      @serliv  Рік тому +2

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

  • @thommy_80
    @thommy_80 11 місяців тому +1

    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
      @serliv  11 місяців тому +1

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

  • @WandersonSangreal
    @WandersonSangreal 2 роки тому +5

    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
      @serliv  2 роки тому +3

      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
      @WandersonSangreal 2 роки тому

      @@serliv Opa! Valew pela resposta!

  • @johnny9468
    @johnny9468 Рік тому +3

    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
      @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
      @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
      @serliv  Рік тому

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

  • @maycondouglas3179
    @maycondouglas3179 2 роки тому +11

    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
      @serliv  2 роки тому

      Não entendi muito bem.

    • @lucasmessias4153
      @lucasmessias4153 2 роки тому +3

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

  • @skuraitobi1005
    @skuraitobi1005 2 роки тому +1

    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
      @serliv  2 роки тому

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

  • @antoniooemjr
    @antoniooemjr 2 роки тому +2

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

    • @serliv
      @serliv  2 роки тому +1

      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.

  • @bceg3961
    @bceg3961 2 роки тому

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

    • @serliv
      @serliv  2 роки тому

      É isso ai. Abração

  • @BillRocha
    @BillRocha 2 роки тому +6

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

    • @brunumagalhaes8312
      @brunumagalhaes8312 2 роки тому +7

      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
      @serliv  2 роки тому +7

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

    • @helolorrayne4474
      @helolorrayne4474 2 роки тому +1

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

    • @NeoVitto
      @NeoVitto 2 роки тому +1

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

  • @fabriciofontes4078
    @fabriciofontes4078 2 роки тому +2

    a do pokemon ficou massa

    • @serliv
      @serliv  2 роки тому

      É mesmo Fabricio. Muito obrigado pelo feedback

  • @orodrigosobral
    @orodrigosobral 2 роки тому +2

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

    • @serliv
      @serliv  2 роки тому +2

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

    • @Lucazillaz
      @Lucazillaz 2 роки тому +1

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

  • @mariafalcao8537
    @mariafalcao8537 2 роки тому

    👏

  • @henoque4313
    @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
      @serliv  2 роки тому +1

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

  • @ryanfigueiredoo
    @ryanfigueiredoo Рік тому +2

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

    • @serliv
      @serliv  Рік тому +1

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

  • @xandyads3607
    @xandyads3607 2 роки тому +2

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

    • @serliv
      @serliv  2 роки тому +3

      Oi xandy. Chama-se web developer

  • @wellingtonbrito67
    @wellingtonbrito67 Рік тому +2

    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
      @edicaokss488 Рік тому +1

      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ê

  • @smk07.
    @smk07. 8 місяців тому +2

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

    • @serliv
      @serliv  8 місяців тому +2

      sim. No curso web fundamentos HTML, CSS e Javascript

  • @thiagoaurl
    @thiagoaurl 2 роки тому +1

    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
      @serliv  2 роки тому +1

      dificil responder Thiago. Depende muito. Mas eu tenho alguns videos que podem ajudar a clarear.
      ua-cam.com/video/phg-ZRqcSO4/v-deo.html
      ua-cam.com/video/ciDpu1_0_tI/v-deo.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 ua-cam.com/video/9gmt5qzkLBc/v-deo.html
      Abraços

  • @Fernando_A_Cas
    @Fernando_A_Cas Рік тому +8

    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
      @serliv  Рік тому +6

      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
      @edsonmatheushaas8706 Рік тому +3

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

    • @devRafaelSilva
      @devRafaelSilva Рік тому

      falo muito e falou merda....

    • @DovaniLenares
      @DovaniLenares Рік тому +1

      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
      @devRafaelSilva Рік тому +1

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

  • @edi_santos
    @edi_santos 2 роки тому +6

    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
      @serliv  2 роки тому +3

      medo que que rapaz ?? kkkkkk Vai pra cima 😂

    • @jennifercastro6597
      @jennifercastro6597 Рік тому +3

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

  • @thaylon7448
    @thaylon7448 Рік тому

    Onde consigo essas imagens para colocar no portifólio?

    • @serliv
      @serliv  Рік тому +4

      Procure no google por unsplash, pexels e pixabay... são os que eu mais utilizo, mas tem outros. Abração

    • @felipewolver98
      @felipewolver98 Рік тому

      O site storyset tem essas imagens amigo.

  • @JoseCarlos-dy5tk
    @JoseCarlos-dy5tk 2 роки тому +11

    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
      @serliv  2 роки тому +1

      Valeu José. Obrigado pela mensagem

  • @rayquazaboladao
    @rayquazaboladao 2 роки тому +2

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

    • @serliv
      @serliv  2 роки тому

      tá osso. Preciso resolver isso. Obrigado pelo alerta

  • @charlesconde9752
    @charlesconde9752 2 роки тому +2

    qnt comentário em ingles

    • @serliv
      @serliv  2 роки тому +2

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

    • @skrzydlat21
      @skrzydlat21 2 роки тому +1

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