Proyectos sencillos para visual Studio code

@lef.osc_

6.5K followers · usually 2.7K views a post

Views

9.7K

Likes

460

Comments

2

Shares

20

Selling · SaaS › Developer Tool

Visual Studio Codeseen in 13 videos →

Why it worked

The video provides a clear, step-by-step tutorial for a visually appealing and emotionally resonant project (an animated heart), making it highly shareable and engaging for beginners in web development.

Summary

This video demonstrates how to create a simple animated heart using HTML and CSS in Visual Studio Code. It guides viewers through setting up the project files and applying the necessary code to achieve the animated heart effect.

Structure

1Introduction to simple projects for Visual Studio Code
2Creating project files (index.html, style.css)
3Writing HTML and CSS code for the heart animation
4Using Live Server to view the project
5Concluding with the animated heart and suggesting it as a gift

Product placement

Visual Studio Code: an IDE used to write and edit code. It ACTS in this video. Removing it would change what happens. cdn.jsdelivr.net: a content delivery network used to host the canvas-confetti library. It APPEARS as a URL in the code. Removing it would change what happens.

Original caption

#programming #coding #principiante #parati

More from @lef.osc_

Their other posts in the index, biggest breakout first.

Call to action

Open with Live Server

On-screen text

Proyectos sencillos para visual Studio code index.html style.css

Transcript

Proyectos sencillos para visual Studio code para este proyecto vamos a usar solo HTML y CSS. Vamos a crear una carpeta en nuestro explorador de archivos donde vamos a crear una carpeta de cero. Yo la nombre corazón y la abrimos en Visual Studio Code. Por cierto, no olviden tener la extensión de Live Server. Ya dentro agregaremos un archivo index.html y otro de style.css para poder desarrollar este proyecto. Es un buen proyecto para iniciar o simplemente para dárselo a tu persona especial. Aquí les dejo las imágenes del código.