Código ao Ponto - Artigos, Vídeos e Ferramentas para Devs

Curso gratuito de Tailwind

Ver agora mesmo

Ver agora mesmo

+50 videos

Aulas diretas ao ponto para você aprender programação de forma prática e sem enrolação.

+20 artigos

Você é um leitor? Temos artigos diretos e bem explicados sobre programação, ferramentas e boas práticas.

+1,3K Inscritos

Se junte à comunidade de desenvolvedores que já acompanham nossos conteúdos e evoluem juntos!

Presença em Eventos

Além do online, o Código ao Ponto compartilha conhecimento com apresentações em eventos de tecnologia.

From Dev To Dev Conf 2025

"VUE COM GOSTO DE NUXT: O TODDYNHO FULLSTACK"

Foram apresentadas as principais funcionalidades que tornam o Nuxt uma ótima escolha para trabalhar com SEO e performance.

Baixar Slides

palestra no evento From Dev To Dev Conf 2025 sobre "Vue com gosto de Nuxt, o Toddynho Fullstack.pdf"

GDG Devfest RS 2024

"Web Apis, O front-end além de botões coloridos"

Foi falado sobre as poderosas APIs nativas dos navegadores, que muitas vezes passam despercebidas, mas oferecem grandes possibilidades para o front-end.

Baixar Slides

palestra no evento GDG Devfest RS 2024 sobre "Web Apis, O front-end além de botões coloridos"

SAJIC 2024 - UniSenac Pelotas

Web Vitals, como a experiência do usuário vai afetar o SEO do seu site?

Foi explicado o histórico dos Web Vitals, detalhados os Core Web Vitals e mostrado como medir e otimizar a performance das páginas para SEO.

Baixar Slides

palestra no evento SAJIC 2024 - UniSenac Pelotas sobre "Web Vitals, como a experiência do usuário vai afetar o SEO do seu site?"

Últimos artigos

Novos artigos publicados semanalmente sobre Vue.JS, Node.JS, React.JS e muito mais!

A maneira correta de utilizar a nomenclatura BEM
#CSS
A nomenclatura BEM (Block Element Modifier) define o padrão que devemos utilizar para nomear classes CSS, aprenda como utilizar a nomenclatura BEM corretamente
Como Adicionar Caracteres Especiais em Traduções do i18N
#Nuxt.JS
#Vue.JS
Aprenda a adicionar caracteres especiais como @ e {} nas traduções do i18n no Vue.js sem causar erros
Como adicionar o Google Tag Manager no seu website com Nuxt 3
#Nuxt.JS
#Vue.JS
Aprenda como adicionar o Google Tag Manager (GTM) no seu site desenvolvido com Nuxt, utilizando o módulo nuxt-gtag para facilitar o gerenciamento de tags e analytics.
Chave SSH no Git: Como Configurar chave SSH para usar no GitHub
#Git
Aprenda a gerar, configurar e adicionar uma chave SSH no GitHub para autenticação segura, eliminando a necessidade de digitar senha a cada acesso.
Como consumir uma API no JavaScript com a Fetch API
#JavaScript
Aprenda a utilizar a Fetch API do JavaScript para consumir uma API real sem bibliotecas extras, com exemplos práticos detalhados em HTML e JavaScript.
O que é e como adicionar Dados Estruturados com Nuxt.JS
#Nuxt.JS
#SEO
#Vue.JS
Aprenda o que são Dados Estruturados, quando e como utilizá-los no Nuxt.js para otimizar seu site e melhorar a visibilidade nos mecanismos de busca
Como funciona o sistema de rotas no Nuxt.js
#Nuxt.JS
#Vue.JS
Entenda como funciona o sistema de rotas no Nuxt, incluindo rotas básicas, dinâmicas, aninhadas e query params, e veja como estruturar URLs no seu projeto com Nuxt.
Como recuperar arquivos perdidos no Git pelo VSCode
#Git
#VSCode
Aprenda a recuperar alterações de código perdidas utilizando uma funcionalidade do Vscode chamada Local History que salva diferentes versões do seu código.
Middlewares: O que são e como utilizar no Nuxt.JS
#Nuxt.JS
#Vue.JS
Aprenda o que são e como usar middlewares no Nuxt.js para controlar navegação, autenticação e permissões em suas páginas.
Componentes no Figma — Um guia para te ajudar a começar!
#Figma
#UX
O que são os componentes do Figma e como eles nos ajudam a ter eficiência e agilidade no nosso projeto de design digital? Descubra aqui!
O que são diretivas no Vue e como implementá-las
#Vue.JS
Descubra o que são diretivas no Vue, quais são suas funcionalidades e como implementá-las da melhor forma
OG Tags: O que São e Como Adicioná-las ao Seu Site
#SEO
Descubra como o Open Graph Protocol melhora a integração do seu site com mídias sociais, exibindo título, imagem e descrição ao compartilhar links.
Os principais erros de programadores em entrevistas de emprego
#Carreira
Descubra os principais erros que programadores cometem em entrevistas de emprego e aprenda como evitá-los para aumentar suas chances de ser aprovado
Qual a diferença entre a Composition API e Options API no VueJS
#Vue.JS
Simplificando e descobrindo as principais diferenças, vantagens e aplicações práticas da Composition API e Options API no Vue.js.
Scroll Infinito no React-Native - Como adicionar ao seu aplicativo e suas vantagens
#React Native
Aprenda a fazer o Scroll Infinito no React-Native, onde o novo conteúdo é carregado à medida que o usuário rola a tela, oferecendo uma experiência incrível e suave.
Vercel comprou a Nuxt Labs! E agora, o que muda para o Nuxt?
#Nuxt.JS
A Vercel anunciou a aquisição da Nuxt Labs, a empresa por trás do ecossistema Nuxt. Neste artigo, entenda o que isso significa para o framework e a comunidade.
Web Vitals, como a experiência do usuário vai afetar o SEO do seu site?
#SEO
#Web Vitals
Descubra como o SEO e os Core Web Vitals se complementam para melhorar a experiência do usuário e o ranqueamento do seu site nos motores de busca como Google e Bing.

Últimos Vídeos

Novos conteúdos semanalmente no Youtube e Instagram!

Imagem de capa do vídeo no Youtube sobre "Unboxing Mouse Logitech Lift Esquerdo e Teclado Logitech MX Keys - Montando um setup sem fio"

Imagem de capa do vídeo no Youtube sobre "🚨 Grande anúncio: lançamos o Hub de ferramentas gratuitas para Programadores"

Imagem de capa do vídeo no Youtube sobre "📦 Unboxing do Novo MacBook Air M4 de 512gb de SSD na Cor Azul Céu – Primeiras Impressões!"

Imagem de capa do vídeo no Youtube sobre "A Jornada de Dev Front-end para Full Stack (Laravel) Começa Agora"

Imagem de capa do vídeo no Youtube sobre "Venha participar do evento From Dev To Dev Conf 2024 - Garanta seu Ingresso 🎫"

Imagem de capa do vídeo no Youtube sobre "Web Vitals: O Que É, Como Medir e Otimizar a Performance do Seu Site? #2"

As melhores tecnologias, nós ensinamos!

Tailwind CSS | ReactJS | VueJS | NodeJS

e muito mais!

O fundador: Thiago Nunes Batista

Thiago Nunes Batista no evento FrontInFloripa 2023

Desenvolvedor Front-end, graduando de Análise e Desenvolvimento de Sistemas, possui anos de experiência em desenvolvimento de páginas web utilizando ferramentas como ReactJS, NuxtJS e VueJS.

Em sua jornada de criação de conteúdo, já iniciou diversos canais no Youtube e blogs sobre vários temas como Grêmio, finanças, viagens, que acabaram por não ter tido continuidade, mas que fizeram parte dos seus primeiros passos até chegar ao Código ao Ponto.

Após ajudar colegas de faculdade e mentorear programadores juniores, decidiu compartilhar de forma pública os conhecimentos que adquiriu durante a sua jornada, e no meio desse caminho também construir o seu marketing pessoal e desenvolver o seu próprio negócio no ramo da educação, objetivando a liberdade financeira através da criação de conteúdo sobre programação de alta qualidade.