Curso de Desarrollo Web con Svelte y Sapper

Curso de Desarrollo Web con Svelte y Sapper

Instruido por:
Oscar Barajas Tavares
Oscar Barajas Tavares
Avanzado
4 horas de contenido
Ver la ruta de aprendizaje
Blog Estrella
Proyecto del curso
Blog Estrella

Construye un blog con sistema de likes, comentarios, newsletter y analytics usando Svelte y Sapper. Consume la API de Ghost CMS e integra herramientas como Discus, Google Analytics y Cloudflare DNS.

Curso de Desarrollo Web con Svelte y Sapper

Curso de Desarrollo Web con Svelte y Sapper

Progreso del curso:0/35contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/35contenidos(0%)

Herramientas para trabajar con Svelte profesionalmente

Material Thumbnail

Proyecto del curso y estado del arte de Svelte

02:27 min

Material Thumbnail

Setup inicial con Sapper

02:29 min

Material Thumbnail

Estructura de un proyecto en Sapper

04:50 min

Estructura de rutas con Sapper

Material Thumbnail

Sistema de rutas y rutas dinámicas en Sapper

04:45 min

Material Thumbnail

Layout y estructura principal de nuestro blog

08:36 min

Material Thumbnail

Ruta 404 con animaciones

07:22 min

Material Thumbnail

Rutas principales del blog: about, contact y tags

06:19 min

Construye el Layout y Newsletter del blog

Diseño y maquetación del Header

12:59 min

Material Thumbnail

Diseño y maquetación del Nav

06:11 min

Material Thumbnail

Diseño y maquetación del Sidebar y Footer

09:38 min

Material Thumbnail

Construye un Newsletter para el blog

14:29 min

Material Thumbnail

Estructura de los blogposts

02:54 min

Sección principal del blog y blogposts

11:12 min

Integración de analytics, comentarios y tiempo de lectura en tu blog

Material Thumbnail

Integración con Google Analytics

06:32 min

Material Thumbnail

Calcula el tiempo de lectura de cada blogpost

07:57 min

Material Thumbnail

Muestra un emoji aleatorio en cada blogpost

04:52 min

Material Thumbnail

Manejo de fechas dentro del blog con JavaScript Vainilla

06:02 min

Material Thumbnail

Estructura del blogpost con comentarios

07:34 min

Material Thumbnail

Integración con Disqus para agregar comentarios

08:32 min

Construye tu API usando Ghost CMS

Material Thumbnail

Instalación de Ghost

04:25 min

Material Thumbnail

Configuración de Ghost en Heroku

03:46 min

Material Thumbnail

Integra la API de Ghost en tu blog con Svelte

15:47 min

Material Thumbnail

Guardando la información de nuestros blogposts

05:10 min

Material Thumbnail

Terminando la integración

09:50 min

Despliega tu aplicación

Material Thumbnail

Compra de un dominio y manejo del DNS con Cloudflare

06:47 min

SEO y optimización de tu sitio web

Material Thumbnail

Metadatos y optimización del SEO

13:49 min

Material Thumbnail

Transforma tu blog en una PWA

04:17 min

Material Thumbnail

Terminando el RSS

13:24 min

Agrega pruebas de integración con Cypress

01:11 min

Cómo continúa tu camino profesional con Svelte

Material Thumbnail

Siguientes pasos con Svelte

01:18 min

nuevosmás votadossin responder
lahincapie
lahincapie
Estudiante

Por que renombrar el css? que diferencia hace?

1
lahincapie
lahincapie
Estudiante

hola… osea que si tengo, no se, 38 posts solo se van a mostrar 15? como hago para mostar los demás sin afectar el rendimiento?.

1
Cristian Daniel Jesus Rios
Cristian Daniel Jesus Rios
Estudiante

Consulta, el proyecto incluye backend?, osea te enseña a crear un usuario admin, que permita tener un panel CRUD y de ahi admisnitrar todo el blog o solo es front y lo tengo que combinar con algun otro curso como el de NODE? gracias

3
wilkinsbrito
wilkinsbrito
Estudiante

¿Por qué me salen los post a mi también creados el 21 de junio del 2020? Si al día de hoy que hago esta clase estamos 14 de diciembre 2020, eso no tiene sentido

1
Jesús David Emiliano Reynoso Sarmiento
Jesús David Emiliano Reynoso Sarmiento
Estudiante

Hola, tengo un error en VSC:
No muestra el {readTime}
En VSC
Dice que su valor no es leído

0
Jesús David Emiliano Reynoso Sarmiento
Jesús David Emiliano Reynoso Sarmiento
Estudiante

Hola tengo el siguiente error


(node:8340) UnhandledPromiseRejectionWarning: WebpackOptionsValidationError: Invalid configura
tion object. Webpack has been initialised using a configuration object that does not match the
 API schema.
 - configuration.output.path: The provided value "undefined/client" is not an absolute path!
   -> The output directory as **absolute path** (required).
    at webpack (C:\Users\jesus\documents\blog\svelteblog\node_modules\webpack\lib\webpack.js:3
1:9)
    at new WebpackCompiler (C:\Users\jesus\Documents\blog\svelteblog\node_modules\sapper\dist\create_manifest_data.js:4481:18)
    at Object.<anonymous> (C:\Users\jesus\Documents\blog\svelteblog\node_modules\sapper\dist\c
reate_manifest_data.js:4534:25)
    at Generator.next (<anonymous>)
    at C:\Users\jesus\Documents\blog\svelteblog\node_modules\sapper\dist\_commonjsHelpers.js:3
0:71
    at new Promise (<anonymous>)
    at Object.__awaiter (C:\Users\jesus\Documents\blog\svelteblog\node_modules\sapper\dist\_co
mmonjsHelpers.js:26:12)
    at Object.create_compilers (C:\Users\jesus\Documents\blog\svelteblog\node_modules\sapper\d
ist\create_manifest_data.js:4512:29)
    at Watcher.<anonymous> (C:\Users\jesus\Documents\blog\svelteblog\node_modules\sapper\dist\dev.js:137:58)
    at Generator.next (<anonymous>)
(Use `node --trace-warnings ...` to show where the warning was created)
(node:8340) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originat
ed either by throwing inside of an async function without a catch block, or by rejecting a pro
mise which was not handled with .catch(). To terminate the node process on unhandled promise r
ejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.htm
l#cli_unhandled_rejections_mode). (rejection id: 2)
(node:8340) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the
future, promise rejections that are not handled will terminate the Node.js process with a non-
zero exit code.
0
Noé Moreno
Noé Moreno
Estudiante

Oscar una pregunta. Si quiero conectar svelte a mysql, que debo utilizar?

Gracias

3
Diego Artiles
Diego Artiles
Estudiante

Se puede agregar sass a svelte?

4