Extensión para crear el icono y cover de un curso en Platzi para organizar la toma de apuntes en Notion

Overview

💚 Platzi Cover

Extensión para extraer el icono y cover de un curso en Platzi para organizar la toma de apuntes en Notion

📦 Instalación

  1. Descargar el código del repositorio 👆🏻
  2. En nuestro navegador vamos al administrador de extensiones
  3. Seleccionamos la opción "Cargar descomprimida" (en caso de no encontrarla se debe buscar si es necesario activar algún "Modo desarrollador")
  4. Seleccionamos la carpeta que contiene el código 📁
  5. Listo! solo debes ir a algun curso y dar click a la extensión 💚

🤔 Funcionamiento / Explicación

  1. Ingresar al link del curso que puede ser en las clases ( cursos/frontend-developer/ ) o en la landing del curso (clases/frontend-developer/)
  2. Click en el icono de la extensión
  3. En la consola encontrarás la URL para el icono y el cover del curso 👌🏻 Ejemplo de extración de las imágenes del curso de Frontend Developer
  4. En Notion debemos tener una vista de "Galeria" (al crear la página seleccionamos Gallery o usamos el comando: /gallery)
  5. Seleccionamos que el la prevía de la tarjeta sea el contenido de la página (al poner el cover al inicio de cada página ese será el cover en la galería) Ejemplo de la vista de galeria de Notion
  6. Al crear una página en la galería agregamos el icono con la URL obtenida en la extensión y al inicio una imagen con el cover (también obtenida en la extensión) Ejemplo de como implementar el icono y cover en Notion

🚀 JUAN ESTEBAN GALVIS 😎

Programador Web 💻 - UI Designer 🎨 - Estudiante de Ingeniería informática 🎓 - Apuntes en Notion 🤍

🌲 ´https://linktr.ee/JuanGalvis 🌲

You might also like...

Projeto desenvolvido para o curso de desenvolvimento fullstack da escola de programação Driven.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Nov 11, 2022

Projeto desenvolvido para o curso de desenvolvimento fullstack da escola de programação Driven.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Nov 11, 2022

Projeto desenvolvido em Angular e Material, para conclusão do curso de extensão em Java

EmpresaFront This project was generated with Angular CLI version 13.0.4. Development server Run ng serve for a dev server. Navigate to http://localhos

Mar 18, 2022

Frontend Web do trabalho de conclusão de curso para o Técnico em Informática, cursado no Colégio Técnico de Limeira

Indice Sobre Tecnologias Utilizadas Como baixar o projeto 📋 Sobre O projeto MyLocker é uma plataforma de locação de armários desenvolvido para o Colé

Jun 17, 2022

Repositório para os arquivos do curso de Angular do Hora de Codar no YouTube.

Teoria This project was generated with Angular CLI version 13.1.2. Development server Run ng serve for a dev server. Navigate to http://localhost:4200

Dec 29, 2022

Grupo de Trabalho para o projeto do Desafio Chefão do XP 41 do Curso de FullStck da Gama Academy

Bem Vindos a Tech Dental 👋 A Tech Dental é uma plataforma para gestão de prontuários de pacientes em clínicas odontológicas. Secretárias ou até mesmo

Jul 27, 2022

A AfirmaJobs é uma plataforma de divulgação de vagas voltadas para a diversidade e inclusão. A aplicação foi desenvolvida como projeto final do curso bootcamp da Reprograma

A AfirmaJobs é uma plataforma de divulgação de vagas voltadas para a diversidade e inclusão. A aplicação foi desenvolvida como projeto final do curso bootcamp da Reprograma

AFIRMAJOBS Este projeto é resultado do Bootcamp Back-End - Todas em Tech - { reprograma } Justificativa Grupos historicamente minorizados – população

Dec 13, 2022

Proyecto de encriptasion, echo para el curso de Oracle Next Education 2022

Encriptador Proyecto de Encriptador, echo para el curso de Oracle Next Education 2022. Link directo al proyecto desplegado Link al Encriptador Instruc

Dec 28, 2022

Chrome extension for granular visual control over Notion.so

Notion Style Tweaks (Beta) A Chrome extension aiming to give granular control over the visual experience of Notion. Written in Svelte. Installation Ch

Dec 25, 2022
Owner
Juan Galvis
Programador Web 💻 ~ Diseñador UI 🎨 ~ Apuntes en Notion 🤍 ~ Atlético de Madrid ❤🤍 ~ Aprendo de todo 🧠
Juan Galvis
App para armazenar e organizar repositórios do Github

Save-Repo Objetivo Armazenar e organizar repositórios públicos do Github Como iniciar? Defina em seu terminal o diretório do aplicativo e digite "yarn

Rodrigo Souza 1 Sep 12, 2022
Curso de ECMAScript 6+ en Platzi

Curso de ECMAScript 6+ JavaScript es el lenguaje más utilizado para desarrollo de aplicaciones web, principalmente en el frontend. Cada año, ECMA Inte

Edward Brito Diaz 3 Feb 12, 2022
Script para crear un layout tipo masonry.

light-masonry Script para crear un layout tipo masonry. Solo es necesario tener el contenedor junto a sus hijos que se acomodaran en este tipo de layo

Lenin Felix 2 Feb 4, 2022
Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

juansito 6 May 11, 2022
PEARL (Planetary Computer Land Cover Mapping) Platform API and Infrastructure

PEARL API & Infrastructure PEARL is a landcover mapping platform that uses human in the loop machine learning approach. This repository contains the A

Development Seed 47 Dec 23, 2022
A cover page transition based on Vitalii Burhonskyi's Dribbble shot.

Cover Page Transition A cover page transition based on Vitalii Burhonskyi's Dribbble shot. Article on Codrops Demo Installation Install dependencies:

Codrops 37 Dec 31, 2022
[WIP] n8n nodes that cover the Zoho "Books" API

n8n-nodes-starter This repo contains example nodes to help you get started building your own custom integrations for n8n. It includes the node linter

Vrishin Patel 6 Nov 26, 2022
📗 A simple electron app to connect with Platzi and add a discord rich presence

Platzi - Discord Rich Presence RPC Electron Requirements Nodejs you can download the latest version -> here clone the repository like this -> git clon

Jonathan Dyallo 9 Oct 31, 2022
Create a new challenge for jshero.platzi.com, share your experience creating amazing challenges.

JSHero - jshero.platzi.com ?? Create a new challenge for jshero.platzi.com, share your experience creating amazing challenges. Create a new challenge:

Comunidad Platzi 28 Oct 19, 2022
Create a new challenge for jshero.platzi.com, share your experience creating amazing challenges.

JSHero - jshero.platzi.com ?? Create a new challenge for jshero.platzi.com, share your experience creating amazing challenges. Create a new challenge:

PlatziLabs 20 Apr 27, 2022