Inseguro de dónde
empezar?

Track

Certificado

Fundamentos del Desarrollo Frontend

4.7+

★★★★★

581 reseñas

Intermediate

Explore los pilares fundamentales de las habilidades de todo desarrollador web. Comience con HTML, donde aprenderá a estructurar el contenido web, crear una navegación intuitiva e incorporar elementos multimedia a la perfección. Mostrar más

HTML/CSS

JavaScript

Boost your Tech Skills!

with up to 55% off

What you'll get with our subscription:

Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion

Training 2 or more people?

Get your team access to Codefinity courses anytime, anywhere.

Try Codefinity Teams

What you will learn

Understand the foundational role of tags and attributes in web page creation.
Comprehend the structuring of web documents through learning about document flow and head elements.
Develop the ability to insert and manage images, audio, and video, enhancing web media handling.
Gain proficiency in creating and organizing forms, mastering the use of input types and form elements.

218 chapters
20 hours
222 tasks

Trusted by employees of leading companies

Learning track content

Module 1 / HTML Definitivo

Explore el funcionamiento interno de la web. Aprenda cómo viajan los datos a través de las redes, descubra el papel de los protocolos y desentrañe los misterios de las direcciones IP y los nombres de dominio. Adquirir una comprensión de alto nivel de cómo los navegadores web y servidores se comunican para entregar contenido web.

Descubra el poder de las tags para estructurar contenidos, desde títulos y párrafos hasta listas y tablas. Aprende a mejorar los elementos con atributos.

El núcleo de la estructura de los documentos HTML. Conozca los componentes de un documento HTML, incluyendo la declaración doctype, head y body. Entender el propósito de cada elemento y cómo contribuyen a la estructura general de una página web.

Hacer más atractiva una página web con la ayuda de medios como imágenes, audio y vídeo. Trabajar con datos tabulares estructurados en forma de tablas.

Explore la versatilidad de los formularios HTML. Aprenda a diseñar formularios intuitivos y fáciles de usar aprovechando conceptos y técnicas clave. Descubra cómo los formularios permiten la interacción del usuario y el envío de datos en los sitios web.

Conjunto de propiedades CSS que se utilizan para dar estilo al contenido de texto de los elementos HTML.

Concepto de disposición de elementos según el modelo de caja, que describe la disposición y el espaciado de todos los elementos.

Método de ordenación del conjunto de elementos en filas y columnas.

Cree diseños web visualmente impactantes e interactivos utilizando técnicas CSS avanzadas para añadir elementos decorativos.

Module 3 / Advanced CSS Techniques

Investigue lo que los alumnos pueden esperar de este curso avanzado de estilización HTML y CSS. ¿Qué necesitan saber antes de empezar el curso? ¿Qué temas se tratarán en él?

Posicionar y gestionar elementos en las páginas web. Conozca las distintas propiedades de posicionamiento, descubra cómo utilizar el orden de apilamiento para controlar la visibilidad de los elementos que se superponen entre sí y, por último, gestione el desbordamiento de contenido.

Investigue el poder de las transiciones y aprenda a mejorar la experiencia del usuario. Descubre cómo animar propiedades de forma suave y gradual, creando transiciones de estado fluidas.

Conozca la propiedad de animación y cómo puede utilizarse para crear diseños dinámicos y atractivos. Descubra cómo crear animaciones complejas mediante fotogramas clave y cómo controlar la animación.

Explore la propiedad de transformación, que permite modificar el aspecto y la posición de los elementos de una página web. Aprenda a escalar, rotar, sesgar y trasladar elementos en dos y tres dimensiones. Combine varias transformaciones para crear efectos más complejos.

Los principios y técnicas del diseño adaptativo/responsivo pretenden que los sitios web y las aplicaciones sean accesibles y visualmente atractivos en distintos dispositivos, tamaños de pantalla y orientaciones.

Aprenda acerca de los preprocesadores en CSS y cómo pueden ayudar a escribir un código más eficiente y mantenible. Comprenda cómo utilizar los preprocesadores para simplificar el flujo de trabajo y generar código CSS más limpio.

Module 4 / Introduction to JavaScript

Nuestra primera sección le presentará JavaScript y explorará su sintaxis. Este paso inicial le dará una comprensión fundamental de la sintaxis de JavaScript, preparando el escenario para un aprendizaje más profundo en las secciones siguientes.

Nos sumergiremos en los tipos de datos esenciales con los que opera JavaScript. Comenzaremos por distinguir entre literales y variables y, a continuación, exploraremos la diversa gama de tipos de datos utilizados en JavaScript. Este conocimiento formará una base sólida para su viaje en JavaScript.

Ya conocemos los distintos tipos de datos. Es hora de arremangarse y aprender a manipularlos. En esta tercera sección, exploraremos las operaciones que se pueden realizar con cada tipo de datos, equipándote con habilidades prácticas para trabajar eficazmente con las estructuras de datos de JavaScript.

Adéntrese en el arte de controlar el flujo de ejecución en JavaScript. Es una poderosa habilidad que nos permite instruir al intérprete con precisión sobre cómo comportarse bajo diversas condiciones. Adquirirás la capacidad de orquestar el comportamiento de tu código.

Descubra la optimización del código mediante el uso de bucles. Los bucles nos permiten optimizar nuestro código realizando acciones repetitivas de forma eficiente. Nos adentraremos en los diferentes tipos de bucles de JavaScript y descubriremos cómo utilizar su poder de forma eficaz.

Desbloquee el potencial de las funciones como herramientas esenciales para crear programas sencillos pero potentes. Dominará la creación y utilización de funciones, lo que le permitirá simplificar sus tareas de codificación y mejorar sus habilidades de resolución de problemas.

Module 5 / JavaScript Data Structures

Obtenga una hoja de ruta clara de lo que está por venir, comprenda los requisitos previos y aprenda valiosos consejos para prepararse para el éxito a medida que se adentra en los objetos, las matrices y los conceptos esenciales de programación.

Explore los conceptos básicos de los objetos de JavaScript. Esta sección cubre los fundamentos de la creación de objetos, la gestión de propiedades y la implementación de métodos.

Sumérjase en técnicas avanzadas para trabajar con objetos JavaScript. Esta sección profundiza en diversas estrategias para manipular e interactuar eficazmente con objetos.

Embárcate en un viaje por los arrays de JavaScript. Esta sección proporciona una base sólida para crear arrays, gestionar elementos y ejecutar operaciones básicas con arrays.

Domine las habilidades avanzadas de manipulación de matrices, cubriendo varias técnicas y métodos para manejar matrices de manera efectiva en múltiples escenarios.

Requirements

A computer with a browser - all browsers are supported.
Your enthusiasm to enhance your tech skills.
Everything else needed to start learning and practicing is already included in this course.

Over 200,000 5-star ratings and counting

Ruslan Kravchuk

The main thing is to learn and not give up

The material is good, there is a lot to learn, all in order to become better and the main thing is to learn what you want....

Matteo Comune

Thanks to them I'm learning a lot…

Thanks to them I'm learning a lot faster because they help you to understand everything from scratch. It's the best website that helps people with no background in IT...

Yuliana Cadavid

great course for beginners

great course for beginners, they test your knowledge in every lesson...

Elpunzon

I am enjoying my Codefinity experience…

I am enjoying my Codefinity experience learning Python. The self-paced way of learning is great because I can fit it into my schedule...

Alexandru Alexandru

Is nice to learn from codefinity

Is nice to learn from codefinity. Its easy and have good examples on what I learned here...

jacob Templet

Easy to follow along with and provides...

Easy to follow along with and provides challenge in my every day life. The challenge keeps me wanting to learn day after day...

Elan

Codefinity is a comprehensive learning…

Codefinity is a comprehensive learning tool to help you develop your skills as a software engineer or data scientist. The exercises are fun and a good way to sharpen your skills...

Thibault

First time learning how to code

First time learning how to code and successfully doing so with codefinity - thank you...

Adrien Morel

Well designed for total beginners

Well designed for total beginners, incremental progress and makes me feel confident....

_Gracy

it's simply perfectly well explained

it's simply perfectly well explained! so far I have not experienced any difficulty because everything is so well managed...