Como fazer um portfólio do ZERO com HTML, CSS e JavaScript [Pt.1]

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

КОМЕНТАРІ • 73

  • @CanalStackCode
    @CanalStackCode  Рік тому +5

    Galera, esse é o link da nossa comunidade no Discord!
    discord.com/invite/6yPmWyXmBq
    Lá a gente tira duvidas, falamos sobre carreira, vagas e networking.
    Espero vcs la! 🚀🔥

  • @williaw_lira
    @williaw_lira 7 місяців тому +1

    Ajudou a criar um portifólio e ainda ensinou todo o básico e intermediário de um curso de dev. Parabéns, ótimo esse conteúdo.

  • @jeffersonaraujo6703
    @jeffersonaraujo6703 Рік тому +9

    Cara muito bom, sensacional quando o cara explica cada detalhe do que faz, muito melhor pra quem tá aprendendo👏meus parabéns, fazia tempo que tava procurando algo do tipo 👏👏

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

      É mto bom saber que o conteúdo agregou valor!
      Parabéns pela dedicação mano!
      Vai p/ cima! 🚀

  • @izaack22
    @izaack22 6 місяців тому

    cara, recentemente comprei um curso de Dev. bem +/- q é até bem completinho e tal, mas a forma de ensinar dele é bem controversa as veze. em uma aula ele mostrava como fazer colunas em html e na outra ele mostra uma pagina completa de e-commerce que tinha java e bootstrap. em uma aula como essa q tinha 20 minutos eu ficava 1h e 30min pra pelo menos entender alguma coisa. ate que superei isso e consegui acompanhar ele melhor mas com muita dificuldade ainda, até chegar no atual momento que precisava criar meu portfolio e tava desenrolando absolutamente nada sozinho e piorova quando voltava nas aulas do curso, até que, achei essa live maravilhosa sua, cara. meus parabens e mt obg por ter feito isso, consegui desenrolar meu primeiro portfolio e engatar pra fazer outros projetos por causa de voce. obg dms cara, c é foda!

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

    estou fazendo meu primeiro portfólio como um trabalho da faculdade, já tinha um conhecimento prévio de HTML e CSS portanto a aula foi MUITO boa mesmo com os engasgos que muita gente reclamou, agradeço demais por compartilhar esse conhecimento gratuitamente!

    • @CanalStackCode
      @CanalStackCode  10 місяців тому

      Obrigado pelo comentário @Guizera!
      Espero q o conteúdo agregue valor p/ vc!

  • @Tiago-uj8sh
    @Tiago-uj8sh Рік тому +1

    Cara com 30 min de video ja estou vindo aqui comentar que o vídeo está muito bom ! vc ensina muito bem, ficou bem detalhado ! Valeu !

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

      Fala Tiago!
      Vlw man, bom demais saber que o conteúdo tem ajudado pessoas!
      Só agradecimentos. 🙏
      Tmj! 👊

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

    Parabéns adorei a sua aula bem detalhado e aprendi tecla de atalho e me ajudou no portfólio do curso muito obrigado pelo seu tempo e dedicação Deus abençoe 🙌👍

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

      Eu que agradeço!
      Fico feliz demais em ajudar!

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

    Muito bom! Parabéns pela didática.💯

  • @FernandoRomão-w7p
    @FernandoRomão-w7p 7 місяців тому

    Parabéns pelo vídeo, excelente!!!

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

    Cara estou aprendendo e muito nas suas explicações top 👏👏👏

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

    Conteúdo muito bom!

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

    Ganhou um inscrito pelo fato de explicar muito bem.

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

    Valeu, cara! conteúdo rico!

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

    matou a pau, se eu tivesse visto isso no começo tinha me resolvido grande partes dos meus problemas com css kkkkk vlw

  • @felipevieira9368
    @felipevieira9368 22 дні тому

    Pra quem nao esta consigo fazer com que os links do github e do linkedin sejam clicaveis , é so colocar um pointer-events: none; no .person-background::after que funciona , tmj , espero que tenho ajudado .

  • @RoseaneDasilva-gp6on
    @RoseaneDasilva-gp6on 8 місяців тому

    ensina muito bem

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

    Fala Ivo beleza meu irmão? parabéns pelo vídeo, pela aula, mais um inscrito pra fortalecer!

  • @matheusdabross3939
    @matheusdabross3939 10 місяців тому

    Video muito bom e muito bem explicativo!

    • @CanalStackCode
      @CanalStackCode  10 місяців тому +1

      Vlw irmão! Fico feliz de saber que o conteúdo está sendo útil!

    • @matheusdabross3939
      @matheusdabross3939 10 місяців тому

      Ta sim, vou usá-lo para criar meu portfólio, seguindo teu video,@@CanalStackCode .

    • @CanalStackCode
      @CanalStackCode  10 місяців тому

      @@matheusdabross3939 vai pra cima mano, se precisar de alguma coisa, chama la no insta! 🚀

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

    ficou mt bom cara, parabéns pelo conteúdo

  • @gabrielsantosdeoliveira4626
    @gabrielsantosdeoliveira4626 6 місяців тому

    Conteúdo Maravilhoso Ivojr

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

    ola Ivo tudo bem? aonde vc iria disponibilizar o codigo do portifolio?

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

    Muito bom, parabénss!!!

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

      Continua trazendo conteúdos bons assim

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

      @@JP_Dados vlw o feedback, com certeza vou trazer!

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

    Você criou 3 H1 (min 21) ?
    Sempre ouvi dizer que uma página não deve ter mais que um H1 na mesma página,por questão de boas práticas

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

      É... Eu esperei ele chegar nesse tempo que vc mencionou pra perceber o pq ele fez isso... Eu entendi a intensão dele, mas está errado, ele usou a tag "h1" para criar o título da hero section do site dele, e como ele queria que fossem linhas diferentes ele acabou por usar 3 vezes o "h1", mas semanticamente está errado, pois há formas melhores de fazer isso, afinal, apesar de aparecer bem pouco hj em dia, existe uma tag que quebra linha (tag "br" ), sem mencionar o fato de que ele poderia ter modificado via css...
      Semântica no html é extremamente importante, principalmente qd se trata de mecanismos de pesquisa(como o Google)

  • @LucasRS_
    @LucasRS_ 10 місяців тому

    Show!!

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

    Obrigada, me ajudou muito!

  • @RoseaneDasilva-gp6on
    @RoseaneDasilva-gp6on 8 місяців тому

    você é top

  • @MatheusLima-em8hl
    @MatheusLima-em8hl Рік тому +1

    parabens pela aula, ainda n terminei mas to gostando mt. vc disponibiliza o código? ta tendo uns gargalos ai não deu p acompanhar algumas coisinhas, queria fazer correção com o meu

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

      Vlw pelo elogio man. Alguns gargalos foram por conta da internet na transmissão ao vivo.
      Mas enfim, todos os meus contatos, bem como o github do código, estão na terceira aula.
      Qlqr dúvida, é só me chamar man.

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

    gostaria de saber aonde pegou as logos, pois estou tentando achar uma padrão à estas com o símbolo do ''gmail'' e não consigo encontrar. poderia me ajudar?

    • @CanalStackCode
      @CanalStackCode  10 місяців тому

      Fala Milena, tranquilo?!
      As imagens eu peguei no font awesome.
      Vc pode colocar os ícones de sua preferência.

  • @PedroFrança-i4e
    @PedroFrança-i4e 11 місяців тому +1

    Opa, na hora de atrelar o link na imagem do GitHub, Linkedin e instagram, não fica clicável porém quando eu dou um zoom na tela boto ela pra uns 200% aparece a tela toda desorganizada, porém tem como clicar, o que pode ser?

    • @CanalStackCode
      @CanalStackCode  10 місяців тому

      Fala user, tranquilo irmão?!
      Olha, talvez vc tenha se enganado na hora de referenciar alguma classe. Certifique que os nomes das classes estão corretas e que a hierarquia de tags la no HTML esteja de acordo, blz?!
      Se vc n conseguir, me chama no insta que a gente desenrola juntos!

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

    Olá boa noite, não consegui vê a descrição do código tem algum link?

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

      O código está no github. Eu passei o link na terceira aula.
      O link é esse aqui:
      Github: github.com/Ivo-Jr/portfolio-ivojr

  • @amerjonas
    @amerjonas Рік тому +5

    Gravação do vídeo com muitas falhas

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

    Bom dia Ivo jr, fiz o caminho do mesmo jeito que você fez porém, a animação de aparecer o nome não funciona no meu. Poderia me ajudar?

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

      Claro, marcos, me procura no meu instagram e a gente resolve isso juntos, blz? @_ivo.jr

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

      o mesmo aconteceu comigo, e estou precisando de uma ajuda

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

      @marcos, conseguiu resolver o seu?

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

      @@erikbarbosa3369 me fala mais detalhadamente o que está acontecendo man, ou me procura lá no insta q eu respondo mais rápido! @_ivo.jr

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

      @@CanalStackCode consegui solucionar o problema

  • @matheuseduardom.m90
    @matheuseduardom.m90 9 місяців тому

    Minha imagem ficou oval, da foto, e ta tudo igual, to achando o erro não

    • @CanalStackCode
      @CanalStackCode  9 місяців тому

      Fala Mateus, tranquilo??
      Eita, que estranho! Certifique q vc tenha feito como na aula e teste outra imagem.
      Veja aí e me chama depois!

    • @matheuseduardom.m90
      @matheuseduardom.m90 9 місяців тому

      @@CanalStackCode Boa tarde tarde Ivo, troquei a imagem e foi, era só isso. Como to começando agora ter em mente que as proporções das imagens é realmente importante e acabei esquecendo desse detalhe, mas mesmo assim, muito obrigado.

  • @carlosjunior2087
    @carlosjunior2087 10 місяців тому

    cara meus links não funcionam dentro do section, oque fazer?

    • @CanalStackCode
      @CanalStackCode  9 місяців тому

      Fala Carlos, tranquilo?!
      Me chama no insta. Eu te ajudo melhor por la

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

    Didática ótima, pena que tava travando demais.

    • @CanalStackCode
      @CanalStackCode  10 місяців тому

      Fala Rodolfo, só agradecimento!
      Pois eh irmão, nesse dia a net não cooperou mto, mas fico feliz que tenha agregado valor p/ vc.
      Tmj man!

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

    29:03 como fez pra fazer isso?

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

      Cara, para colocar um comentário daquele jeito no HTML, vc digita o "alt" + "shift" + "A". Daí tudo o que estiver digitado dentro desse intervalo, o vscode não vai executar no código.
      Agr para copiar uma linha inteira e colar em outro lugar, é só dar um "CTRL" + "C" em qlqr lugar da linha, (SEM SELECIONAR NENHUMA PALAVRA) e dar um "CTRL" + "V" num lugar desejado.

  • @juliorezende301
    @juliorezende301 6 місяців тому

    imagem asnsigo pegaOnao C - Brasil |

  • @bracana2023
    @bracana2023 10 місяців тому

    Quem quiser ensina pelo youtube,tem que esta disponivel para responder ao povo.

  • @dwluciomartins
    @dwluciomartins 10 місяців тому

    Caro amigo,
    O seu portfólio está muito bom para um iniciante, mas ainda precisa de ajustes para se destacar diante dos olhares de clientes exigentes. Difilcimente alguem vai confiar no trabalho desse dev do projeto! Procure ofereceer algo de mais presenca e qualidade.

  • @lih-BR
    @lih-BR Рік тому +1

    travou bastante o vídeo

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

      Fala Lih, tudo bem?! Verdade! Nesse dia a internet não colaborou muito comigo!
      Mas depois confere esse vídeo aqui, acho que ficou bem melhor e acredito que vc gostaria bastante:
      ua-cam.com/video/BsxGMdwFSPU/v-deo.html