Skip to content

Instantly share code, notes, and snippets.

View vdonoladev's full-sized avatar
😍
In love with technology

Víctor Donola Ferreira vdonoladev

😍
In love with technology
View GitHub Profile
@vdonoladev
vdonoladev / .bash_aliases
Created August 15, 2023 19:33
My Aliases
### Comandos
alias ips='ip -c -br a'
alias update='sudo apt update && sudo apt upgrade'
### MISC
alias please='sudo'
alias nf='neofetch'
### Git
alias gadd='git add'
@vdonoladev
vdonoladev / .vimrc
Last active August 15, 2023 17:35
Settings for VIM
" Desabilitar a compatibilidade com VI, que pode causar problemas inesperados.
set nocompatible
" Habilitar a detecção do tipo de arquivo. O VIM será capaz de tentar detectar automaticamente o tipo de arquivo.
filetype on
" Habilitar plug-ins e carregar o plug-in correspondente ao tipo de arquivo detectado.
filetype plugin on
" Carregar um arquivo de indentação correspondente ao tipo de arquivo detectado.
@vdonoladev
vdonoladev / settings.json
Last active March 29, 2021 20:44
Settings for Sublime Text
{
"Jekyll":
{
"jekyll_auto_find_paths": true
},
"always_show_minimap_viewport": true,
"auto_close_tags": true,
"auto_complete": true,
"auto_complete_triggers":
[
@vdonoladev
vdonoladev / Padrões de Commits.md
Created February 22, 2021 20:37
Padrões de Commits

📄
Padrões de commits

De acordo com a documentação do Convetional Commits, Commits Semânticos são uma convenção simples para ser utilizada nas mensagens de commit. Essa convenção define um conjunto de regras para criar um histórico de commit explícito, o que facilita a criação de ferramentas automatizadas.

Esses commits auxiliarão você e sua equipe a entenderem de forma facilitada quais alterações foram realizadas no trecho de código que foi commitado.

@vdonoladev
vdonoladev / Fundamentos - JavaScript.md
Created February 22, 2021 20:32
Fundamentos - JavaScript

JavaScript Fundamentos

O que é JavaScript?

JavaScript é uma linguagem de programação que permite a você implementar itens complexos em páginas web. Toda vez que uma página da web faz mais do que simplesmente mostrar a você informações estáticas, mostrando conteúdo que se atualiza em um intervalo de tempo, mapas interativos ou gráficos 2D/3D animados, etc. Você pode apostar que o JavaScript provavelmente está envolvido. É a terceira camada do bolo das tecnologias padrões da web, duas das quais (HTML e CSS) que já falamos sobre elas por aqui.

Iniciando

Vamos por etapas.

Etapa 1: Criar um arquivo JS:

O primeiro passo é criar um arquivo ".js". Então abrindo seu editor de códigos, crie um novo arquivo chamado de script.js(você pode nomeá-lo como quiser, porém não pode faltar o .js no final).

@vdonoladev
vdonoladev / Fundamentos - CSS.md
Created February 22, 2021 20:31
Fundamentos - CSS

CSS Fundamentos

O que é CSS?

CSS ou folhas de estilo em cascata é a linguagens de marcação (não de programação) responsável por adicionar estilos nos sistema na web, como cores, tamanhos, posicionamentos. Sem ele, os sites são apenas um monte de texto e links, html acaba virando um Markdown.


Aplicando estilo CSS em uma página HTML

Vamos por etapas:

@vdonoladev
vdonoladev / Fundamentos - HTML.md
Created February 22, 2021 20:28
Fundamentos - HTML

HTML Fundamentos

O que é HTML?

HTML, ou Hypertext Markup Language é uma linguagem de marcação (não de programação) da web - cada vez que você carrega uma página da web, você está carregando um código HTML. Pense em HTML como o esqueleto de uma página da web, ele é responsável pelos textos, links, listas e imagens - ele oferece conteúdos (enquanto javascript fornece comportamento dinâmicos e o css estilos).


Iniciando

HTML é escrito em arquivos .html. Para criar uma página HTML é fácil, entre em seu editor de código e salva em arquivo em branco como meu-site.html (você pode nomeá-lo como quiser).

@vdonoladev
vdonoladev / settings.json
Last active February 23, 2021 23:56
Settings for VSCODE
{
// VS Code
"workbench.startupEditor": "newUntitledFile",
"workbench.editor.labelFormat": "short",
"workbench.colorTheme": "Dracula",
"workbench.iconTheme": "material-icon-theme",
"workbench.editor.enablePreview": false,
"workbench.sideBar.location": "left",
"window.menuBarVisibility": "default",
"editor.renderControlCharacters": false,