📘 Bem-vindo ao CodeWiki!

Este repositório tem a finalidade de organizar minhas anotações, dicas e trechos de códigos diversos.
É um projeto em constante evolução, então sinta-se à vontade para explorar!

📝 Anotações

  • Risco ao usar target_blank
  • Como Adicionar Link para PDF no Seu Site
  • Como Criar e Usar Snippets Personalizados no VS Code
  • Otimizando Fontes da Web para Melhorar o Desempenho do Site
  • Guia To-Do List para Front-End Developer
  • Simulando Condições de Rede no DevTools do Chrome
  • Clean Code para HTML e CSS
  • CRUD - Exemplo com Gerenciador de Produtos
  • CRUD Explicado

    • 🚩 Snippets

  • Criando um Acordeão com details e summary sem JavaScript
  • Criando um Sistema de Sliders Multi-Range com Atualização Dinâmica de Total
  • Galeria de Imagens com Rolagem Infinita
  • Script em Batch para abrir programas automaticamente
  • Desligar o Computador usando VBScript
  • Vários scripts em VBScript ou Batch
  • Rolagem de Texto ao Passar o Mouse

    • 🎁 Design-DEV

  • Dicas, Trechos de Código e Boas Práticas — The Design.dev Crew

    • 💻 HTML (HYPER TEXT MARKUP LANGUANGE)

    HTML (HyperText Markup Language) é o bloco de construção mais básico da Web. Ele define o significado e a estrutura do conteúdo da Web.

  • Artigo de Josh W. Comeau: HTML Skeleton
  • Documentação: preconnect, prefetch, e preload
  • Validação de Formulários com Atributos HTML Nativos
  • Popover API (HTML) + Cascade Layers (CSS)

    • 🎨 CSS (CASCADING STYLE SHEETS)

    Cascading Style Sheets (CSS) é uma linguagem de estilos que define como um documento escrito em HTML ou XML deve ser apresentado. É uma tecnologia fundamental da World Wide Web, juntamente com HTML e JavaScript.

  • CSS Reset de Josh Comeau
  • Container Queries no CSS
  • Documentação: Media Queries e CLAMP FUNCTION no CSS
  • Nova Sintaxe de Consultas de Mídia
  • Documentação de Alinhamento Vertical em CSS
  • Tipografia fluida: abordagem moderna explicada
  • 50 efeitos de imagem CSS criativos para sites envolventes
  • Cores de Sistema CSS
  • Funções Personalizadas em CSS
  • Usando backdrop-filter no CSS
  • Efeito Hover com Raio Invertido em CSS
  • CSS Arrumado
  • Artigo do CSS-Tricks Carousels somente com CSS

    • 💻 JAVASCRIPT

    JavaScript (às vezes abreviado para JS) é uma linguagem leve, interpretada e baseada em objetos com funções de primeira classe, mais conhecida como a linguagem de script para páginas Web, mas usada também em vários outros ambientes sem browser, tais como node.js, Apache CouchDB e Adobe Acrobat. O JavaScript é uma linguagem baseada em protótipos, multi-paradigma e dinâmica, suportando estilos de orientação a objetos, imperativos e declarativos.

  • Como Adicionar um Botão de Voltar ao Topo
  • Função: copiarTextoPorId(idElemento)
  • RELÓGIO COM SAUDAÇÃO
  • Rolagem Suave entre seções (smooth scroll)

    • 💻 PHP (PHP Hypertext Preprocessor)

    (Originalmente Personal Home Page)

    PHP é uma linguagem de script de código aberto amplamente utilizada, especialmente adequada para o desenvolvimento web. Pode ser incorporada em HTML e é especialmente adequada para desenvolvimento web. O PHP é um dos principais componentes da pilha LAMP (Linux, Apache, MySQL e PHP).

  • 100 Funções PHP Mais Utilizadas

    • 📂 GIT E MARKDOWN

    Git é um sistema de controle de versão distribuído, usado para rastrear alterações no código-fonte durante o desenvolvimento de software.

  • Principais Comandos GIT

    • 📝 Markdown & Documentação

    Já, o Markdown é uma linguagem de marcação de texto que permite formatar textos de forma simples.

    Link Descrição
    Markdown to HTML (CodeBeautify) Ferramenta simples para converter rapidamente Markdown em HTML com visualização instantânea.
    MarkdownEditor.org Editor Markdown com visualização lado a lado em tempo real. Ideal para anotações, READMEs e documentação.
    Readme.so Construtor de arquivos README.md com blocos pré-formatados. Ideal para projetos open source e portfólios.

    ⚙ Recursos e Ferramentas

  • Ilustrações e Design
  • Documentações
  • Front-End Editor - Playground
  • Ferramenta para verificação de IP – whatismyip.io

    • 👩‍💻 Curso em Vídeo

    Quer aprender a programar, mas não sabe por onde começar? O Curso em Vídeo é a melhor porta de entrada para o mundo da tecnologia. Com cursos 100% gratuitos

  • Site Curso em Vídeo
  • Repositório público do Prof. Gustavo Guanabara
  • Anotações do curso de HTML e CSS

    • 📚 Livros de Programação

  • Dev Free Books - Coleção de livros para DEVs