Curso com projeto prático Desenvolvimento de um Trello com React.js | School of Net

R$ 70.00 Desenvolvimento de um Trello com React.js Nesse projeto prático você terá a oportunidade de desenvolver do zero uma versão simplificada do Trello, onde é possível gerenciar suas tarefas utilizando cards, arrastando-os para diferentes estágios. Utilizando o famoso React.js você será capaz de: criar componentes reutilizáveis, trabalhar com autenticação, gerenciar rotas através do React router, além de poder trabalhar com Redux que simplificará a arquitetura Flux para comunicação entre componentes e gerenciamento dos estados. Além disso, você utilizará recursos do HTML 5 como drag and drop e trabalhará com Local Storage para persistir os dados. 5 0

Desenvolvimento de um Trello com React.js

Complete

Nesse projeto prático você terá a oportunidade de desenvolver do zero uma versão simplificada do Trello, onde é possível gerenciar suas tarefas utilizando cards, arrastando-os para diferentes estágios. Utilizando o famoso React.js você será capaz de: criar componentes reutilizáveis, trabalhar com autenticação, gerenciar rotas através do React router, além de poder trabalhar com Redux que simplificará a arquitetura Flux para comunicação entre componentes e gerenciamento dos estados. Além disso, você utilizará recursos do HTML 5 como drag and drop e trabalhará com Local Storage para persistir os dados.

Compartilhe : | Código fonte Emitir Certificado

Instrutor

Leonan

Leonan Luppi

Apaixonado por tecnologia e desenvolvimento, viu na docência uma nova oportunidade de crescimento pessoal. Tem domínio de diversas tecnologias e nas horas vagas é piloto de paraglider.

Cursos Profissionais

Faça esse curso e aprenda...

  • Trabalhar com React.js
  • Manipular estados através do Redux
  • Conceito de Kanban
  • Utilizar API nativas do HTML 5
  • Javascript - ES6

Aulas

Nosso ambiente 0:08:36 Free

Criando arquitetura da landing page 0:05:14

Configurando ES6 0:04:17 Free

Escrevendo gulpfile com ES6 0:19:41

Finalizando configurações 0:05:14

Marcando nav 0:04:51

Estilizando nav 0:04:25

Marcando header 0:02:31

Estilizando header 0:12:20

Marcando footer 0:03:33 Free

Estilizando footer 0:08:11

Marcando about 0:05:03

Estilizando about 0:07:03

Marcando features 0:05:41

Estilizando features 0:08:07

Marcando Contact 0:03:18

Estilizando Contact 0:03:32 Free

Finalizando menu 0:03:59

Criando projeto React 0:07:27

Adicionando SASS ao projeto 0:06:10

Criando arquitetura - Pastas e pacotes 0:05:58 Free

Criando arquitetura - Configurações 0:11:05

Marcando header 0:05:29

Estilizando header 0:03:54 Free

Ajustando content inicial 0:04:45

Criando component de painel 0:07:11 Free

Criando component de card 0:05:11

Criando component para agrupar cards 0:02:38 Free

Criando tarefas 0:14:40

Criando tarefas - Mostrando card 0:04:19 Free

Criando component de edição 0:10:06

Component de edição - Tornando dinamico 0:08:21

Component de edição - Editando tarefa 0:06:53

Deletando tarefa 0:06:51

Criando component para agrupar painéis 0:06:26

Criando um novo painel 0:11:21 Free

Editando painéis 0:14:38

Deletando painéis 0:07:07 Free

Movendo painéis 0:23:27

Melhorando estilo e pequenos detalhes 0:05:42

Configurando banco de dados offline 0:08:48

Movendo tarefas 0:21:18

Inserindo tarefa em um painel 0:12:39

Retirando tarefa de um painel 0:06:54

Revendo painel e retirando todas tarefas 0:02:29