Introdução a React.js – Criando um Cronômetro

1- Crie um projeto novo o create-react-app e execute o projeto. Abra o browser no endereço http://localhost:3000/. 2- Analise o código e verifique que foi criada a seguinte estrutura: package.json: lista as dependências do projeto e possui alguns aliases para os scripts envolvidos no build start: Inicia o build no modo de desenvolvimento. build: Executa o build do projeto otimizado para produção. test: […]

» Read more

Controle de versão utilizando o Git

O Git é um controle de versão criado por Linus Torvalds em 2005 e um sistema de código aberto. Aqui neste tutorial iremos mostrar somente essencial para a gente criar nossos projetos. 1- Instalação do Git Windows: https://git-scm.com/download/win Linux: https://git-scm.com/download/linux 2- Crie um repositório chamada “projetoTeste” no Github na opção “New repository”. Caso não tenha uma conta terá que criar. […]

» Read more

CRUD com Node.js

Este artigo é baseado no seguinte link https://medium.com/baixada-nerd/criando-um-crud-completo-com-nodejs-express-e-mongodb-parte-1-3-6c8389d7147d. 1- Crie uma pasta para o projeto chamada CRUDNode 2- Execute npm init para cria o package.json (arquivo que gerencia dependências) 3- Abra o projeto no visual code executando ‘code .’ dentro da pasta CRUDNode 4- Crie o arquivo server.js e adicione o seguinte código: console.log(‘Server Start…’) 5- Execute o arquivo [[email protected] […]

» Read more

Criando uma Lista de Contato (Parte 2)

Criando uma Lista de Contato (Parte 2) Nesta aula iremos criar uma lista de contato utilizando os dados oriundos de um API. Para criar a lista de contato crie um projeto novo utilizando o “expo init pessoas” (ou create-react-native-app pessoas). http://www.desafiosdeti.com.br/react/criando-o-primeiro-app-react-native/ Abra o projeto no Visual Code. Crie a pasta src dentro do projeto e dentro desta página crie a […]

» Read more

Criando uma Lista de Contatos

Criando uma Lista de Contato Para criar a lista de contato crie um projeto novo utilizando o “expo init pessoas” (ou create-react-native-app pessoas). http://www.desafiosdeti.com.br/react/criando-o-primeiro-app-react-native/ Abra o projeto no Visual Code. Crie a pasta src dentro do projeto e dentro desta página crie a pasta component. Criando o Header Crie o arquivo chamado Header.js na pasta component e escreva o código […]

» Read more

Introdução a React e JSX: State, Props e Function Component

Introdução a React e JSX: State, Props e Function Component Continuando o exemplo anterior (http://www.desafiosdeti.com.br/react/introducao-a-react-e-jsx/) vamos mostrar como utilizar State, Props e Function Component do React. State State são dados privados e completamente controlado pelo componente. O estado de uma aplicação nada mais é que as informações armazenadas no nosso programa em um determinado tempo. Na linha 4 é feita […]

» Read more

Introdução a ES6

Introdução a ES6 ES6, ECMAScript 6 ou ES2015, é simplesmente a mais nova versão do JavaScript. Uma dúvida bem comum é o porquê dessa mudança do nome. Na verdade não houve nenhuma mudança: JavaScript é como nós chamamos a linguagem, só que esse nome é um trademark da Oracle (que veio após a compra da Sun). O nome oficial da […]

» Read more
1 2 3 18