Vem aprender HTML, CSS e Javascript comigo. SEM MENSALIDADE. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito 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/serlivcursos Linkedin: www.linkedin.com/in/serliv Instagram: instagram.com/serlivcursos Facebook: facebook.com/serlivcursos 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
Estou estudando... e sem dúvidas essa foi a melhor aula que eu assisti... pois a página desenvolvida não é um simples formulário com label e input. Você está de parabéns!
Essa aula parece mágica, fiz um curso que não demonstrou pelo menos o básico de design, ficava todo perdido sem conseguir planejar uma página se quer, mas depois que assisti essa aula foi como se tivesse destravado tudo
Gostei muito da forma que fez esse vídeo. Nós que estamos aprendendo e queremos colocar em pratica o layout que pegamos na internet, ou ate alguns design feito no figma, e da forma como você desmembrou o projeto e foi fazendo a estrutura no html e depois no css ficou muito didatico e assim consegui compreender melhoro aninhamento do html e depois a melhor aplicação do css. Poderia depois desse projeto, nos ensinar a colocar responsivo. Poderia continuar com esses tipos de vídeos com projeto vindo do figma ou até mesmo os projetos pego pela a internet e fazendo nesse estilo que fez nesse vídeo? Estou aguardando a segunda parte desse vídeo. Parabéns pelo belo trabalho! Desde já te agradeço. Forte abraço.
Muito obrigado pela sugestão. A segunda parte já está aqui no canal. Dê uma procurada aqui e me avise se tiver problemas pra encontrar. Mais uma vez, muito obrigado
Excelente vídeo, ótima explicação, muito bom mesmo, diferente de alguns por aí que falam e explicam muito rápido, fazendo as pessoas apenas copiarem o código sem aprender nada.
Parabéns pelo conteúdo... muito bom... está a ser uma grande ajuda como compelmento de estudo ... sou iniciante em html/css/js ... Parabéns mais uma vez!!👍
Prof não sei se vc já tem algum vídeo mas caso não tenha, seria bom ter algum conteúdo explicando oq uma empresa normalmente espera de um profissional iniciante como front end jr. Oq seria cobrado de conhecimento aplicado no mundo real, pq técnicas existem aos montes mas são de níveis de conhecimento e experiência diferentes. Obgd.
Professor o senhor poderia me ajudar? Se eu fosse construir uma aplicação web nesse mesmo modelo que o senhor fez, onde os dados vão vim de uma API e alimentar os gráficos, qual grau de dificuldade e apenas uma estimativa, quantas horas demoraria? Um abração para o senhor!
Já fui demitido de um estágio por essa dificuldade falada no começo do vídeo. Tenho medo de não conseguir outro e estou em mudança de área, tenho 33 anos e sei que o preconceito por idade na hora de procurar emprego no Brasil é absurdo. Por isso, se não conseguir nada aqui, vou direcionar meus esforços pra fora.
Não precisa. Muitas vagas de UI Designer não exigem conhecimento de programação, mas em contra partida exigem bons conhecimentos dos princípios do design além de domínio de ferramentas como Figma, Photoshop, Illustrator ou similares.
Mais comum é achar vagas com UI/UX. Mas aconselho você verificar, na região que mora ou quer trabalhar, o que as vagas estão pedindo. Linkedin é uma boa fonte de consulta. Abraços
Valeu pela grande aula, professor. A propósito, estou estudando também Wordpress com Elementor, mas tendo a consciência que devo aprender também HTML5, CSS e JavaScript. Nessas aulas de Wordpress e Elementor, vejo professores injetando códigos HTML5 e CSS dentro do Elementor e escrevendo a tag important logo após. Aquela sua recomendação de não se usar importante, vale pra Wordpress e Elementor e onde posso encontrar esse vídeo do Sr. falando a respeito?
Oi Rogério. Eu trabalhei muito pouco com wordpress há muito tempo. Em geral, usar o !important como se não houvesse amanhã é prejudicial por questões de manutenção e e principalmente acessibilidade. Vou preparar algo e mandar aqui. Valeu
Professor. Um pouco fora do conteudo da aula. Mas vejo alguns tutoriais ensinando criar menu responsivo com html e CSS. Isso é a melhor prática? Ou devo colocar javascript? Obrigado.
Não precisa necessariamente do Javascript Fernando. Se o projeto não pede, não coloca. O meu menu mesmo no meu site serfrontend.com não tem javascript algum. Abraços
Nesse caso, aconselho desenhar algo primeiro no figma ou até mesmo no papel e caneta. Procure várias referências visuais e depois junte o que mais gostou de cada uma e crie o seu próprio design
@@serliv bom dia mestre, acredito que se você continuar com essa serie de fazer layouts a partir de projetos do figma ja ajuda muito. Da uma olhada nos projetos do BR Challenge acho que seria uma boa! valeu
Os vídeos mais recentes do canal já não possuem música de fundo. Te convido a maratonar os demais vídeos só com o doce e reconfortante tom da minha voz hahahahaha
Eu fico todo perdido nessa parte já sei mt tag em html e css mas essa coisa de dicidir no html eu fico perdido engraçado q já sei tanta tag e fico perdido nessas partes de estruturar ...
Vem aprender HTML, CSS e Javascript comigo. SEM MENSALIDADE. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito
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/serlivcursos
Linkedin: www.linkedin.com/in/serliv
Instagram: instagram.com/serlivcursos
Facebook: facebook.com/serlivcursos
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
To fazendo seu curso da Udemy, ta muito bom!!!
Top demais, comprei e estou muito satisfeito
Estou estudando... e sem dúvidas essa foi a melhor aula que eu assisti... pois a página desenvolvida não é um simples formulário com label e input.
Você está de parabéns!
Muito obrigado pelo feedback Douglas. Forte abraço
Essa aula parece mágica, fiz um curso que não demonstrou pelo menos o básico de design, ficava todo perdido sem conseguir planejar uma página se quer, mas depois que assisti essa aula foi como se tivesse destravado tudo
Boa Carlos. Fico feliz em ajudar. Muito obrigado pelo feedback
Muito bom vídeo. Ajuda muito ver como alguém estrutura e codifica um projeto, mesmo que simples. Gostaria muito de mais vídeos assim.
Opa. Pode deixar Igor. Muito obrigado pela mensagem 😊
Gostei muito da forma que fez esse vídeo.
Nós que estamos aprendendo e queremos colocar em pratica o layout que pegamos na internet, ou ate alguns design feito no figma, e da forma como você desmembrou o projeto e foi fazendo a estrutura no html e depois no css ficou muito didatico e assim consegui compreender melhoro aninhamento do html e depois a melhor aplicação do css. Poderia depois desse projeto, nos ensinar a colocar responsivo.
Poderia continuar com esses tipos de vídeos com projeto vindo do figma ou até mesmo os projetos pego pela a internet e fazendo nesse estilo que fez nesse vídeo?
Estou aguardando a segunda parte desse vídeo.
Parabéns pelo belo trabalho!
Desde já te agradeço. Forte abraço.
Muito obrigado pela sugestão. A segunda parte já está aqui no canal. Dê uma procurada aqui e me avise se tiver problemas pra encontrar. Mais uma vez, muito obrigado
cara que didatica incrivel, a melhor aula que ja assisti
Muito obrigado Luis
Rapaiz! Que vídeo senhores! Que vídeo!
Também tenho duas palavras pra você. Para béns!
hahahaha. Muito obrigado José Augusto. Valeu mesmo
Excelente vídeo, ótima explicação, muito bom mesmo, diferente de alguns por aí que falam e explicam muito rápido, fazendo as pessoas apenas copiarem o código sem aprender nada.
Muito obrigado pelo feedback Mateus. Valeu mesmo
Verdade em outros lugares descubro que existe ai venho aqui e aprendo de verdade, ele é um excelente professor.
@@cleitoncristo214 fiquei muito feliz com seu feedback. Muito obrigado mesmo
eu vi o curso de HMTL, e obrigado pois vc me ensinou a colocar a FIG. na pasta HTML.
Estamos aqui pra aprender !! estamos todos no mesmo barco!
Concordo 100% com isso
Muito bom meu amigo tirou muita dúvida e me deixou mais tranqüilo.
Que notícia boa. Muito obrigado pelo feedback
Parabéns pelo conteúdo... muito bom... está a ser uma grande ajuda como compelmento de estudo ... sou iniciante em html/css/js ... Parabéns mais uma vez!!👍
Boa Filipe. Muito obrigado. Abração
😅😅 mano que alivio, achava que era so eu kkkk
Muito bom conteúdo, espero mais conteúdos assim 👏👏
Muito obrigado :)
É realmente a pressão e o nervosismo atrapalha muita gente, exercício de respiração é bom para se alcançar calma...
Boa. É isso. Muito obrigado por compartilhar
Obrigado pessoas que colocaram comentários no outro!
Kkkkkk. Boa
Prof não sei se vc já tem algum vídeo mas caso não tenha, seria bom ter algum conteúdo explicando oq uma empresa normalmente espera de um profissional iniciante como front end jr. Oq seria cobrado de conhecimento aplicado no mundo real, pq técnicas existem aos montes mas são de níveis de conhecimento e experiência diferentes. Obgd.
Obrigado pela sugestão Leandro. Anotado
Amei!! Ótimo conteúdo 👏❤
Muito obrigado Sabrina. Abraços
Ótima aula professor.
Maravilha Josimar. Muito obrigado
Professor o senhor poderia me ajudar? Se eu fosse construir uma aplicação web nesse mesmo modelo que o senhor fez, onde os dados vão vim de uma API e alimentar os gráficos, qual grau de dificuldade e apenas uma estimativa, quantas horas demoraria? Um abração para o senhor!
Mais uma vez, obrigado professor!
Opa. Imagina. Eu que agradeço pela mensagem
Já fui demitido de um estágio por essa dificuldade falada no começo do vídeo. Tenho medo de não conseguir outro e estou em mudança de área, tenho 33 anos e sei que o preconceito por idade na hora de procurar emprego no Brasil é absurdo.
Por isso, se não conseguir nada aqui, vou direcionar meus esforços pra fora.
Espero ter ajudado com o video
Para ser UI Designer preciso saber Java Script? Ou dá só HTML e CSS? Eu não consigo ir bem em Java Script, detestei !!!
Não precisa. Muitas vagas de UI Designer não exigem conhecimento de programação, mas em contra partida exigem bons conhecimentos dos princípios do design além de domínio de ferramentas como Figma, Photoshop, Illustrator ou similares.
@@serliv Ai q bom!!🙏🙏 Sempre dá pra usar só HTML e CSS? Pra ser UI tem q ser UX tbm ou dá só UI?
Mais comum é achar vagas com UI/UX. Mas aconselho você verificar, na região que mora ou quer trabalhar, o que as vagas estão pedindo. Linkedin é uma boa fonte de consulta. Abraços
@@serliv Obrigado! Sua resposta me ajudou ir direto no ponto onde preciso para começar.
Fantástico !!! Parabéns !!
Obrigado jr melo. Valeu mesmo
quê vídeo excelente, professor pode dar uma analisada na pagina que eu fiz do seu site como exercício?
Opa. Mando o link do GitHub para o insta serlivcursos faz favor
Valeu pela grande aula, professor. A propósito, estou estudando também Wordpress com Elementor, mas tendo a consciência que devo aprender também HTML5, CSS e JavaScript. Nessas aulas de Wordpress e Elementor, vejo professores injetando códigos HTML5 e CSS dentro do Elementor e escrevendo a tag important logo após. Aquela sua recomendação de não se usar importante, vale pra Wordpress e Elementor e onde posso encontrar esse vídeo do Sr. falando a respeito?
Oi Rogério. Eu trabalhei muito pouco com wordpress há muito tempo. Em geral, usar o !important como se não houvesse amanhã é prejudicial por questões de manutenção e e principalmente acessibilidade. Vou preparar algo e mandar aqui. Valeu
Professor. Um pouco fora do conteudo da aula. Mas vejo alguns tutoriais ensinando criar menu responsivo com html e CSS. Isso é a melhor prática? Ou devo colocar javascript?
Obrigado.
Não precisa necessariamente do Javascript Fernando. Se o projeto não pede, não coloca. O meu menu mesmo no meu site serfrontend.com não tem javascript algum. Abraços
@@serliv Entendi. Então não tem uma regra para isso. Obrigado Professor.
Para quem estar aprendendo você recomenda o uso do Chatgpd?
Acho que pode ser usado sim, com algum critério, pois o gpt as vezes responde com respostas erradas ou parcialmente incorretas
Sugestão: Explicar a aula com a tela lado a lado com VScode e a tela do navegador. Mostrando as alterações em tempo real.
é a boa mesmo, tomo um pau em grid
Figma file please ?
Professor, me surgiu uma dúvida. Nesse caso em específico, fazia diferença eu atribuir a altura do body como 100vh ao invés de 100% como o senhor fez.
Pode sim Igor. É outra abordagem. Valeu.
Professor, tbm daria para fazer com Grid Layout, certo?
Com certeza. Esse é o próximo passo
Parabéns
Valeu weverton. Forte abraço
up!
Algo que eu tenho muita dificuldade e em criar layouts, sempre parece que eu estou copiando de alguem e nunca sinto que crio algo realmente autêntico.
Nesse caso, aconselho desenhar algo primeiro no figma ou até mesmo no papel e caneta. Procure várias referências visuais e depois junte o que mais gostou de cada uma e crie o seu próprio design
puts fui tentar fazer o desafio do br challenges da Empire Burger e fiquei horas e horas pra nao conseguir sair nem da nav... foi bem frustrante
Mas calma. É assim mesmo. Tem algo que eu possa fazer pra tentar ajudar?
@@serliv bom dia mestre, acredito que se você continuar com essa serie de fazer layouts a partir de projetos do figma ja ajuda muito. Da uma olhada nos projetos do BR Challenge acho que seria uma boa! valeu
@@carloosbryan Obrigado.
Pra quê essa música de fundo?
Os vídeos mais recentes do canal já não possuem música de fundo. Te convido a maratonar os demais vídeos só com o doce e reconfortante tom da minha voz hahahahaha
Eu fico todo perdido nessa parte já sei mt tag em html e css mas essa coisa de dicidir no html eu fico perdido engraçado q já sei tanta tag e fico perdido nessas partes de estruturar ...
A prática leva a perfeição Leonardo. Siga em frente
As vezes ocorre comigo nossa é muito louco....
Pois é Mônica. É assim mesmo. O segredo é manter a calma .