function erexit_png_to_svg_enqueue_scripts() { $theme_js_url = get_stylesheet_directory_uri() . '/js'; // Librería ImageTracer wp_enqueue_script( 'imagetracer', $theme_js_url . '/imagetracer_v1.2.6.js', array(), '1.2.6', true ); // Tu script personalizado wp_enqueue_script( 'png-to-svg-tool', $theme_js_url . '/png-to-svg-tool.js', array('imagetracer'), '1.0', true ); } add_action( 'wp_enqueue_scripts', 'erexit_png_to_svg_enqueue_scripts' ); function erexit_png_to_svg_shortcode() { $html = <<
Arrastra aquí tu imagen (PNG/JPG)
PREVIEW


HTML; return $html; } add_shortcode( 'png_to_svg_tool', 'erexit_png_to_svg_shortcode' );
Contenido del curso
Getting started with front-end development
Understand the role of front-end development and how websites are structured and delivered.
0/3
What is front-end development?
Setting up your development environment
The front-end basics
01:00:00
Building structure with HTML
Learn how to use HTML to create the skeleton of web pages and structure content semantically.
0/2
Writing semantic HTML
Creating forms and inputs
Styling with CSS
Make your web pages visually appealing and responsive with modern CSS techniques.
0/2
Working with selectors and properties
Responsive design with flexbox and media queries
Adding interactivity with JavaScript
Introduce dynamic behavior to your websites using JavaScript basics.
0/2
Understanding variables, functions, and events
Manipulating the DOM
Graphic design essentials

Before you start coding, it’s essential to prepare your tools. This lesson walks you through installing a code editor (like VS Code), setting up a browser for testing, and using version control with Git. You’ll also learn how to organize your project folders and files for best practices and scalability.

Anterior
Siguiente