Skip to content

Instantly share code, notes, and snippets.

View simaodeveloper's full-sized avatar
🧑‍💼
Focused!

Daniel Simão simaodeveloper

🧑‍💼
Focused!
View GitHub Profile
@simaodeveloper
simaodeveloper / gist:d16c4115f0312c2719ef
Last active August 29, 2015 14:08
Guia de Estudo Front-End
HTML5 E SEMÂNTICA:
HTML5 - http://wbruno.com.br/html/semantica-html5/
Microdata - https://schema.org/docs/gs.html
http://tableless.com.br/drops-13-o-basico-sobre-semantica-html5-e-microdata/
http://tableless.com.br/introducao-a-microdata-no-html5/
http://diveintohtml5.com.br/extensibility.html
http://loopinfinito.com.br/2012/05/02/microdata/
O Sticky Footer é uma forma de manter seu rodápé sempre colado no bottom da janela de seu documento (body), com isso não vamos ter problemas de sobra de espaço caso não haja muito conteudo, segue o codigo com a explicação:
HTML
<html>
<head>
<link rel="stylesheet" href="layout.css" ... />
</head>
<body>
<div class="wrapper">
@simaodeveloper
simaodeveloper / git.commands.md
Last active August 30, 2017 19:54
Comandos GIT

Exibe o hash identificadora do commit, o autor, a data e a frase do commit

git log

Exibe a posição de cada commit

git log --decorate

Exibe um grafico em arvore mostrando a posição de cada commit em seus respectivos branchs

@simaodeveloper
simaodeveloper / portfolio.md
Last active July 27, 2020 01:07
Portfólio

Meu Portfólio

  • Desenvolvimento de portal para exibição de detalhes, equipamentos, modelos e concessionárias para compra dos veículos;
  • Desenvolvimento de interface interativa para usuário conhecer a trajetória da marca;
  • Navegação fluida e um rápido carregamento para uma melhor experiência do usuário;

My Tips to Learning Redux

What is a Redux?

It's a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments.

Create a Redux Store

in Redux, there is a single state object that's responsible for the entire state of your application.

@simaodeveloper
simaodeveloper / learn-oop.md
Last active November 12, 2018 02:18
Learn OOP

Learn OOP

What's a OOP?

OOP (Oriented Object Programming) is a style of programming that's focus in objects instead of functions.

Four Pillars of OOP

Encapsulation (Encapsulamento)
#1 Motivação: https://www.python.pro.br/aperitivo/video/motivacao
#2 Instalando o Python:
* Mac (OSX): https://www.python.pro.br/aperitivo/video/instalacao-mac
* Windows: https://www.python.pro.br/aperitivo/video/instalacao-windows
* Linux (Ubuntu): https://www.python.pro.br/aperitivo/video/instalacao-ubuntu
#3 IDE Pycharm: https://www.python.pro.br/aperitivo/video/pycharm
#4 Tipo inteiro: https://www.python.pro.br/aperitivo/video/inteiro

My Tips to Learning React with Redux

How to use React with Redux

We need to use a react-redux package to accomplish this connection between Redux and React. The ReactRedux provides a small API with two key features: Provider and connect. The Provider is a wrapper component from ReactRedux that wraps your React app. This wrapper then allows you to access the Redux store and dispatch function throughout your component tree. Provider takes two props, the Redux store and the child components of your app.

@simaodeveloper
simaodeveloper / style.js
Created July 12, 2019 17:44
References to build a CSS-in-JS stylesheet
/*
https://developer.mozilla.org/en-US/docs/Web/API/CSSRuleList
https://developer.mozilla.org/en-US/docs/Web/API/CSSRule
https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet
https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
*/
```javascript
style`
display: flex;