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

HTML provides the structure of your website. This lesson introduces basic tags like <h1>, <p>, <a>, and <img>, and explains how to organize your page using semantic elements like <header>, <nav>, <main>, and <footer>. You’ll learn how semantic markup improves accessibility and SEO.

Anterior
Siguiente