Skip to content

Instantly share code, notes, and snippets.

View samuelsilvadev's full-sized avatar
🏠
Working from home

Samuel SIlva samuelsilvadev

🏠
Working from home
View GitHub Profile
@samuelsilvadev
samuelsilvadev / git.md
Last active October 2, 2018 07:18 — forked from leocomelli/git.md
Lista de comandos úteis do GIT

GIT

Estados

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

Ajuda

@samuelsilvadev
samuelsilvadev / show-byte-image.md
Last active March 3, 2025 16:48
show byte image in HTML

Html code

<img src="data:image/jpg;base64, (byte array)">

@samuelsilvadev
samuelsilvadev / date-simple-example.md
Last active January 2, 2018 15:12
date-simple-example.md
  const dateTest = new Date();
  const strDate = `${dateTest.getMonth() + 1}/${dateTest.getDate()}/${dateTest.getFullYear()}`

sudo npm install -g gulp-cli;

sudo npm install -g http-server;

sudo npm install -g @angular/cli;

@samuelsilvadev
samuelsilvadev / wikipedia.service.ts
Created January 11, 2018 21:00 — forked from P1xt/wikipedia.service.ts
Setting headers on an Angular 2 http get request
import { Injectable } from '@angular/core';
import { Http, Headers, Response } from '@angular/http';
@Injectable()
export class GetWikipediaService {
constructor(private http: Http) { }
searchWiki = (query) => {
@samuelsilvadev
samuelsilvadev / css-gradients.md
Created February 25, 2018 10:59 — forked from marcelgsantos/css-gradients.md
Anotações sobre CSS Gradients do artigo do CSS-Tricks

Os exemplos de implementação estão disponíveis no CodePen em https://codepen.io/marcelgsantos/pen/EQRqKP.

  • Pode-se definir o background com uma cor sólida ou gradiente.
  • Recomenda-se a utilização de um gradiente ao invés de uma imagem.
  • O gradiente é quando uma cor varia para outra.
  • Pode-se controlar vários aspectos de um gradiente como a direção e os pontos de mudança da cor.
  • Utiliza-se a propriedade background-color para definir uma cor sólida. Por exemplo: background-color: red.
  • Utiliza-se a propriedade background-image para definir um gradiente. Por exemplo: background-image: linear-gradient(red, orange).
@samuelsilvadev
samuelsilvadev / Angular_DOM_manipulations.md
Last active February 25, 2018 18:01
Annotations to manipulate DOM in ANGULAR
  • @ViewChild

    • It's a DOM querie
    • There are @ViewChild and @ViewChildren.
    • These decorators work in pair with template reference variables
  • ElementRef

  • TemplateRef

  • ViewRef

  • Embedded Views: which are linked to a Template

@samuelsilvadev
samuelsilvadev / front-end-curriculum.md
Created April 11, 2018 00:56 — forked from stevekinney/front-end-curriculum.md
Front-end Curriculum Draft

Module 1

  • Semantic markup
  • HTML standards mode and quirks mode
  • HTML fundamentals
    • Classes and IDs
  • CSS fundamentals
    • Selectors
    • Resets and normalizers
    • The box model
@samuelsilvadev
samuelsilvadev / React-start.md
Last active October 2, 2018 07:26
My study guide to REACT.

What is it React?

A JavaScript library for building user interfaces. By Facebook :D

Components

  • Piece of the UI
  • Reusable
  • Isolated
@samuelsilvadev
samuelsilvadev / Lifecycle Hooks React.md
Created October 6, 2018 14:11
Lifecycle Hooks React

Lifecycle Hooks React

1 - MOUNT PHASE

  • When the element is created and inserted in the DOM.

  • React calls these hooks (methods).

    • constructor()
    • render()
  • componentDidMount()