Crea tu WEB con NOTION ⚡️

Summary

El video ofrece un tutorial sobre cómo aprovechar al máximo la plataforma Notion para organizar equipos, tareas y documentación. Se presenta la aplicación gratuita 'TUI Timer' desarrollada por la comunidad para aprender a programar. El creador explica su uso de Notion para gestionar el proyecto, compartir información relevante y crear páginas personales. También se discute cómo publicar páginas de Notion como sitios web utilizando herramientas como 'Fruición' y 'Super', lo que permite personalizar URLs, agregar dominios personalizados y realizar integraciones para mejorar el posicionamiento en buscadores y la experiencia del usuario en dispositivos móviles.

Takeaways

• 😀 El video es un tutorial sobre cómo utilizar Notion para llevarlo al siguiente nivel.
• 👋 Bienvenida a Moure Dead by Price Mobile, un canal de tutoriales de programación y desarrollo de apps iOS y Android.
• 🛠 Se discute cómo crear una página web personal en Notion para proyectos como TUI Timer.
• 💡 Se menciona que Notion es una herramienta de gestión de equipos, tareas y documentación, útil en el desarrollo de software.
• 🌐 Se describe cómo crear una wiki, tableros de gestión de tareas y documentación en Notion.
• 📝 Se destaca la flexibilidad de Notion para personalizar páginas y elementos según las necesidades del proyecto.
• 🔗 Se habla sobre la posibilidad de publicar páginas de Notion públicamente y cómo hacerlo.
• 🌐 Se sugiere la utilización de herramientas como Fruición para mejorar las URLs de las páginas públicas de Notion.
• 💼 Se recomienda Super para crear una versión estática del sitio web de Notion con características adicionales.
• 🔑 Se explica cómo asociar un dominio personalizado a la versión estática del sitio web creado con Super.
• 🛠️ Se menciona la posibilidad de realizar personalizaciones y integraciones en Super, como Google Analytics y botones de donaciones.

Q & A

¿Qué es Moure de Conocés y cómo está relacionado con Notion?

Moure de Conocés es un canal de tutoriales de programación y desarrollo de aplicaciones iOS y Android. Se relaciona con Notion a través de la creación de una página web para el proyecto 'TUI Timer', utilizando Notion como herramienta de organización y documentación para el equipo.

¿Qué es TUI Timer y cómo se relaciona con el desarrollo de aplicaciones?

TUI Timer es una aplicación iOS y Android gratuita que está siendo desarrollada en colaboración con la comunidad. El proyecto tiene como objetivo enseñar a programar y generar contenido para aprender a programar en directo.

¿Por qué se decidió utilizar Notion para el proyecto TUI Timer?

Se utilizó Notion debido a su capacidad para gestionar equipos, tareas y documentación, que es común en el campo del desarrollo de software. Además, se buscaba una plataforma donde publicar el estado del proyecto y su información relevante.

¿Cómo se puede acceder a la información del proyecto TUI Timer?

La información del proyecto TUI Timer se puede acceder gratuitamente a través de la página principal de Notion que se menciona en el script, donde se ofrece información general, recursos y enlaces para desarrolladores.

¿Qué páginas se crearon en Notion para reflejar diferentes aspectos del proyecto TUI Timer?

Se crearon páginas adicionales en Notion para reflejar el registro de cambios de las versiones de iOS y Android, el listado de tareas y su estado actual, y otras páginas adicionales para la gestión del proyecto.

¿Cómo se puede hacer para que una página de Notion sea pública?

Para hacer pública una página de Notion, se debe ir a la opción de 'share' y activar la opción de hacer la web pública. Esto permitirá que la página sea accesible por una URL.

¿Qué es un editor de bloques y cómo se relaciona con la creación de páginas en Notion?

Un editor de bloques es una herramienta que permite añadir elementos a una página de manera flexible y modular. En el contexto de Notion, se utiliza para decidir qué contenido, como texto, imágenes o enlaces, se añadirá a la página.

¿Cómo se pueden personalizar las tablas de tareas en Notion?

Las tablas de tareas en Notion se pueden personalizar creando propiedades personalizadas y utilizando scripts para que se comporten de acuerdo con las necesidades específicas del usuario.

¿Qué es Fruición y cómo se relaciona con la publicación de una página de Notion como un sitio web?

Fruición es una opción que permite sustituir URLs poco amigables por URLs más sencillas en tiempo de ejecución. Aunque solo realiza esta tarea y tiene problemas de seguridad, se menciona como una alternativa para la publicación de una página de Notion como sitio web.

¿Qué es Súper y cómo se utiliza para mejorar la funcionalidad de una página de Notion convertida en sitio web?

Súper es una plataforma que permite crear páginas personales y agregar características adicionales a las páginas web. Se utiliza para publicar una copia estática de la página de Notion, permitiendo realizar modificaciones y agregar características web como SEO, posicionamiento en Google y personalización de URLs.

¿Cómo se puede integrar Google Analytics en una página de Notion publicada como sitio web a través de Súper?

Para integrar Google Analytics en una página de Notion publicada a través de Súper, se deben generar scripts de Google Analytics y pegarlos en el editor de código de Súper, permitiendo así la medición del tráfico y el análisis de la página web.

¿Qué son los miembros del canal en YouTube y cómo se relacionan con el apoyo al contenido del creador?

Los miembros del canal en YouTube son aquellos que pagan una suscripción mensual para apoyar al creador de contenido. Este apoyo permite a los creadores monetizar su contenido y brinda a los miembros beneficios adicionales como acceso a contenido exclusivo.

¿Cómo se puede colaborar con el proyecto TUI Timer además de suscribirse al canal de YouTube?

Además de suscribirse al canal de YouTube, se puede colaborar con el proyecto TUI Timer siguiendo al creador en redes sociales, como Twitter e Instagram, y participando en las transmisiones en vivo en Twitch. También se puede apoyar económicamente invítando al creador a un café a través de la página de Twitter.

Outlines

00:00

😀 Introducción a Notion y creación de páginas personales

El primer párrafo presenta un tutorial sobre cómo utilizar Notion, una herramienta de organización de equipos, tareas y documentación. El objetivo es llevar el uso de Notion al siguiente nivel, enseñando a los espectadores a crear páginas personales y aprovechar al máximo sus capacidades. Aunque se menciona que Notion tiene similitudes con otras herramientas de gestión de proyectos como Jira, el enfoque aquí es en la creación de una página web para compartir información relevante del proyecto y su estado, más allá de ser una simple página comercial. Se habla de la posibilidad de crear una wiki, tableros de gestión de tareas y documentación, y se menciona la apariencia y funcionalidad de la página principal de 'TUI Timer', un proyecto en el que se está trabajando y se está generando contenido para aprender a programar.

05:02

😉 Transformación de una página de Notion en un sitio web con Super

El segundo párrafo detalla cómo se ha transformado una página de Notion en un sitio web funcional utilizando Super. Se menciona la creación de imágenes con enlaces de descarga de la aplicación y la integración con 'Buy Me A Coffee' para colaboraciones. El sitio se ha indexado en Google y se ha personalizado con un dominio, un subdominio, y se ha realizado una serie de personalizaciones como el cambio de título, la adición de un dominio personalizado, configuración de registros en el proveedor de dominios, y la inclusión de subpáginas con nombres amigables. También se ha agregado Google Analytics y se ha modificado el diseño con colores, fuentes y una barra de navegación. Se destaca la versatilidad de Super para crear sitios web completos y se menciona la posibilidad de hacer cambios que se publiquen directamente en el sitio, lo que puede ser útil para proyectos personales o folios.

Keywords

💡Notion

Notion es una herramienta de gestión de tareas y documentación para equipos. En el video, se utiliza para crear una página personal y para organizar información relevante del proyecto TUI Timer. La flexibilidad de Notion permite a los usuarios crear una wiki, tableros de gestión de tareas y notas, lo que se destaca como un aspecto clave para el desarrollo y gestión de proyectos.

💡TUI Timer

TUI Timer es la aplicación iOS y Android gratuita que se menciona en el video y está siendo desarrollada en colaboración con la comunidad. La aplicación es un ejemplo de cómo se puede utilizar la plataforma de Notion para generar y compartir contenido educativo relacionado con la programación.

💡Desarrollo de software

El desarrollo de software es un proceso sistemático de creación de un programa de computadora o un sistema de software. En el video, se discute cómo las herramientas como Notion y otras aplicaciones como Jira son esenciales para gestionar tareas y documentación en el campo del desarrollo de software.

💡Wiki

Un wiki es una plataforma colaborativa que permite a los usuarios crear, editar y compartir contenido en línea. En el contexto del video, se menciona que Notion se puede utilizar para crear una wiki con documentación, lo que es esencial para mantener un registro de información y conocimientos dentro de un proyecto.

💡Gestión de tareas

La gestión de tareas es la organización y el seguimiento de las actividades que necesitan ser realizadas en un proyecto. En el video, se destaca cómo Notion puede ser utilizado para gestionar tareas a través de tableros y otras herramientas integradas, lo que mejora la eficiencia y la colaboración en equipo.

💡Documentación

La documentación es la información escrita o grafía que acompaña a un producto o proyecto, explicando cómo funciona o cómo se puede usar. En el video, se resalta la importancia de la documentación en el proyecto TUI Timer y cómo Notion puede ser una herramienta eficaz para su creación y gestión.

💡Web personalizada

Una web personalizada es un sitio web diseñado y adaptado a las necesidades específicas de un individuo o proyecto. En el video, se muestra cómo se puede utilizar Notion para crear una página web personalizada que refleje el progreso del proyecto TUI Timer y que sea accesible públicamente.

💡Super

Super es una plataforma que permite a los usuarios crear sitios web estáticos a partir de una copia de un proyecto en Notion. En el video, se utiliza Super para publicar la página de Notion de TUI Timer en un dominio personalizado, mejorando la accesibilidad y la presentación del proyecto en línea.

💡Dominio personalizado

Un dominio personalizado es un nombre de servidor que se utiliza para identificar de manera única un sitio web en Internet. En el video, se discute cómo asociar un dominio personalizado a la página de Notion de TUI Timer para mejorar la presencia en línea y el branding del proyecto.

💡Seguridad web

La seguridad web se refiere a las medidas y tecnologías utilizadas para proteger la información en un sitio web y prevenir ataques informáticos. En el video, se menciona la importancia de la seguridad al utilizar herramientas como Super para publicar sitios web, y se recomienda a los espectadores utilizar proveedores de dominio de calidad para garantizar una mayor protección.

💡Integraciones

Las integraciones son la capacidad de que diferentes servicios o aplicaciones funcionen juntos de manera eficiente. En el video, se habla sobre la integración de herramientas como Google Analytics y un botón de donaciones en la web personalizada creada con Super, lo que muestra cómo las integraciones pueden mejorar la funcionalidad y la interacción del sitio web.

Highlights

Bienvenida a Moure de Conocés Notion, una herramienta de organización de equipos, tareas y documentación.

Tutorial para llevar Notion al siguiente nivel y crear páginas personales.

Introducción a Notion y cómo utilizarla para gestionar proyectos y equipos.

Explicación de cómo se utilizó Notion en el desarrollo de la app TUI Timer.

Notion como alternativa a otras herramientas de gestión de proyectos como Jira o Trello.

Creación de una página web comercial y de información del proyecto TUI Timer con Notion.

Funcionalidades de Notion para publicar información relevante del proyecto y su estado.

Cómo crear una wiki con documentación y tableros de gestión de tareas en Notion.

Uso de Notion para generar documentación y gestionar notas.

Pasos para hacer pública una página de Notion y su configuración.

Editor de bloques en Notion y cómo añadir elementos a una página.

Posibilidad de personalizar propiedades y scripts en las tablas de tareas de Notion.

Comparación de Notion con otras opciones y su flexibilidad y potencia.

Proceso de asociar un dominio personalizado a una página de Notion.

Uso de herramientas como Fruición para mejorar las URLs de las páginas de Notion.

Recomendación de Super para crear una copia estática de la página de Notion con características adicionales.

Beneficios de publicar la página de Notion en Super, incluyendo SEO y compatibilidad con dispositivos móviles.

Personalización de la página web en Super, incluyendo el título, dominio personalizado y navegación.

Integración de servicios como Google Analytics y botones de donaciones en la página de Super.

Transformación de una página de Notion en un sitio web funcional con Super.

Cómo colaborar con la comunidad y seguir el proyecto en redes sociales y Twitch.

Invitación a suscribirse y colaborar con el proyecto a través de donaciones y comentarios.

Transcripts

hola carmen qué tal estáis bienvenidos a

moure de conocés notion y la herramienta

de organización de equipos tareas y

documentación si es así hoy voy a

enseñarte a llevarlo al siguiente nivel

contándote cómo crear tu propia página

personal con él y muchas más cosas y si

no conoces notion no te preocupes ya que

rápidamente descubrirá su potencial

listo pues comenzamos a picar

bienvenidos a moure dead by price mobile

tutoriales de programación y desarrollo

de app ios y android

desde que la hace tui timer muchos me

habéis preguntado sobre cómo había

creado la página web si no sabes qué

estoy timer decirte rápidamente que es

la app ios android gratuita que estamos

desarrollando entre la comunidad y con

la que estoy generando contenido para

aprender a programar toda la información

esencial sobre el proyecto y cómo

participar en él te lo dejo en este

vídeo para comenzar te hablaré de la

premisa que me llevó a utilizar nation

si trabajas en el campo del desarrollo

de software es muy habitual que puedas

conocer aplicaciones como pueden ser

jira 3 guys es decir herramientas que

nos ayudan a gestionar equipos tareas y

documentación entre otras muchas cosas

en el caso de tui timer precisamente yo

quería hacer eso no quería crear una

página web comercial únicamente para dar

a conocer el producto sino que

necesitaba una web en la que publicar

todo el estado del proyecto y su

información más relevante si entras en

nou sea un punto ese o podrás

descargarlo gratuitamente y consultar si

realmente se te adaptás como herramienta

de organización ya que entre otras

muchas cosas podrás crear una wiki con

documentación diferentes tableros de

gestión de tareas gestionar notas o

generar documentación con todo esto aquí

tenemos el nation de tu timer

básicamente es una página principal en

la que yo hablo proyecto a nivel general

en la que te explico por qué he creado

este proyecto me presento y te digo

dónde puedes encontrarme y te comparto

diferentes recursos sobre todo orientado

a desarrolladores ya que como te he

dicho estamos utilizando twitter para

aprender a programar en directo y

generar contenido adicional aparte de

esta página en ocasión que más o menos

ves que le he dado apariencia de web he

creado otras por ejemplo para reflejar

el registro de cambios de las versiones

ios android o incluso el listado de

tareas en las que estamos trabajando y

su estado actual así como otras páginas

adicionales no son te permite publicar

estas páginas de forma pública lo único

que tienes que hacer es irte a la opción

de share y activar ser tu web pero si te

fijas tendremos lo siguiente una url que

no es nada amigable esto está bien para

tu gestión personal o privada para

equipos pero no a si de verdad quieres

compartir tu una visión de forma pública

y correcta como web nation es muy simple

funciona básicamente como un editor de

texto en concreto como un editor de

bloques en el que simplemente tendrás

que decidir qué elemento quieres añadir

a la página de mención ya ves que las

posibilidades son muy grandes y que

combinadas pueden acabar creando algo

como lo que estás viendo no son va algo

más allá ya que tiene una pública si

quieres utilizarlo y también la

posibilidad de descargar diferentes

templates diferentes plantillas que los

usuarios han compartido para que

directamente las puedas importar en tu

proyecto y modificarlas a tu gusto por

otra parte ciertos componentes como las

tablas de tareas son muy potentes ya que

te dejarán por ejemplo crear propiedades

personalizadas así como diferentes

scripts para que se comporten como tú

quieres según tus necesidades puede

resultar tedioso y puede que otras

opciones se adapten mejor pero sí que es

cierto que es muy potente y flexible si

queremos publicar nuestra revisión como

web lo primero lo que pensaremos es en

asociar un dominio personalizado en mi

caso tweet aymer puntocom para ello

existen algunas opciones como pueden ser

fruición y que básicamente se va a

encargar de sustituir en tiempo de

ejecución las urls poco amigables por

unas mucho más simples que indiquemos te

dejo todos los enlaces de interés en la

descripción del vídeo pero sí que debo

decirte que fruición únicamente hace eso

y que posee diferentes problemas a nivel

de seguridad para que incluso puedan

intentar suplantar en tu nombre tu sitio

web si quieres una opción de calidad te

recomiendo sitios como súper va a añadir

muchísimas características extra a

nuestro nos jon que no tenemos por

defecto características asociadas

precisamente a webs si utilizamos súper

nosotros no vamos a no directamente sino

una copia estática de este con lo cual

la gente de 'super se va a encargar de

realizar un post procesado de la web

pudiendo realizar diferentes

modificaciones estas modificaciones nos

van a permitir características tan

típicas de la web como pueden ser sus eo

vamos poder trabajar en su

posicionamiento y esto lo que nos indica

es que nuestra nación' también se va a

indexar en google se va a indexar bajo

nuestro dominio personalizado el que se

cree una copia estática quiere decir que

se va a cargar rapidísimamente y eso va

a ayudar muchísimo al posicionamiento en

nuestro sitio web se va a publicar bajo

ese shell con un certificado de

seguridad http se va a ser totalmente

responsive en dispositivos móviles a

parte del dominio personalizado también

vamos a poder crear url es mucho más

amigables para las diferentes sub

páginas y entre otras muchas

personalizaciones por ejemplo le vas a

poder añadir google analytics o como es

en mi caso un botón de donaciones por si

quieres colaborar con el proyecto súper

es una plataforma muy utilizada para

crear páginas personales por ejemplo mi

compañera miriam gonzález ha creado

sitio web con súper innovación y ya

vemos lo bien que le ha quedado en el

caso de tui timer ha quedado así nuestro

no visión inicial ahora tiene esta pinta

tenemos siempre activo el modo una barra

superior para navegar rápidamente a

diferentes páginas algo muy típico de

web así como un menú lateral una imagen

en uso no nos da la capacidad de ser

clic hable para llevarnos a un link en

este caso con super sí que podemos

conseguirlo yo he utilizado para crear

estas imágenes con los diferentes

enlaces de descarga de la app y en mi

caso también he añadido la integración

con vainilla coffee un mecanismo para

colaborar con el contenido que hago

simplemente invitándome a café por

supuesto todo esto bajo el dominio

twitter.com si buscas timer en google

verás que está indexado capacidad que no

tenemos conexión con todo esto hemos

transformado nuestro nation en un sitio

web totalmente funcional desde super lo

único que he tenido que hacer es añadir

un nuevo sitio en el que tendremos que

darle un nombre a nuestra web copiar la

url pública de nuestro nación' la url

que queremos publicar bajo un dominio

concreto la pegamos y continuamos con

esto ya tendremos publicado en twitter

punto super punto site nuestra web ya

abajo un subdominio dentro de súper ya

raíz de esto podremos realizar todas las

personalizaciones que querramos desde él

y thames podremos modificar el título de

la web desde domain añadir un dominio

personalizado en mi caso twitter.com y

configurar estos valor que nos indican

en el proveedor de dominios donde lo

tengamos alojado simplemente estos dos

registros una vez lo tengamos podrás

incluir todas las sub páginas darle un

nombre más amigable en vez de soy de

editar su sello su imagen de portada sus

keywords e incluso si quieres añadirle

una contraseña a esa página en concreto

podrás añadirle el favicon insertar

código personalizado o utilizar

diferentes modos de personalización

colores fuentes o barra de navegación y

como ya te comenté antes realizar

diferentes integraciones como ha sido en

mi caso google analytics y bain ya con

estas integraciones te llevarán pocos

minutos ya que básicamente tendrás que

generar diferentes scripts que acabarás

pegando en el editor de código de 'super

sin duda una forma muy potente y

versátil de crear un sitio web muy

completo ya que según vayan modificando

tu nou son directamente sus cambios se

verán publicados el agua piensa que tu

noción puede crecer de forma infinita y

que en ningún caso desde super nos van a

cobrar más espero que te haya gustado

esta forma rápida simple y potente de

crear un sitio web un sitio web sobre

todo si estamos pensando en proyectos

son por folios personales si este

contenido te ha parecido útil ya sabes

que la forma más fácil de colaborar con

la comunidad es dándole al botón de

suscribir la campanita así youtube te

notificará cada vez que es un nuevo

vídeo también puedes seguirme como

arroba mugre de en redes sociales en

twitter en instagram en tick tock y

sobre todo en tweets donde hacemos

transmisiones en directo de lunes a

viernes hablando sobre programación y

tecnología recuerda también dejar tu

like en el vídeo y un comentario sobre

lo que te ha parecido y si aún quieres

apoyar más mi contenido decirte como

siempre que tienes el mecanismo de

miembros del canal en youtube y de

suscriptores en twitch y que también me

puedes invitar a un café como has visto

desde la página de twitter para estar en

contacto con toda la comunidad tenemos

el servidor gratuito de disco todos

estos enlaces de interés están en la

descripción del vídeo de verdad

muchísimas gracias por todo vuestro

apoyo y nos vemos muy pronto en un nuevo

tutorial hasta otra carmen

[Música]

[Música]