Тёмный
Web Online Desenvolve
Web Online Desenvolve
Web Online Desenvolve
Подписаться
Bem-vindo ao nosso canal de front end para iniciantes em programação web! Nós criamos exemplos, modelos e ideais para inspirar pessoas em seus estudos e projetos. Nosso objetivo é ajudar a desenvolver habilidades e fornecer conteúdo personalizado com front end e back end para estilizar seus projetos e contribuir para o desenvolvimento profissional.

Aqui você encontrará tutoriais passo a passo sobre HTML, CSS, JavaScript e muito mais. Também oferecemos dicas e truques sobre como aprimorar suas habilidades de codificação e como criar projetos impressionantes com um design incrível.

Nosso objetivo é ajudar você a construir a base de conhecimentos necessária para criar aplicativos e sites, além de oferecer suporte em suas jornadas de aprendizado. Estamos sempre atualizando nosso conteúdo com as últimas tendências e tecnologias, e estamos aqui para ajudá-lo a aprender e crescer em sua carreira.

Junte-se a nós e comece a criar hoje mesmo!
Como integrar CSS em uma página HTML? #aula01
3:03
7 месяцев назад
Como fazer load com Html e Css
2:41
2 года назад
Como fazer box-shadow | HTML e CSS
8:32
2 года назад
📚Como fazer animação HTML e CSS
8:18
2 года назад
📚Como fazer card com HTML e CSS
7:42
2 года назад
Como Fazer Menu Circular |  Html e Css
14:49
2 года назад
Como Fazer Tooltips Com HTML e CSS
7:00
2 года назад
COMO FAZER MENU HAMBURGUER  CSS
12:17
2 года назад
Como  Fazer Menu Sidebar  |  Html e Css
15:28
2 года назад
Cards com Efeito Hover  com  html e Css
9:46
2 года назад
Комментарии
@Vossa_Majestade
@Vossa_Majestade 2 дня назад
Um dúvida? So com a página do index.html você introduziu Css? Pq eu pensei que tinha que criar páginas separafas
@thescriptkiddie
@thescriptkiddie 5 дней назад
Olha eu voltando aqui de novo 1 ano depois kkkkkkkkkkkkk salvou denovo cara, valeu
@kaahgonzaga1727
@kaahgonzaga1727 17 дней назад
consegui fazer
@canaljesusnazareno
@canaljesusnazareno 25 дней назад
Poxa, fiz de tudo e não deu certo, depois copiei o código no Git e mesmo assim o painel do cadastro não centraliza e a imagem não aparece.
@kyootta
@kyootta Месяц назад
e o site como é que faz
@eo_railson09
@eo_railson09 2 месяца назад
o meu ta com problema dizendo pra verificar o log , alguem sabe oque pode ser?
@matheusaugusto2456
@matheusaugusto2456 2 месяца назад
Ok, preciso pensar em outra profissão
@Lethal9862
@Lethal9862 3 месяца назад
como faz pra deixar esse painel embaixo atualizando
@byn7990
@byn7990 3 месяца назад
Gente o meu botão ficou em cima do site ksksksk tipo literalmente 😢 não deu certo
@kaua4279
@kaua4279 4 месяца назад
Que foda
@creationeducacao2673
@creationeducacao2673 4 месяца назад
WordPress só clicar e arrastar
@Levi21_05
@Levi21_05 5 месяцев назад
Comecei a mês passado um curso de html5 e css3, tenho 14 anos e pretendo ano que vem fazer um curso de Java script e Python, adoro programar e aprender essas linguagens diversas, espero que de tudo certo no ramo.
@WebOnlineDesenvolve
@WebOnlineDesenvolve 4 месяца назад
Olá @Levi21_05, aprenda um pouco a cada dia, o mais importante é continuar persistindo, mesmo nos momentos em que tudo parece difícil, porque a cada linha de código que você escreve, cada problema que você resolve, te leva um passo mais perto do seu objetivo. Faça exercícios e aprimore suas habilidades com treino constante. E adicione nos seus estudos lógica de programação .
@Levi21_05
@Levi21_05 4 месяца назад
@@WebOnlineDesenvolve valeu pelas dicas mano tmj
@brunomacena7927
@brunomacena7927 5 месяцев назад
Ficou muito bom, parabéns
@planetadosjogos837
@planetadosjogos837 5 месяцев назад
Mano é fácil fazer 1 botão?
@tiagofeliciano7859
@tiagofeliciano7859 5 месяцев назад
Top
@brunomacena7927
@brunomacena7927 5 месяцев назад
incrível, parabéns!!!
@mscllopes
@mscllopes 5 месяцев назад
É para mostrar que você sabe ou para ensinar? Está tão rápido que não dá para acompanhar.
@PeacefulGuyAgain
@PeacefulGuyAgain 5 месяцев назад
Moça da IA: O que é lixo no codigo? Devs: 💩 Code review de novo?
@WebOnlineDesenvolve
@WebOnlineDesenvolve 5 месяцев назад
Olá @PeacefulGuyAgain , o termo "lixo" no código refere-se a partes desnecessárias, ineficientes, redundantes ou não utilizadas do código-fonte. São trechos de código que não contribuem para a funcionalidade do programa ou estão comentados e não têm mais utilidade. Por exemplo: // Código desnecessário // const unusedVariable = 10; // function unusedFunction() { // return "Hello, world!"; // } Elas podem ser consideradas "lixo" e devem ser removidas para manter o código limpo e fácil de entender. São partes do código que podem ser otimizadas para melhorar o desempenho ou reduzir o consumo de recursos do sistema. São trechos de código que se repetem ou realizam a mesma tarefa de forma desnecessária. Se houver outra função semelhante, seria redundante ter ambas as funções. Em vez disso, uma única função poderia ser usada com um parâmetro para especificar o fator de multiplicação. Quando um programador faz alterações no código para adicionar funcionalidades ou corrigir problemas, ele pode adicionar novas linhas de código que acabam não sendo utilizadas. Se o programador adicionou uma variável durante o desenvolvimento, mas depois decidiu não usá-la, ele deve removê-la do código para evitar confusão e manter o código limpo. Em resumo, o "lixo" no código pode prejudicar a legibilidade, o desempenho e a manutenção do programa. Portanto, é importante identificar e remover essas partes desnecessárias para manter um código limpo, eficiente e fácil de dar manutenção. Como desenvolvedores, todos nós cometemos erros. Às vezes, uma alteração no código pode introduzir um bug ou quebrar uma funcionalidade existente. Nesses casos, é essencial poder reverter para uma versão anterior do código que funcione corretamente. Em resumo, o versionamento é importante para a capacidade de reverter alterações quando necessário. É uma prática recomendada em todos os projetos de desenvolvimento de software, independentemente do tamanho ou da complexidade.
@MarcoAurelio-cm8tx
@MarcoAurelio-cm8tx 6 месяцев назад
Muito bom! Obrigado por compartilhar conhecimento.
@klaus4485
@klaus4485 6 месяцев назад
ótimo vídeo👏
@gabrielgv73
@gabrielgv73 6 месяцев назад
É top de mais 😍
@pinemotors2530
@pinemotors2530 6 месяцев назад
Não aparece a opção live server no meu extensões
@WebOnlineDesenvolve
@WebOnlineDesenvolve 6 месяцев назад
Olá @pinemotors2530, existem outras extensões similar a 'Live Server - Ritwick Dey'. A extensão 'Live Preview' da 'Microsoft' e a 'Live Server Preview' você consegue abrir seu projeto dentro do Visual Studio Code.
@gabrielandrade616
@gabrielandrade616 6 месяцев назад
Cara ,você pode fazer os vídeos um pouco mais devagar ou disponibilizar o código por favor?
@kleber.lourenco3251
@kleber.lourenco3251 6 месяцев назад
Preciso aprender inglês pra isso?
@WebOnlineDesenvolve
@WebOnlineDesenvolve 6 месяцев назад
Olá @kleber.lourenco3251, não é necessário aprender inglês para aprender programação, no começo sempre é um pouco confuso, pois a sintaxe das linguagens de programação é baseada em Inglês e a semântica em Português. A semântica se refere ao significado das instruções e expressões em um programa. Enquanto a sintaxe define como as instruções devem ser escritas, a semântica determina o que essas instruções realmente fazem. Mas com a prática você aprende e consegue dominar.
@kleber.lourenco3251
@kleber.lourenco3251 6 месяцев назад
@@WebOnlineDesenvolve tá bom, obrigado pelo seu tempo
@Fabio_Henrique.
@Fabio_Henrique. 7 месяцев назад
Como é que faz pra ver em tempo real os código funcionando? É com extensão? (Estou aprendendo agora)
@WebOnlineDesenvolve
@WebOnlineDesenvolve 6 месяцев назад
Olá @Fabio_Henrique, No Visual Studio Code, existem várias extensões que você pode instalar, como por exemplo: 'Live Server - Ritwick Dey', a extensão 'Live Preview' da 'Microsoft' e a 'Live Server Preview', para visualizar o código dentro do editor. "Uma dica importante: não hesite em tirar dúvidas. Em qualquer fase do aprendizado, buscar esclarecimento é fundamental."
@AnaTamirespaiva
@AnaTamirespaiva 7 месяцев назад
Top
@cleidson9299
@cleidson9299 7 месяцев назад
obrigado amigo, me ensinou coisas da qual eu não sabia
@DanielWilker
@DanielWilker 7 месяцев назад
um simples botão... tecnologia atrasada d+
@junioalves5054
@junioalves5054 7 месяцев назад
Vc ensina ,tem tutoriais?
@WebOnlineDesenvolve
@WebOnlineDesenvolve 6 месяцев назад
Olá @junioalves5054 , no canal existem vários tutoriais.
@welleruchoamartins
@welleruchoamartins 7 месяцев назад
E vai é afundar esse teclado?
@victorpetrick9843
@victorpetrick9843 7 месяцев назад
Obg
@tiagofeliciano7859
@tiagofeliciano7859 7 месяцев назад
Muito bom....
@William_Afton383
@William_Afton383 7 месяцев назад
É no visual Studio code?
@WebOnlineDesenvolve
@WebOnlineDesenvolve 7 месяцев назад
Olá @margaridalima666, é no Visual Studio Code
@matheusmatosaraujo4846
@matheusmatosaraujo4846 7 месяцев назад
Porque eu me sinto um burro vendo esse vídeos😢
@WebOnlineDesenvolve
@WebOnlineDesenvolve 7 месяцев назад
Olá @matheusmatosaraujo4846, por mais difícil que pareça, estude que você vai conseguir.
@matheusmatosaraujo4846
@matheusmatosaraujo4846 7 месяцев назад
@@WebOnlineDesenvolve valeu cara, tu muito gente boa
@AnaTamirespaiva
@AnaTamirespaiva 7 месяцев назад
👏👏👏
@iseeyourdeath
@iseeyourdeath 8 месяцев назад
Top
@JonasBarbosa.net.
@JonasBarbosa.net. 8 месяцев назад
esse som de fundo não me é estranho 🤔
@hudsonpstrdmoura
@hudsonpstrdmoura 8 месяцев назад
so quem sabe o quanto ganha um cara avançado de html sabe o quão rico deve ser esse cara
@mariadenazare3495
@mariadenazare3495 9 месяцев назад
Muito bom 🎉🎉
@NiltonOliv
@NiltonOliv 9 месяцев назад
How to make text animation rotate like a globe.
@NiltonOliv
@NiltonOliv 8 месяцев назад
I took an example and made some modifications and it worked.
@Felpopinho
@Felpopinho 9 месяцев назад
Achei paia o rotate, mas ficou muito bom
@Carlos.Soares
@Carlos.Soares 9 месяцев назад
Obrigado 🙏
@valorizecadamomento
@valorizecadamomento 9 месяцев назад
Bacana viu.
@thucoribeiro5010
@thucoribeiro5010 10 месяцев назад
Q site ou aplicativo
@thucoribeiro5010
@thucoribeiro5010 10 месяцев назад
Estou começando a programar não sei ND tô procurando desesperado alguma coisa q me salvel
@WebOnlineDesenvolve
@WebOnlineDesenvolve 7 месяцев назад
Olá @thucoribeiro5010 , o editor de código-fonte é o Visual Studio Code
10 месяцев назад
Muito show..
@gabrieldantas804
@gabrieldantas804 10 месяцев назад
Consegui reproduzir, mas não ficou girando que nem o dele. Não consigo identificar o erro 😂
@WebOnlineDesenvolve
@WebOnlineDesenvolve 8 месяцев назад
Olá @gabrieldantas804, no button tem uma classe chamada de 'btn' ela tem o efeito :hover que serão ativados quando o usuário passar o mouse sobre o botão no vídeo o exemplo foi o seguinte: .btn:hover{ transform: scale(1.5)rotate(360deg); }
@ContaDesnecessária-d6y
@ContaDesnecessária-d6y 10 месяцев назад
Qual o nome do site que você usa?
@WebOnlineDesenvolve
@WebOnlineDesenvolve 7 месяцев назад
Olá @user-pw7yq8yw6o, o editor de código-fonte é o Visual Studio Code
@AlexMoretti
@AlexMoretti 10 месяцев назад
*eu olhando isso em público fingindo entender tudo*
@lucaspereira1189
@lucaspereira1189 10 месяцев назад
Desculpe eu sou iniciante nesse meio , Mais gostaria de saber como vc abriu 2 botão no Html so que na hora de estilisar foi como se tivesse sido apenas 1 ? Tipo vc colocou 2 botão nesse processo porem na hora de arrumar no css não foi duplicado , Ficou apenas 1 vc arrumando . Acho que deu pra entender minha duvida né ??? Se puder me responder eu agradeço ...
@WebOnlineDesenvolve
@WebOnlineDesenvolve 8 месяцев назад
Olá @lucaspereira1189, para esse exemplo foi criado uma <div> com classe com nome botão e dentro dela foi criado um button com uma classe chamada de 'btn'. A <div> foi estilizada para alinhar os elemento e a classe 'btn' para tamanho, cor, fonte, espessura , transição e efeito de sombra no botão e hover com uma escala de rotação.
@lucaspereira1189
@lucaspereira1189 10 месяцев назад
Claro Que o Html Juntamente com o JavaS para montar um site são fundamentais concerteza , Porém na minha humilde opinião mesmo o CSS não sendo considerada como linguagem de programação ela é a mais importante para o front End trabalhar na hora de montar um site . Que linguagem complexa por conta de muitosss detalhes e da quantidade de linkamentos que trmos que fazer . Isso confunde muitoooooooo a mente ! Mais que video Foda slko . Gostaria muito de vc me dar algumas dicas seria foda aprender mais contigo mano ...