samuelsilvadev

HTML/Javascript/CSS/GIT/Accessibility

• Intro to HTML and CSS - https://br.udacity.com/course/intro-to-html-and-css--ud304
• Javascript Basics - https://br.udacity.com/course/javascript-basics--ud804
• How to use Git and Github - https://br.udacity.com/course/how-to-use-git-and-github--ud775/
• Javascript Testing - https://br.udacity.com/course/javascript-testing--ud549
• Object Oriented Javascript - https://br.udacity.com/course/object-oriented-javascript--ud015
• Responsive Web Design Fundamentals - https://br.udacity.com/course/responsive-web-design-fundamentals--ud893
• Responsive Images - https://br.udacity.com/course/responsive-images--ud882
• Building High Conversion Web Forms - https://br.udacity.com/course/building-high-conversion-web-forms--ud890/

samuelsilvadev

Lifecycle Hooks React

1 - MOUNT PHASE

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

• React calls these hooks (methods).

  • constructor()
  • render()

• componentDidMount()

samuelsilvadev

What is it React?

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

Components

• Piece of the UI
• Reusable
• Isolated

samuelsilvadev

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

• @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

CSS Gradients

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

import { Injectable }    from '@angular/core';
import { Http, Headers, Response } from '@angular/http';


@Injectable()
export class GetWikipediaService {

  constructor(private http: Http) { }

  searchWiki = (query) => {

samuelsilvadev

sudo npm install -g gulp-cli;

sudo npm install -g http-server;

sudo npm install -g @angular/cli;

samuelsilvadev

  const dateTest = new Date();
  const strDate = `${dateTest.getMonth() + 1}/${dateTest.getDate()}/${dateTest.getFullYear()}`

samuelsilvadev

Html code

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