Dev Natan - Programação descomplicada

Hoje vamos falar sobre Markdown, uma linguagem de marcação tão importante em programação. Vamos lá? Markdown, tal qual HTML , é uma linguagem de marcação, mas diferentemente da segunda, é uma linguagem de marcação simples , tendo algumas várias limitações que não importam para o propósito da mesma. Surgida em 2004 , demorou um pouquinho para ganhar notoriedade e padronização, tendo o primeiro esforço de padronização sendo lançado em 2012 e a primeira padronização de fato, em 2014 , conhecida como CommonMark . Esta é a base de todas as implementações da linguagem. No ano de 2017 foi a vez do GitHub entrar na brincadeira e lançar sua própria especificação baseada no CommonMark, sendo chamada de GitHub Flavored Markdown , ou GFM para os mais íntimos. Essa especificação traz alguns recursos úteis além dos já inseridos na CommonMark, tais como tabelas , tachado , autolinks e listas ...

Hoje vamos ver como podemos fazer um simples contador de visitas com Flask . Nele vamos usar cookies para armazenar o valor de nosso contador. Antes de tudo instalaremos nossa biblioteca com o seguinte comando: pip install Flask Agora vamos criar um arquivo chamado flask_visit_counter.py e adicionar o seguinte código nele: Começamos importando nossa classe Flask e algumas coisinhas que vão nos ser útil. Instanciamos nossa classe Flask à variável app . Na linha 6 criamos uma função que aqui dei o nomeei de visit_counter e decoramos com um método do nosso app que vai chamar nossa função sempre que acessarmos nosso projeto via navegador. Na linha 7 criamos uma variável que nos vai ser bastante importante. Vamos agora pegar o cookie de nome visit , converter pra inteiro e somar um — para saber como funciona a função getattr clique aqui . C...

Que o Vue.js tem crescido cada vez mais no mercado todo mundo sabe, e que também ele pode ser uma ótima alternativa ao famoso React.js e/ou Angular também não é novidade pra quase ninguém. Seu crescimento pode ser explicado em alguns pontos em relação aos principais concorrentes: Vue trabalha principalmente com o conceito de template diferentemente de React que está “preso” no JSX e por vezes funções render . — é possível usar ambos também em Vue, apesar de pouco comum. Não é tão opinativo quanto Angular, sendo mais flexível, por muitas vezes mais leve e rápido também. Não sendo obrigatório conhecimento de outra tecnologia além do ES5 — o tradicional Javascript —, HTML e CSS, tendo em comum com Angular apenas os dois últimos. Qualquer HTML válido é um template Vue válido, o que facilita a migração de aplicações entre tecnologias, favorec...

O Nullstack é um framework web para construção de PWAs — Progressive Web App — que conecta duas camadas em um mesmo componente, por assim dizer, podemos escrever a parte de UI — User Interface —, gestão de estados e ainda o backend, fazendo uso de microsserviços especializados. Os componentes Nullstack são simplesmente classes Javascript assim como em React, tendo de diferencial a mobilidade de escrever não só o frontend, mas também o backend no mesmo componente. Tendo isso em mente, vamos ver um exemplo de componente que pega uma waifu e renderiza ou simplesmente dá erro 404: import Nullstack from "nullstack" ; class MyWaifuPage extends Nullstack { name = "" ; biography = "" ; static async findWaifuByName({ database, name }) { return await database .collection( "waifus" ) .findOne({ name }); } async initiate({ page, params }) { const wai...

Imagem de Lawrence Monk por Pixabay No post anterior vimos um pouco do que é o HTML , um pouco da sintaxe e como funciona, agora veremos um pouco sobre o que são atributos, e como funcionam. O que são atributos Atributos são, como o nome diz, informações que atribuímos a tags e/ou elementos no nosso documento HTML para que ele se comporte da maneira esperada. Atributos servem para indicar ao cliente - navegador - qual linguagem está o conteúdo de nossa página, qual classe CSS queremos usar para estilizar… Os atributos estão divididos basicamente em atributos globais , isto é, que funcionam em todas as Tags, e atributos específicos , que como se imagina, são atributos específicos de certas tags que só funciona para elas mesmas. Os atributos possuem nome e valor , porém dependendo do atributo, as vezes usamos apenas o nome - mais pra frente veremos algum exemplo...

Imagem de Free-Photos por Pixabay Com certeza você já viu ou ouviu falar dessas quatro letrinhas, mas não sabe ou não lembra o que ela é e qual a sua importância para o mundo de hoje, pois bem, neste artigo iremos descobrir um pouco sobre essa incrível tecnologia, como ela contribui com nossa querida era da informação e talvez ao final vejamos algo interessante com ela. Pois bem, chega de papo e vamos para o que de fato interessa. HTML (acrônimo para HyperText Markup Language, que em bom português significa "Linguagem de Marcação de Hipertexto"), é uma linguagem de Marcação - veremos no futuro os tipos de linguagens e como diferenciar os tais - usada principalmente no desenvolvimento de páginas web. Documentos HTML - como são chamados os arquivos .html - são interpretados pelo navegador tais como Chrome , Edge e etc. O HTML nasceu, ...

Imagem de James Osborne por Pixabay Continuando o post anterior , agora vamos falar um pouco sobre a estrutura do nosso blogue, vamos decidir como queremos ele. Nosso blogue será composto por uma página home , uma com post inteiro, página de pesquisa com filtros de tags e categorias, estas serão as "classificações" de nossos post, e sem esquecer a página de login e cadastro também. Já decidido quais páginas queremos, vamos partir pro código. Primeiro criaremos nosso index.html em blog/frontend então a árvore da nossa pasta blog   ficará a seguinte:  Nossa árvore agora Em nosso index.html vamos colar  o snippet do Bootstrap5 . Deixaremos apenas a primeira tag <script> , removeremos as outras duas abaixo. Servidor de testes Caso não queira desenvolver ro...