Crea una página web interactiva con JavaScript from Coursera

En este curso basado en un proyecto de 1 hora y media de duración, aprenderás a entender características básicas de JavaScript, crear funciones con tareas específicas, loops, condicionales y crear eventos capaces de modificar elementos HTML para así terminar construyendo una página web dinámica que modifica su contenido dependiendo la interacción del usuario. Para completar el proyecto usaremos la herramienta Visual Studio Code, un editor de texto desarrollado por Microsoft.

Para iniciar este proyecto es recomendable tener conocimientos básicos en HTML y CSS, sin embargo, nos centraremos en el código Vanilla JavaScript, donde no usaremos ninguna librería adicional o framework.

JavaScript es uno de los lenguajes mas populares usados en front-end y back-end. Puede usarse para añadir interactividad a las páginas HTML estáticas. Además, es el centro de muchos frameworks usados para construir aplicaciones móviles híbridas.

JavaScript abre una gran variedad de posibilidades para tu vida profesional y laboral, es fácil de aprender, pero requiere de mucha práctica como cualquier otro conocimiento que se quiera especializar y ofrece una gran versatilidad respecto a las opciones que puedes explorar.

What's inside

Syllabus

Project Overview

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Teaches JavaScript, which is a popular language for front-end and back-end development

Develops skills in creating dynamic web pages that modify their content based on user interaction

Builds a strong foundation for beginners in JavaScript

Recommend for those with basic knowledge in HTML and CSS

Reviews summary

Learn javascript basics skillfully

This 1.5-hour project-based course covers essential JavaScript concepts for building interactive web pages. It caters to learners with beginner-level knowledge in HTML and CSS, and emphasizes hands-on practice with Vanilla JavaScript to create dynamic web pages that respond to user interactions. The course is well-received by learners, who appreciate the clear explanations and the opportunity to apply their learning immediately.

Introduces JavaScript basics clearly

"... cater[s] to learners with beginner-level knowledge in HTML and CSS, and emphasizes hands-on practice with Vanilla JavaScript..."

Hands-on project for practical application

"... learn to understand characteristics basic of JavaScript, create functions with tasks specific, loops, conditional and create events capable of modify elements HTML for so finish building a page web dynamic that modify its contents depending the interaction of the user..."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Crea una página web interactiva con JavaScript with these activities:

Revisar los conceptos básicos de Javascript

Show steps

Refresca tus conocimientos sobre los conceptos básicos de Javascript para asegurarte de que tienes una base sólida antes de comenzar el curso.

Browse courses on JavaScript

Show steps

Revisa las variables, tipos de datos y operadores
Repasa las funciones y cómo definirlas y llamarlas

Tutoriales sobre eventos y modificación de HTML

Show steps

Amplía tus conocimientos sobre cómo manejar eventos y modificar elementos HTML siguiendo tutoriales guiados.

Browse courses on DOM

Show steps

Sigue un tutorial que explique cómo agregar manejadores de eventos a elementos HTML
Completa un tutorial que muestre cómo manipular el DOM para modificar dinámicamente el contenido HTML

Organizar y revisar los materiales del curso

Show steps

Mejora tu retención y comprensión organizando y revisando periódicamente los materiales del curso, como notas, diapositivas y asignaciones.

Show steps

Recopila todas tus notas, materiales y tareas del curso
Crea un sistema organizado para almacenar y acceder a estos materiales
Revisa los materiales con regularidad para reforzar tu aprendizaje

One other activity

Expand to see all activities and additional details

Show all four activities

Participar como mentor de estudiantes principiantes de Javascript

Show steps

Fortalece tu comprensión de Javascript y desarrolla habilidades de liderazgo guiando y ayudando a estudiantes principiantes.

Show steps

Identifica plataformas o comunidades donde puedes ofrecer tutoría
Prepara materiales y recursos para apoyar a los estudiantes
Conecta con estudiantes principiantes y brinda apoyo regular

Career center

Learners who complete Crea una página web interactiva con JavaScript will develop knowledge and skills that may be useful to these careers:

Web Developer

A Web Developer builds websites and web applications. Using the skills you learn in Crea una página web interactiva con JavaScript, you'll be able to modify HTML through JavaScript and build dynamic pages that interact with users as Web Developers do.

See salaries and explore the career path for Web Developer

Interactive Designer

Interactive Designers create and implement designs for interactive content, which means you'd leverage principles of JavaScript when designing interactive websites. Crea una página web interactiva con JavaScript can help you gain the experience you need to work in this role.

See salaries and explore the career path for Interactive Designer

JavaScript Developer

A JavaScript Developer focuses on writing and maintaining JavaScript code that helps create the interactive features of a website or application. Crea una página web interactiva con JavaScript is a great addition to your toolbox if you aim to become a JavaScript Developer.

See salaries and explore the career path for JavaScript Developer

Front-End Developer

Front-End Developers are responsible for developing the visual interface of a website. Using JavaScript, you'll be able to use the skills you learn in Crea una página web interactiva con JavaScript to add engaging, interactive elements to web pages.

See salaries and explore the career path for Front-End Developer

Computer Programmer

Computer Programmers write code that makes computers perform specific tasks. Crea una página web interactiva con JavaScript teaches fundamental JavaScript concepts that can aid you in writing code to program computers.

See salaries and explore the career path for Computer Programmer

Web Analyst

Web Analysts track, measure, and analyze website data to help businesses improve their online presence. By understanding JavaScript, you can gain a valuable edge in this role.

See salaries and explore the career path for Web Analyst

UX Designer

UX Designers focus on the user experience of websites, which means you'll need to be able to collaborate closely with JavaScript Developers and understand their work. Crea una página web interactiva con JavaScript can provide you with a solid foundation.

See salaries and explore the career path for UX Designer

Data Analyst

Data Analysts collect, analyze, and interpret data to uncover patterns and trends. JavaScript can be used for data visualization purposes. Crea una página web interactiva con JavaScript will help you build the knowledge you need to succeed in this role.

See salaries and explore the career path for Data Analyst

Software Engineer

Software Engineers design, develop, and maintain software applications. Crea una página web interactiva con JavaScript will introduce you to key JavaScript concepts applicable to this in-demand field.

See salaries and explore the career path for Software Engineer

Mobile App Developer

Mobile App Developers create and implement applications for smartphones and tablets. Crea una página web interactiva con JavaScript can help you gain the foundational JavaScript knowledge to excel as a Mobile App Developer.

See salaries and explore the career path for Mobile App Developer

Business Analyst

Business Analysts work with stakeholders to define and document business requirements. Knowledge of JavaScript can be beneficial for understanding technical requirements and communicating with IT teams.

See salaries and explore the career path for Business Analyst

Full-Stack Developer

Full-Stack Developers build and maintain both the front-end and back-end of websites and applications. Crea una página web interactiva con JavaScript can help you start building the JavaScript skills you need to be a Full-Stack Developer.

See salaries and explore the career path for Full-Stack Developer

Information Technology Specialist

Information Technology Specialists provide technical support and guidance to businesses and organizations. Crea una página web interactiva con JavaScript can provide exposure to JavaScript basics, which may be useful in this role.

See salaries and explore the career path for Information Technology Specialist

Technical Writer

Technical Writers create documentation for software and hardware products. Crea una página web interactiva con JavaScript can help you gain some valuable experience writing code examples.

See salaries and explore the career path for Technical Writer

Project Manager

Project Managers oversee and coordinate projects. Crea una página web interactiva con JavaScript can introduce you to some foundational concepts that may be helpful when working on web development projects.

See salaries and explore the career path for Project Manager