Introducción al desarrollo web from Coursera

Este curso te proporcionará los conceptos básicos para iniciarte en el fascinante mundo de la Ingeniería de Software para aplicaciones web.

Abordaremos los conceptos fundamentales de estructura, contenido y presentación de una página web, para luego centrarnos en la sintaxis del lenguaje de marcas HTML y en el uso de las etiquetas para crear títulos, párrafos, listas, enlaces, imágenes y formularios.

El curso no termina allí. Introduciremos el concepto de hojas de estilo en cascada y su uso para modificar la presentación de una página y finalmente se hablará de bootstrap, el framework para crear páginas web responsive, es decir, aquellas que se ajustan al dispositivo desde el cual se consultan.

Con todos estos elementos tendrás las bases para, posteriormente, darle un comportamiento dinámico a tu página con el uso lenguajes de programación como TypeScript y frameworks como Angular; tecnologías que se abordarán en curso de Ingeniería de software para la web.

Este no es un curso teórico, es 100% práctico, y está complementado con una serie de tutoriales, cuestionarios y evaluaciones que permitirán determinar tu progreso.

En el diseño de este curso hay un grupo excepcional de pedagogos y expertos en tecnología que han cuidado cada detalle para que tengas una experiencia de aprendizaje sobresaliente.

What's inside

Syllabus

Bienvenida

Antes de empezar con el curso, participe en el foro de presentación para nos conozcamos. Además, puede leer las recomendaciones generales que encuentra a continuación.

HTML básico

En este módulo introduciremos los conceptos de estructura, presentación y contenido de una página web. Conoceremos la sintaxis básica de un documento HTML y usaremos las etiquetas para crear títulos, párrafos y listas. Al final de este módulo reconocerás la estructura, presentación y contenido de una página web; y serás capaz de construir una página web que incluya títulos, párrafos y listas.

HTML avanzado

En este módulo identificaremos las etiquetas para incluir imágenes, enlaces, tablas y formularios. También conoceremos cómo configurar el encabezado de una página web. Al final de este módulo serás capaz de construir una página web que incluya imágenes, enlaces, tablas y formularios; y podrás modificar la configuración de tu página.

CSS

En este módulo introduciremos los conceptos de hojas de estilo en cascada, exploraremos los diferentes selectores en CSS (de tipo, de clase, de identificador y de atributo), e identificaremos las opciones que nos ofrece CSS para modificar los colores, la tipografía y la maquetación de una página web. Al final de este módulo serás capaz de modificar la apariencia de una página web al incluir hojas de estilo en cascada.

Bootstrap

En este módulo introduciremos los conceptos de sistema de grilla y responsive breakpoints. También exploraremos los componentes básicos que nos ofrece Bootstrap para crear barras de navegación, tarjetas y acordeones. Al final de este módulo serás capaz de usar Bootstrap para crear una página web responsive, es decir, que se ajusta al tamaño del dispositivo desde el cual la estás consultando, y podrás incluir una barra de navegación, tarjetas y acordeones para organizar el contenido.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Desarrolla sólidos cimientos en HTML, CSS y Bootstrap, tecnologías fundamentales para desarrollar aplicaciones web

Proporciona una base para cursos posteriores sobre ingeniería de software para la web que utilizan TypeScript y Angular

Tiene un enfoque práctico con tutoriales, cuestionarios y evaluaciones para reforzar el aprendizaje

Cubre los fundamentos de estructura, contenido y presentación de páginas web, esenciales para el desarrollo web

Requiere conocimientos previos para aprovecharlo al máximo, ya que no aborda conceptos básicos de informática

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 Introducción al desarrollo web with these activities:

Review HTML Concepts

Show steps

This activity will help you refresh your understanding of HTML syntax and concepts, which will provide a strong foundation for the course.

Browse courses on HTML

Show steps

Review the basics of HTML structure, content, and presentation.
Practice writing HTML code for simple elements like headings, paragraphs, and lists.

Build a Basic HTML Page

Show steps

Building a basic HTML page from scratch will allow you to apply the concepts you learn in the course and gain practical experience.

Browse courses on HTML

Show steps

Plan the layout and content of your page.
Write the HTML code using proper syntax and structure.
Test your page in a web browser to ensure it displays correctly.

Explore CSS Selectors and Styling

Show steps

Following tutorials on CSS selectors and styling will provide you with practical knowledge and understanding of how to manipulate the appearance of web pages.

Browse courses on CSS

Show steps

Find tutorials on CSS selectors and properties.
Follow the tutorials and practice applying the techniques.
Experiment with different CSS styles to modify the look of a web page.

Two other activities

Expand to see all activities and additional details

Show all five activities

Design a Responsive Website Layout

Show steps

Creating a responsive website layout will help you apply Bootstrap concepts and enhance your understanding of responsive design principles.

Browse courses on Bootstrap

Show steps

Plan the layout and structure of your responsive website.
Use Bootstrap grid system and breakpoints to create a responsive framework.
Add content and style to your layout using HTML and CSS.
Test the responsiveness of your website on different devices or screen sizes.

Contribute to Open Source Web Projects

Show steps

Contributing to open source web projects provides hands-on experience and exposure to real-world web development practices.

Browse courses on Open Source

Show steps

Find open source web projects on platforms like GitHub or GitLab.
Identify areas where you can contribute, such as bug fixing or feature development.
Submit your contributions and engage with the project community.

Career center

Learners who complete Introducción al desarrollo web will develop knowledge and skills that may be useful to these careers:

Front-End Web Developer

Front-End Web Developers are responsible for designing and building the user interface of websites and web applications, ensuring that they are visually appealing and easy to use. This course provides a strong foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap, which are essential skills for any Front-End Web Developer. By taking this course, you will gain the technical knowledge and practical experience necessary to create responsive and engaging web experiences.

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

Web Designer

Web Designers are responsible for the visual appearance and overall user experience of websites and web applications. This course provides a strong foundation in the fundamentals of web design, including HTML, CSS, and Bootstrap, which are essential skills for any Web Designer. By taking this course, you will gain the technical knowledge and practical experience necessary to create visually appealing and user-friendly websites.

See salaries and explore the career path for Web Designer

UX Designer

UX Designers are responsible for the user experience of websites and web applications, ensuring that they are easy to use and enjoyable to interact with. This course provides a foundation in the fundamentals of user experience design, including HTML, CSS, and Bootstrap, which are essential skills for any UX Designer. By taking this course, you will gain the technical knowledge and practical experience necessary to create user-centric and engaging web experiences.

See salaries and explore the career path for UX Designer

Web Developer

Web Developers are responsible for the development and maintenance of websites and web applications. This course provides a strong foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap, which are essential skills for any Web Developer. By taking this course, you will gain the technical knowledge and practical experience necessary to build and maintain dynamic and scalable web applications.

See salaries and explore the career path for Web Developer

Software Engineer

Software Engineers are responsible for the design, development, and maintenance of software systems. This course may be useful for Software Engineers who wish to specialize in web development, as it provides a strong foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, Software Engineers can gain the technical knowledge and practical experience necessary to build and maintain complex web applications.

See salaries and explore the career path for Software Engineer

Computer Programmer

Computer Programmers are responsible for writing and maintaining computer programs. This course may be useful for Computer Programmers who wish to specialize in web development, as it provides a strong foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, Computer Programmers can gain the technical knowledge and practical experience necessary to build and maintain dynamic web applications.

See salaries and explore the career path for Computer Programmer

Information Technology Specialist

Information Technology Specialists are responsible for the planning, implementation, and maintenance of computer systems and networks. This course may be useful for Information Technology Specialists who wish to specialize in web development, as it provides a strong foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, Information Technology Specialists can gain the technical knowledge and practical experience necessary to build and maintain web applications within an enterprise environment.

See salaries and explore the career path for Information Technology Specialist

Database Administrator

Database Administrators are responsible for the planning, implementation, and maintenance of database systems. This course may be useful for Database Administrators who wish to specialize in web development, as it provides a foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, Database Administrators can gain the technical knowledge and practical experience necessary to build and maintain data-driven web applications.

See salaries and explore the career path for Database Administrator

Network Administrator

Network Administrators are responsible for the planning, implementation, and maintenance of computer networks. This course may be useful for Network Administrators who wish to specialize in web development, as it provides a foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, Network Administrators can gain the technical knowledge and practical experience necessary to build and maintain web applications that are accessible and performant over a network.

See salaries and explore the career path for Network Administrator

Systems Analyst

Systems Analysts are responsible for the analysis, design, and implementation of computer systems. This course may be useful for Systems Analysts who wish to specialize in web development, as it provides a foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, Systems Analysts can gain the technical knowledge and practical experience necessary to build and maintain complex web applications that meet the needs of an organization.

See salaries and explore the career path for Systems Analyst

Business Analyst

Business Analysts are responsible for analyzing and understanding the needs of businesses and organizations. This course may be useful for Business Analysts who wish to specialize in web development, as it provides a foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, Business Analysts can gain the technical knowledge and practical experience necessary to build and maintain web applications that meet the strategic goals of an organization.

See salaries and explore the career path for Business Analyst

Project Manager

Project Managers are responsible for the planning, execution, and completion of projects. This course may be useful for Project Managers who wish to specialize in web development, as it provides a foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, Project Managers can gain the technical knowledge and practical experience necessary to manage web development projects effectively.

See salaries and explore the career path for Project Manager

Technical Writer

Technical Writers are responsible for creating documentation and training materials for technical products and services. This course may be useful for Technical Writers who wish to specialize in web development, as it provides a foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, Technical Writers can gain the technical knowledge and practical experience necessary to create documentation and training materials for web applications.

See salaries and explore the career path for Technical Writer

Quality Assurance Analyst

Quality Assurance Analysts are responsible for testing and ensuring the quality of software products and services. This course may be useful for Quality Assurance Analysts who wish to specialize in web development, as it provides a foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, Quality Assurance Analysts can gain the technical knowledge and practical experience necessary to test and ensure the quality of web applications.

See salaries and explore the career path for Quality Assurance Analyst

IT Support Specialist

IT Support Specialists are responsible for providing technical support to users of computer systems and networks. This course may be useful for IT Support Specialists who wish to specialize in web development, as it provides a foundation in the fundamentals of web development, including HTML, CSS, and Bootstrap. By taking this course, IT Support Specialists can gain the technical knowledge and practical experience necessary to provide support for web applications.

See salaries and explore the career path for IT Support Specialist

Introducción al desarrollo web

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses