Skip to content

Instantly share code, notes, and snippets.

@trupakufi
trupakufi / Uploading-Image-Previewer.html
Created February 18, 2022 00:57
Uma forma muito simples de fazer um Preview de uma imagem, antes de fazer o upload, utilizando recursos nativos do js, muito bom, e muito prático.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Image Previewer Uploader</title>
</head>
<body>
<div>
<img
src="#"
@trupakufi
trupakufi / forge.config.js
Created October 19, 2021 23:37
Arquivo de Configuração do Electron Forge para gerar Executáveis e instaladores do aplicativo NodeJS Para várias Distros e SO's.!
module.exports = {
makers: [
// Adicionar Elementos criados para ZIP
{ name: "@electron-forge/maker-zip" },
// Criar versão para distribuições Linux Baseadas no Debiam
{
name: "@electron-forge/maker-deb",
@trupakufi
trupakufi / index.html
Created May 23, 2021 20:51
Um robô que lê conteúdo Digitado pelo Usuário, Javacript, Speech Utterance.
<body class="m-auto text-center">
<div
class="border border-purple m-4"
contenteditable
oninput="setText(event)"> Seu texto Aqui </div>
<button
onclick="speak()"
class="p-4 bg-purple-200 rounded shadow"> Falar </button>
<button
onclick="stop()"
@trupakufi
trupakufi / ScrollTop.js
Created May 21, 2021 23:29
Adicionando ScrollTop Controller, para verificar o quanto o usuario desceu ou subiu a página no topo da página
import React, {useState, useEffect} from 'react'
import "./styles.css"
const ScrollController = () => {
const [scrollTop, setScrollTop] = useState(0);
const onScroll = () => {
const winScroll = document.documentElement.scrollTop;
const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
@gentildpinto
gentildpinto / gist:cb46bd2c624fb9ed5421731e967c228d
Created February 24, 2021 09:43 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup

People

:bowtie: :bowtie: 😄 :smile: 😆 :laughing:
😊 :blush: 😃 :smiley: ☺️ :relaxed:
😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:
😚 :kissing_closed_eyes: 😳 :flushed: 😌 :relieved:
😆 :satisfied: 😁 :grin: 😉 :wink:
😜 :stuck_out_tongue_winking_eye: 😝 :stuck_out_tongue_closed_eyes: 😀 :grinning:
😗 :kissing: 😙 :kissing_smiling_eyes: 😛 :stuck_out_tongue:
@LuizDoPc
LuizDoPc / native-roadmap.md
Last active February 22, 2024 00:32
React Native roadmap

React Native Roadmap

O propósito deste documento é servir como um guia contendo os principais aspectos necessários para um desenvolvedor React Native conseguir desempenhar um bom trabalho.

Fundamentos

Fundamentos em JavaScript

Para alcançar bons resultados em React Native, é fundamental dominar os fundamentos do JavaScript, sabendo trabalhar com estruturas de dados, escrever um código otimizado e entender sobre o funcionamento da linguagem.

Conceitos importantes

  • Escopo e Clojures
@diego3g
diego3g / settings.json
Last active September 23, 2024 07:00
VSCode Settings (Updated)
{
"workbench.startupEditor": "newUntitledFile",
"editor.fontSize": 15,
"editor.lineHeight": 1.8,
"javascript.suggest.autoImports": true,
"javascript.updateImportsOnFileMove.enabled": "always",
"editor.rulers": [
80,
120
],
@doomsower
doomsower / react-native-paper.d.ts
Created August 26, 2018 13:30
react-native-paper.d.ts
// tslint:disable:max-classes-per-file
declare module 'react-native-paper' {
import { Component, ReactNode } from 'react';
import {
StyleProp,
TextProps,
TextStyle,
TouchableHighlightProps,
TouchableNativeFeedbackProps,
ViewProps,
html, body {
height: 100%;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
@nodkz
nodkz / .babelrc.js
Last active March 25, 2024 16:16
Babel 7.0 with .babelrc.js DEPRECATED! This config was created when babel 7 was in beta
/* eslint-disable prefer-template */
const path = require('path');
const aliases = require('./aliases');
// ///////////////////////////////////////////////////////////////
// ////////////////// PLUGINS ////////////////////////////////
// ///////////////////////////////////////////////////////////////
const commonPlugins = [