Crea tu WEB con NOTION ⚡️
Summary
TLDREl 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
😀 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.
😉 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.
Mindmap
Keywords
💡Notion
💡TUI Timer
💡Desarrollo de software
💡Wiki
💡Gestión de tareas
💡Documentación
💡Web personalizada
💡Super
💡Dominio personalizado
💡Seguridad web
💡Integraciones
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]
Ver Más Videos Relacionados
Ultimate Google Sites Tutorial 2024 | Create A ‘Full Feature’ Google Sites Website
Using Logseq to research and plan for a video
JavaScript en 5 Minutos o más!
Aprende a Programar tu Primera Calculadora Básica Paso a Paso | Java | NetBeans
Curso de Android con Java: Control Spinner con una lista de String
Cómo Crear una PÁGINA WEB con Google Sites GRATIS (2024) Guía Completa
5.0 / 5 (0 votes)