quinta-feira, 13 de novembro de 2025
sábado, 8 de novembro de 2025
domingo, 21 de setembro de 2025
quarta-feira, 17 de setembro de 2025
terça-feira, 16 de setembro de 2025
segunda-feira, 15 de setembro de 2025
terça-feira, 9 de setembro de 2025
segunda-feira, 8 de setembro de 2025
sexta-feira, 5 de setembro de 2025
quinta-feira, 28 de agosto de 2025
quarta-feira, 27 de agosto de 2025
sexta-feira, 25 de julho de 2025
sexta-feira, 6 de junho de 2025
quarta-feira, 4 de junho de 2025
segunda-feira, 19 de maio de 2025
CSS - Bike Animada 2 (SCSS)
Vamos fazer outra bike animada com HTML+CSS+SCSS
O que é SCSS?
SCSS (Sassy CSS) é uma sintaxe do Sass, que é um pré-processador CSS. Ele adiciona funcionalidades poderosas que não existem no CSS puro, facilitando a escrita, manutenção e escalabilidade do código.
Com SCSS, você pode usar:
- Variáveis: para armazenar valores reutilizáveis como cores, fontes e tamanhos.
- Aninhamento: para organizar melhor os seletores, simulando a estrutura HTML.
- Mixins: blocos de código reutilizáveis, com ou sem parâmetros, semelhantes a funções.
- Herança: reutilização de estilos entre seletores com
@extend. - Operações matemáticas: como somas, subtrações e divisões para gerar valores dinamicamente.
SCSS usa uma sintaxe muito parecida com o CSS tradicional, o que facilita a adoção e transição. Você continua escrevendo CSS como de costume, mas com uma série de recursos adicionais.
Como usar SCSS?
Para usar SCSS em um projeto, você precisa:
- Escrever seus estilos em arquivos com extensão
.scss. - Compilar esses arquivos para
.cssusando um compilador como o Dart Sass. - Linkar o CSS gerado no seu HTML normalmente.
Vantagens do SCSS
- Facilita o reuso de código.
- Ajuda na manutenção em projetos grandes.
- Organiza melhor os estilos com estrutura modular.
- Reduz repetição e erros.
SCSS é amplamente usado em projetos profissionais de front-end e é compatível com ferramentas modernas como Webpack, Vite, Angular, React e outros frameworks.
Download Código
faça download do Node
https://nodejs.org/pt
Verifique a instalação
No Prompt de Comando ou PowerShell e digite:
Instale o Sass globalmente:
Adicione nas variáveis de ambiente:
Node:
npm:
Compile o artquivo estilo6.scss para estilo6.css":
Pronto agora já podemos visualizar...
quarta-feira, 7 de maio de 2025
quarta-feira, 30 de abril de 2025
segunda-feira, 28 de abril de 2025
terça-feira, 22 de abril de 2025
terça-feira, 15 de abril de 2025
sexta-feira, 11 de abril de 2025
sábado, 1 de fevereiro de 2025
Docker: Mapeamento de portas
Neste vídeo vamos aprender a mapear porta de um container usando Dockerfile e instalar o NGINX httpd e depois conferir com o comando curl para verificar se está ativo
Para conferrir pode-se também verificar o endereço: localhost:8080.
COMANDOS
root@container:~# vim Dockerfile
vim - editor de texto do linux.
Dockerfile - Arquivo para construir nossa imagem.
docker build -t nginx .
build - comando para construir a imagem (busca no repositório docker na nuvem e faz o download).
-t - Para marcar uma imagem durante uma compilação, adicione o sinalizador -t ou --tag.
. . (ponto) - usado para apontar para o diretório corrente (local do arquivo Dockerfile).
root@container:~# docker images
images - diretório local contendo as imagens.
docker ps
ps - mostrar todos os containers, mesmo aqueles não mais em execução.
docker run ‐d ‐P nginx /usr/sbin/nginx ‐g "daemon off;""
run - execução do container.
-d - execução do container em background.
-P - mapeamento de porta buscando a partir da função EXPOSE no Dockerfile. Usado para acessar externamente. Ao criar um container passando a instrução ‐P, estamos permitindo que o Docker faça o mapeamento de qualquer porta utilizada no container, para alguma outra porta no host
nginx - web server mais iformações acesse:"carlostojeiro.blogspot.com/2019/04/servidor-nginx.html"
/usr/sbin/nginx -g "daemon off;" - processos do nginx (correr em backgroud).
curl -IL http://localhost:32769
curl - comando disponível na maioria dos sistemas baseado em Unix. Ele é usado como abreviação para “Client URL”. Comandos Curl são destinados para funcionar como uma forma de verificar a conectividade da URL, além de ser uma ótima ferramenta de transferência de dados. Vamos ver como você poderá usar o Comando Curl.
IL - Retorna os dados do endereço web.
FIM
Para conferrir pode-se também verificar o endereço: localhost:8080.
COMANDOS
root@container:~# vim Dockerfile
vim - editor de texto do linux.
Dockerfile - Arquivo para construir nossa imagem.
docker build -t nginx .
build - comando para construir a imagem (busca no repositório docker na nuvem e faz o download).
-t - Para marcar uma imagem durante uma compilação, adicione o sinalizador -t ou --tag.
. . (ponto) - usado para apontar para o diretório corrente (local do arquivo Dockerfile).
root@container:~# docker images
images - diretório local contendo as imagens.
docker ps
ps - mostrar todos os containers, mesmo aqueles não mais em execução.
docker run ‐d ‐P nginx /usr/sbin/nginx ‐g "daemon off;""
run - execução do container.
-d - execução do container em background.
-P - mapeamento de porta buscando a partir da função EXPOSE no Dockerfile. Usado para acessar externamente. Ao criar um container passando a instrução ‐P, estamos permitindo que o Docker faça o mapeamento de qualquer porta utilizada no container, para alguma outra porta no host
nginx - web server mais iformações acesse:"carlostojeiro.blogspot.com/2019/04/servidor-nginx.html"
/usr/sbin/nginx -g "daemon off;" - processos do nginx (correr em backgroud).
curl -IL http://localhost:32769
curl - comando disponível na maioria dos sistemas baseado em Unix. Ele é usado como abreviação para “Client URL”. Comandos Curl são destinados para funcionar como uma forma de verificar a conectividade da URL, além de ser uma ótima ferramenta de transferência de dados. Vamos ver como você poderá usar o Comando Curl.
IL - Retorna os dados do endereço web.
FIM
sexta-feira, 31 de janeiro de 2025
Dockerfile
Neste vídeo vamos aprender a construir um container usando Dockerfile e instalar o NGINX httpd e depois conferir com o comando curl para verificar se está ativo
Para conferrir pode-se também verificar o endereço: localhost:8080.
COMANDOS
root@container:~# vim Dockerfile
vim - editor de texto do linux.
Dockerfile - Arquivo para construir nossa imagem.
docker build -t nginx .
build - comando para construir a imagem (busca no repositório docker na nuvem e faz o download).
-t - Para marcar uma imagem durante uma compilação, adicione o sinalizador -t ou --tag.
. . (ponto) - usado para apontar para o diretório corrente (local do arquivo Dockerfile).
root@container:~# docker images
images - diretório local contendo as imagens.
docker ps
ps - mostrar todos os containers, mesmo aqueles não mais em execução.
docker run -d -p 8080:80 nginx /usr/sbin/nginx -g "daemon off;"
run - execução do container.
-d - execução do container em background.
-p - mapeamento de porta 8080 para 80 do container. Usado para acessar externamente.
nginx - web server mais iformações acesse:"carlostojeiro.blogspot.com/2019/04/servidor-nginx.html"
/usr/sbin/nginx -g "daemon off - processos do nginx (correr em backgroud).
curl -IL http://localhost:8080
curl - comando disponível na maioria dos sistemas baseado em Unix. Ele é usado como abreviação para “Client URL”. Comandos Curl são destinados para funcionar como uma forma de verificar a conectividade da URL, além de ser uma ótima ferramenta de transferência de dados. Vamos ver como você poderá usar o Comando Curl.
IL - Retorna os dados do endereço web.
Para executar e testar os comandos podemos usar: Docker-play FIM
Para conferrir pode-se também verificar o endereço: localhost:8080.
COMANDOS
root@container:~# vim Dockerfile
vim - editor de texto do linux.
Dockerfile - Arquivo para construir nossa imagem.
docker build -t nginx .
build - comando para construir a imagem (busca no repositório docker na nuvem e faz o download).
-t - Para marcar uma imagem durante uma compilação, adicione o sinalizador -t ou --tag.
. . (ponto) - usado para apontar para o diretório corrente (local do arquivo Dockerfile).
root@container:~# docker images
images - diretório local contendo as imagens.
docker ps
ps - mostrar todos os containers, mesmo aqueles não mais em execução.
docker run -d -p 8080:80 nginx /usr/sbin/nginx -g "daemon off;"
run - execução do container.
-d - execução do container em background.
-p - mapeamento de porta 8080 para 80 do container. Usado para acessar externamente.
nginx - web server mais iformações acesse:"carlostojeiro.blogspot.com/2019/04/servidor-nginx.html"
/usr/sbin/nginx -g "daemon off - processos do nginx (correr em backgroud).
curl -IL http://localhost:8080
curl - comando disponível na maioria dos sistemas baseado em Unix. Ele é usado como abreviação para “Client URL”. Comandos Curl são destinados para funcionar como uma forma de verificar a conectividade da URL, além de ser uma ótima ferramenta de transferência de dados. Vamos ver como você poderá usar o Comando Curl.
IL - Retorna os dados do endereço web.
Para executar e testar os comandos podemos usar: Docker-play FIM
Assinar:
Comentários (Atom)
















