Escolha um Desafio de Ti!

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. […]

0 comments

Criando uma Lista de Contato (Parte 3 – Navigation)

Criando uma Lista de Contato (Parte 3 – Navigation) Nesta aula iremos criar uma lista de contato utilizando os dados oriundos de um API adicionando o Navigation para um Header novo e adicionar um evento de clique na lista navegar até uma tela de detalhe. Para criar um projeto novo veja as aulas anteriores. Abra o projeto da aula anterior […]

0 comments

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 […]

0 comments

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 […]

0 comments

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 […]

0 comments

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: […]

0 comments

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. […]

0 comments

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] […]

0 comments

Criando uma Lista de Contato (Parte 3 – Navigation)

Criando uma Lista de Contato (Parte 3 – Navigation) Nesta aula iremos criar uma lista de contato utilizando os dados oriundos de um API adicionando o Navigation para um Header novo e adicionar um evento de clique na lista navegar até uma tela de detalhe. Para criar um projeto novo veja as aulas anteriores. Abra o projeto da aula anterior […]

0 comments

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 […]

0 comments

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 […]

0 comments

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 […]

0 comments

Introdução a React e JSX

Introdução a React e JSX React é uma biblioteca JavaScript declarativa, eficiente e flexível para a criação de interfaces de usuário (UI). Com esse exemplo surge também o conceito de componentes, uma das bases do React. O modo como o React trabalha para criar interfaces de usuário (ou User Interfaces, as UIs) é por meio da quebra de toda a […]

1 comment

Criando o primeiro APP React Native

Criando o primeiro APP React Native Para criar o primeiro app vamos utilizar o create-react-native-app, pois facilita em muito o build e desenvolvimento da aplicação, já que não precisamos instalar o Xcode/Android Studio para fazer os builds, porém não podemos utilizar de cara módulos nativos. Usando Yarn 1- Instalar o yarn 2- Criar um projeto utilizando Expo. Antes acesse a […]

2 comments

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 […]

1 comment