- 413
- 2 352 650
Mayk Brito
Brazil
Registrace 17. 09. 2006
🚀 +14 mil alunos @rocketseat
✨ Transforme sua vida através da programação
✨ Transforme sua vida através da programação
Criando limites dinâmicos de seção com JavaScript
Curso gratuito de programação WEB
↪discover.maykbrito.dev
Este vídeo ensina como implementar limites dinâmicos de sessão em programação web usando JavaScript. Você aprenderá a definir e controlar o topo e fundo de sessões, permitindo uma experiência de usuário mais fluída e interativa em seu site. Ideal para desenvolvedores web que desejam melhorar a organização e a funcionalidade de suas páginas utilizando técnicas avançadas de JavaScript.
- [00:00](czcams.com/video/_dWDU8yJzTw/video.html) 📜 Um menu pode mudar automaticamente com base na seção visível durante o scroll da aplicação.
- [02:09](czcams.com/video/_dWDU8yJzTw/video.html) 🎯 É possível marcar visualmente a seção atual de um site com uma classe específica usando JavaScript.
- [03:21](czcams.com/video/_dWDU8yJzTw/video.html) 🛠️ Monitorar o scroll da janela é fundamental para ativar o menu com base na seção visível.
- [05:12](czcams.com/video/_dWDU8yJzTw/video.html) 🖋️ Criar uma "linha alvo" virtual pode ajudar a determinar quando uma seção específica deve ser marcada como ativa no menu.
- [08:38](czcams.com/video/_dWDU8yJzTw/video.html) 🧮 Usar offsetTop e offsetHeight ajuda a calcular precisamente a posição e tamanho das seções em relação ao scroll.
- [11:27](czcams.com/video/_dWDU8yJzTw/video.html) 🛠️ A sessão termina quando o elemento passa da linha alvo definida.
- [12:49](czcams.com/video/_dWDU8yJzTw/video.html) 🧩 Os limites da sessão são determinados pelo topo e fundo do elemento.
- [14:11](czcams.com/video/_dWDU8yJzTw/video.html) 📊 Para encontrar o item de menu associado a uma sessão, use o ID da sessão como referência.
- [16:02](czcams.com/video/_dWDU8yJzTw/video.html) 🧭 Cuidado ao usar seletores CSS para encontrar elementos com IDs dinâmicos.
- [17:12](czcams.com/video/_dWDU8yJzTw/video.html) 📌 Sempre vincule corretamente os IDs de âncora no HTML para navegação interna.
Mais conteúdo?
↪ maykbrito.dev
↪discover.maykbrito.dev
Este vídeo ensina como implementar limites dinâmicos de sessão em programação web usando JavaScript. Você aprenderá a definir e controlar o topo e fundo de sessões, permitindo uma experiência de usuário mais fluída e interativa em seu site. Ideal para desenvolvedores web que desejam melhorar a organização e a funcionalidade de suas páginas utilizando técnicas avançadas de JavaScript.
- [00:00](czcams.com/video/_dWDU8yJzTw/video.html) 📜 Um menu pode mudar automaticamente com base na seção visível durante o scroll da aplicação.
- [02:09](czcams.com/video/_dWDU8yJzTw/video.html) 🎯 É possível marcar visualmente a seção atual de um site com uma classe específica usando JavaScript.
- [03:21](czcams.com/video/_dWDU8yJzTw/video.html) 🛠️ Monitorar o scroll da janela é fundamental para ativar o menu com base na seção visível.
- [05:12](czcams.com/video/_dWDU8yJzTw/video.html) 🖋️ Criar uma "linha alvo" virtual pode ajudar a determinar quando uma seção específica deve ser marcada como ativa no menu.
- [08:38](czcams.com/video/_dWDU8yJzTw/video.html) 🧮 Usar offsetTop e offsetHeight ajuda a calcular precisamente a posição e tamanho das seções em relação ao scroll.
- [11:27](czcams.com/video/_dWDU8yJzTw/video.html) 🛠️ A sessão termina quando o elemento passa da linha alvo definida.
- [12:49](czcams.com/video/_dWDU8yJzTw/video.html) 🧩 Os limites da sessão são determinados pelo topo e fundo do elemento.
- [14:11](czcams.com/video/_dWDU8yJzTw/video.html) 📊 Para encontrar o item de menu associado a uma sessão, use o ID da sessão como referência.
- [16:02](czcams.com/video/_dWDU8yJzTw/video.html) 🧭 Cuidado ao usar seletores CSS para encontrar elementos com IDs dinâmicos.
- [17:12](czcams.com/video/_dWDU8yJzTw/video.html) 📌 Sempre vincule corretamente os IDs de âncora no HTML para navegação interna.
Mais conteúdo?
↪ maykbrito.dev
zhlédnutí: 727
Video
Um uso bem útil do CSS Scroll Snap
zhlédnutí 1,4KPřed 2 hodinami
Curso gratuito de programação WEB ↪discover.maykbrito.dev Descrição: Neste vídeo, aprenda como corrigir problemas de rolagem usando CSS e Scroll Snap. Vamos explorar passo a passo as técnicas necessárias para garantir que seu chat do CZcams exiba corretamente as mensagens, mantendo uma experiência de usuário fluida e eficiente. Ideal para desenvolvedores iniciantes e intermediários que desejam ...
Você entende bem o “this” do JS em Funções Construtoras ou Classes?
zhlédnutí 1,9KPřed 4 hodinami
Curso gratuito de programação WEB ↪discover.maykbrito.dev - [00:14](czcams.com/video/lnoYgkUc5Wc/video.html) 🏭 Factory é uma alternativa à função construtora que não usa a palavra chave `new` e retorna um objeto, simplificando a criação de múltiplos objetos. - [00:57](czcams.com/video/lnoYgkUc5Wc/video.html) 📚 Classes em JavaScript são uma maneira moderna de criar objetos, utilizando a palavra ...
Explicando sistema de módulos no JavaScript (organização e escalabilidade de código)
zhlédnutí 5KPřed 7 hodinami
Curso gratuito de programação WEB ↪discover.maykbrito.dev [00:00](czcams.com/video/ePGzhdjrIWs/video.html ) 📦 O sistema de módulos em JavaScript é crucial para organização e escalabilidade de código. - [01:21](czcams.com/video/ePGzhdjrIWs/video.html) 🔄 Módulos permitem reutilização de código em diferentes partes ou projetos, melhorando a manutenção. - [02:32](czcams.com/video/ePGzhdjrIWs/video....
Como começar um projeto de programação (dicas, tecnologias, bancos de dados..)
zhlédnutí 958Před 9 hodinami
Curso gratuito de programação WEB ↪discover.maykbrito.dev Neste vídeo, você aprenderá os fundamentos essenciais para escolher as melhores tecnologias, incluindo bancos de dados como MySQL, PostgreSQL e MongoDB, para seus projetos de programação. Descubra como avaliar as necessidades do seu projeto, entender as diferenças entre tecnologias e tomar decisões informadas para garantir o sucesso desd...
O que você deve fazer sendo engenheiro de software (e erros que precisa evitar)
zhlédnutí 1,2KPřed 12 hodinami
Curso gratuito de programação WEB ↪discover.maykbrito.dev Descubra as melhores práticas e conselhos valiosos para engenheiros de software neste vídeo informativo. Abordaremos 10 erros comuns que todo desenvolvedor deve evitar, desde o perfeccionismo até a importância da refatoração constante. Aprenda como equilibrar a busca pela excelência com a necessidade de entrega rápida, e descubra insight...
Como enviar commits para a branch dev no Git (de um jeito fácil)
zhlédnutí 1KPřed 16 hodinami
Curso gratuito de programação WEB ↪discover.maykbrito.dev Explore a essência das branches no Git e domine o processo de envio de commits para a Branch Dev com facilidade. Este vídeo prático e informativo desvenda os segredos do fluxo de trabalho eficiente com Git, destacando a importância da Branch Main e a finalização adequada do processo. Aprenda estratégias práticas, passos essenciais para a...
Passo a passo para criar um site perfeito (da inspiração ao código)
zhlédnutí 3,3KPřed 19 hodinami
Passo a passo para criar um site perfeito (da inspiração ao código)
Bordas estilizadas com efeito hover e fundo transparente em CSS
zhlédnutí 1,9KPřed 21 hodinou
Bordas estilizadas com efeito hover e fundo transparente em CSS
htmx no desenvolvimento web (menos tempo e mais eficiência!)
zhlédnutí 7KPřed dnem
htmx no desenvolvimento web (menos tempo e mais eficiência!)
Desafios comuns e soluções para programadores iniciantes
zhlédnutí 1,2KPřed dnem
Desafios comuns e soluções para programadores iniciantes
Carreira internacional e Desafios Iniciais para um Dev
zhlédnutí 581Před dnem
Carreira internacional e Desafios Iniciais para um Dev
Otimize sua Aplicação com Web Workers em JavaScript
zhlédnutí 4,9KPřed 14 dny
Otimize sua Aplicação com Web Workers em JavaScript
Dicas para montar o currículo ideal (e quais ERROS evitar)
zhlédnutí 928Před 14 dny
Dicas para montar o currículo ideal (e quais ERROS evitar)
Explicando o Uglify (segurança no JavaScript e obfuscation)
zhlédnutí 4,1KPřed 14 dny
Explicando o Uglify (segurança no JavaScript e obfuscation)
O que você precisa saber para arrumar um emprego como dev (meus conselhos)
zhlédnutí 798Před 14 dny
O que você precisa saber para arrumar um emprego como dev (meus conselhos)
Testando o Monkey Patching: como modificar comportamentos em tempo real
zhlédnutí 934Před 14 dny
Testando o Monkey Patching: como modificar comportamentos em tempo real
Resolvendo problemas com issues no GitHub?
zhlédnutí 928Před 21 dnem
Resolvendo problemas com issues no GitHub?
Testando Astro Actions: segurança e eficiência no back-end
zhlédnutí 800Před 21 dnem
Testando Astro Actions: segurança e eficiência no back-end
Estilizando Itens de Menu [Navegação] com CSS e JavaScript
zhlédnutí 3,6KPřed 21 dnem
Estilizando Itens de Menu [Navegação] com CSS e JavaScript
Como funciona o Docker? (explicação SIMPLES)
zhlédnutí 4,3KPřed 21 dnem
Como funciona o Docker? (explicação SIMPLES)
Explicando o JavaScript por baixo dos panos (event loop, call stack, event queue)
zhlédnutí 4,3KPřed 21 dnem
Explicando o JavaScript por baixo dos panos (event loop, call stack, event queue)
Que formação eu preciso ter para trabalhar fora?
zhlédnutí 818Před 21 dnem
Que formação eu preciso ter para trabalhar fora?
Explicando o assicronismo no JavaScript (na prática)
zhlédnutí 6KPřed 28 dny
Explicando o assicronismo no JavaScript (na prática)
É possível treinar o racionício lógico?
zhlédnutí 1,5KPřed 28 dny
É possível treinar o racionício lógico?
Gerenciando fluxo de tarefas de um jeito inteligente (tickets urgentes)
zhlédnutí 1,2KPřed měsícem
Gerenciando fluxo de tarefas de um jeito inteligente (tickets urgentes)
Metodologia de estudos para devs (+ AULA GRATUITA)
zhlédnutí 4,5KPřed měsícem
Metodologia de estudos para devs ( AULA GRATUITA)
Qual a relevância da faculdade na carreira dev? (MINHA OPINIÃO)
zhlédnutí 1,6KPřed měsícem
Qual a relevância da faculdade na carreira dev? (MINHA OPINIÃO)
Usando funções construtoras NA PRÁTICA em JS
zhlédnutí 7KPřed měsícem
Usando funções construtoras NA PRÁTICA em JS