alexandreramosdev

[data-anime]{
    opacity: 0;
    transition: all .3s;    
}

[data-anime="left"]{
    transform: translateX(-5rem);
}

[data-anime="right"]{

alexandreramosdev

/// Logica
// Identificar o clique no menu
// Verificar o item que foi clicado e fazer referência com o alvo
// Verificar a distância entre o alvo e o topo
// Animar o scroll até o alvo
/// ///////////////////////////////////////////////////////////////////

// Pegar a lista de links interno da pagina
const $menulinks = document.querySelectorAll('.navigation__link[href^="#"]')

alexandreramosdev

window.onscroll = () => stickyMenu() // chamar função ao move o scroll

const sticky = '104'
const $navigation = document.querySelector('.navigation')
const $logo = $navigation.querySelector('.navigation__logo')
const $links = $navigation.querySelectorAll('.navigation__link')

function stickyMenu () {
  if (window.pageYOffset >= sticky) { // => comparar se o scroll é maior que o topMenu
    $navigation.classList.add('--fixed') // => add class para fixar menu top

alexandreramosdev

<div class="wrapper-card">      
	<div class="card">        
		<div class="card__side card__side--front">
			<img src="img/svg/servico-1.svg" alt="icon" class="card__img">
			<h2 class="heading-h3">Lorem</h2>
		</div>        
		<div class="card__side card__side--back">          
			<p class="paragraphy card__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit,</p>
			<a href="" class="btn">Lorem ipsum</a>
		</div>

alexandreramosdev

#GIT

Estados

• Modificado (modified);
• Preparado (staged/index)
• Consolidado (comitted);

Ajuda

alexandreramosdev

{
  "parser": "babel-eslint",
  "env": {
    "browser": true,
    "jest": true
  },
  "plugins": ["react", "jsx-a11y", "import"],
  "extends": "airbnb",
  "rules": {
    "react/jsx-filename-extension": [

alexandreramosdev

Inspired by dannyfritz/commit-message-emoji

See also gitmoji.

Commit type	Emoji
Initial commit	🎉 :tada:
Version tag	🔖 :bookmark:
New feature	✨ :sparkles:
Bugfix	🐛 :bug:

alexandreramosdev

Fetch API Examples

Table of Contents

1. GET Requests
   1. Easy: Get JSON from a URL
   2. Intermediate: Custom headers
   3. Advanced: CORS example
2. POST/PUT Requests
   1. Easy: Posting JSON

alexandreramosdev

{"lastUpload":"2020-03-07T04:10:33.113Z","extensionVersion":"v3.4.3"}

alexandreramosdev

docker run \
    --name mongodb \
    -p 27017:27017 \
    -e MONGO_INITDB_ROOT_USERNAME=admin \
    -e MONGO_INITDB_ROOT_PASSWORD=senhaadmin \
    -d \
    mongo:4

docker run \
    --name mongoclient \