• Stars
    star
    109
  • Rank 309,662 (Top 7 %)
  • Language
  • Created over 2 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Como criar e personalizar páginas no Notion

Nesse vídeo você aprenderá a desenvolver 3 páginas no Notion para organização

  1. Criação de uma conta do zero no site do Notion

  2. Escolher o plano pessoal, porém ele não te permite adicionar pessoas pra poderem editar e acompanharem o seu workspace, pra isso você utiliza o plano de time, que dependendo da quantidade de pessoas e das permissões delas é pago

  3. Apagamos os templates pré definidos da plataforma para criarmos um do zero, afinal é assim que aprendemos

  4. Colocamos no modo dark, porque nossos olhos merecem (para isso vamos em settings & members e depois em appearance)

A partir daqui iremos criar 3 páginas para o nosso workspace: uma de rotina, para acompanharmos as tarefas diárias, uma de estudos para fazermos resumos e anotações e outra de projeto, para acompanharmos o andamento de um projeto específico, com código e tudo mais!

Página 1 - Rotina

  1. Primeiramente, podemos colocar uma capa e um ícone em cada uma de nossas páginas pra ficar estilizado da maneira que quisermos

Agora para adicionarmos algum elemento na nossa página, podemos sempre digitar / que aparecerá uma lista de opções, incluindo títulos, tabelas e até embeds de outras plataformas

  1. Selecionamos o Board database full page, que ocupará apenas um espaço na página, não ela inteira

Eu não vou mostrar aqui cada opção que tem, senão o vídeo ficaria gigantesco, mas eu recomendo muito que nesse começo vocês brinquem um pouco com todas as opções pra poder descobrir a variedade de coisas que você pode fazer na plataforma

  1. Personalizamos o nosso "kanban", adicionando o tĂ­tulo Tarefas do dia e criando as colunas de acordo com o status de cada uma dessas tarefas: backlog, doing, done e wishlist

  2. Apagamos as propriedades pré definidas e adicionamos algumas que fazem sentido, como o status, tipo de tarefa e a data de entrega e deixamos os dois últimos aparecendo no card

  3. Podemos criar diferentes visualizações para esses mesmos dados, clicando em add view

Página 2 - Estudos

Agora que vimos como conseguimos criar do zero, vou dar um exemplo pra vocês de como podemos usar um dos templates já pré definidos na plataforma para fazer essa nossa próxima página. Nesse caso usaremos o template Classroom Home

  1. Alteramos o título para Estudos de programação, colocamos um ícone de livros e uma capa também

  2. Apagamos a parte de Annoucements, pois nĂŁo iremos utilizar

  3. Colocamos uma descrição motivadora, pra sempre lermos quando entrarmos na página, como Sucesso é o acúmulo de pequenos esforços construídos a cada dia

  4. Trocamos o History por Matérias e adicionamos todas as áreas que iremos estudar no semestre ou como quiser se organizar

  5. Colocamos abaixo também os nossos Horários semanais

  6. Por fim, criamos a melhor parte nessa página, uma tabela de Faltas e notas e, pra isso adicionamos uma table database inline

  7. Criamos as colunas de Matéria, Faltas, Nota1, Nota2 e Média, cada uma com seu tipo específico e essa última colocamos como Formula e adicionamos a seguinte equação:

divide(prop("Nota1") + prop("Nota2"), 2)

Assim, nessa coluna aparecerá a soma da primeira nota na colunas Nota1 com a segunda na coluna Nota2, divididas por 2

  1. Além disso, na coluna de Faltas, podemos adicionar a soma de todas as linhas também com sum

Página 3 - Projeto

Aqui também utilizaremos um tamplate base, chamado Engineering Wiki, dentro da pasta Engineering

  1. Alteramos o título para Balle Bot, colocamos um ícone de foguete e uma capa também

  2. Separamos os tópicos em Links importantes, Código, Testes e Finanças

  3. Em Links importantes, colocamos uma página de Kanban de tarefas do projeto e um embed do figma com o design da página

  4. Em Código deixamos a página React, pois deixaremos um link com a biblioteca e também colocaremos um embed de um gist do github

  5. Em finanças colocamos Gastos e Lucros

Finalização

VocĂŞ encontra esses templates feitos nesse link

Se quiserem que eu traga um vídeo mostrando como automatizar as tarefas no Notion ou como consumir dados de uma API, deixa aqui nos comentários que eu vou adorar ensinar vocês!

Não esqueça de se inscrever no canal e até semana que vem!

More Repositories

1

GitTutorial

Tutorial de como usar o Git e Github na prática
7,303
star
2

rafaballerini

2,294
star
3

10ProjetosHTMLeCSS

1,156
star
4

Formulario

Página de formulário com HTML e CSS
HTML
1,019
star
5

PerfilGithub

593
star
6

ReactHooks

Um guia para entender os diferentes Hooks em React!
JavaScript
316
star
7

LandingPage

CSS
303
star
8

DesenvolvimentoWeb

263
star
9

AssistentePessoal

Assistente pessoal virtual desenvolvida com Python 🤖
Python
210
star
10

DiscordBot

Bot for 'Ballerini' server on Discord
Python
191
star
11

7DaysOfJavascript

155
star
12

InglesParaProgramacao

151
star
13

10PaisesParaTI

120
star
14

Tamagotchi

Tamagotchi in Python
Python
119
star
15

QuantoCobrarPorSite

107
star
16

Studify

JavaScript
93
star
17

AnaliseDaPlaylistDeRock

Uma associação de como o rock foi se modificando desde a década de 50 até os dias de hoje e como isso pode ser observado na prática nas músicas presentes na minha playlist de rock do Spotify, chamada "For Those About To Rock"
Jupyter Notebook
88
star
18

ProjetoGit

Projeto em que ensino a utilização do git
81
star
19

Certificard

Certificado com os projetos desenvolvidos na ImersĂŁo Dev da Alura
CSS
80
star
20

FlexboxParte1

CSS
71
star
21

TwitterSentimentAnalysis

Jupyter Notebook
63
star
22

ReactTypescriptCurso

TypeScript
58
star
23

DominioeHospedagem

Roteiro do vĂ­deo sobre domĂ­nio e hospedagem de sites com a Hostinger
57
star
24

Notion

56
star
25

ExemploVideos

CĂłdigos HTML e CSS utilizados nos videos do meu canal no youtube:
CSS
53
star
26

FlexboxCSS

CSS
52
star
27

BalleDocs

JavaScript
46
star
28

ExerciciosPython

exercicios do python
Python
41
star
29

OpenSource

40
star
30

FlexboxParte2

CSS
36
star
31

PurchaseList

Purchase List using Python
Python
33
star
32

EstudosSeriesTemporais

Um estudo breve de análise de séries temporais com dados de voos, utilizando python
Jupyter Notebook
30
star
33

ReactCards

An application where you can create reminder notes
CSS
27
star
34

ReactForms

Forms using React
JavaScript
26
star
35

Studify-TCC

JavaScript
25
star
36

NovoCelular

19
star
37

NLW3

Happy: a mobile/web application for people to find orphanages near their locations, so that they can visit it and make it an especial day for some of the children :)
TypeScript
16
star
38

SalesOrderRecord

C#
15
star
39

HomeAutomation

Domotic system using arduino and PHP
11
star
40

ProjetoGodot

GAP
8
star
41

lanchonete

Projeto desenvolvido para o Tech Challenge da PĂłs Tech em Software Architecture
JavaScript
5
star
42

CountDownTimer

Uma contagem regressiva pra surpresa que a Alura está preparando
JavaScript
1
star
43

apiballecoffee

Python
1
star