We may earn an affiliate commission when you visit our partners.
Ezequiel Lamónica
Este curso te enseñará conceptos generales de desarrollo web del lado cliente, metodologías de trabajo y herramientas. Aprenderás sobre diseño responsive, grillas, y componentes CSS y Javascript de Bootstrap. Practicarás con preprocesadores de CSS, Less y Sass. También aplicarás conceptos básicos de Node.js y NPM para gestionar tus sitios web.
Al finalizar este curso, habrás practicado con todas esas herramientas y serás capaz de diseñar una página web e implementar ese diseño con Bootstrap, crear un diseño responsive y preparar tu sitio web para salir a producción.
Register for this course and see more details by visiting:
OpenCourser.com/course/t9lha6/disenando
What's inside
Syllabus
Presentación de Bootstrap 4.0
Este módulo te dará una introducción a la programación web full stack y una rápida visión del curso completo en general. Aprenderás conceptos básicos de Bootstrap, inicializar un proyecto utilizando NPM, configurar tu repositorio utilizando Git y Bitbucket. Aprenderás sobre diseño responsive y sistemas de grillas de Bootstrap.
Read more
Syllabus
Presentación de Bootstrap 4.0
Este módulo te dará una introducción a la programación web full stack y una rápida visión del curso completo en general. Aprenderás conceptos básicos de Bootstrap, inicializar un proyecto utilizando NPM, configurar tu repositorio utilizando Git y Bitbucket. Aprenderás sobre diseño responsive y sistemas de grillas de Bootstrap.
Read more
Componentes CSS de Bootstrap
Este módulo abarca los componentes CSS de Bootstrap. Aprenderás sobre Navegación y la barra de navegación, botones, formularios, tablas, tarjetas, imágenes y media, tags, alertas y barras de progreso.
COMPONENTES JAVASCRIPT DE BOOTSTRAP
Este módulo comprende los componentes Javascript de Bootstrap. Aprenderás sobre pestañas, navegación con pestañas, navegación con botones, diferentes tipos de alertas, carroussel, scrollspy, affix y tooltips.
HERRAMIENTAS DE DESARROLLO
En este módulo veremos diferentes herramientas que facilitan el desarrollo de UI. Utilizarás JQuery para manipular contenido de tus páginas, preprocesadores de CSS Less y Sass, preparas tus páginas web para subirlas a un servidor y así crear tu sitio web. También, para evitar realizar tareas recurrentes de forma manual, utilizarás librerías de Node para automatizarlas a tu gusto.
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Ayuda a los alumnos a aprender sobre conceptos generales de desarrollo web del lado cliente
Capacita a los estudiantes en metodologías de trabajo y herramientas prácticas
Desarrolla competencias en diseño responsive, grillas y componentes CSS y Javascript de Bootstrap
Proporciona práctica con preprocesadores de CSS como Less y Sass
Introduce conceptos básicos de Node.js y NPM para la gestión de sitios web
Prepara a los estudiantes para diseñar una página web e implementar ese diseño con Bootstrap
Save this course
Save Diseñando páginas web con Bootstrap 4 to your list so you can find it easily later:
Save
Save
Reviews summary
Dominando las páginas web con bootstrap 4
Este curso de reseñas mixtas cubre los conceptos de desarrollo web, herramientas y Bootstrap 4. Aprenda sobre el diseño receptivo, los componentes CSS y JavaScript de Bootstrap, y practique con preprocesadores CSS y la gestión de sitios web con Node.js y NPM. Mientras que algunos elogian la organización y el contenido completo, otros critican los módulos desactualizados y la baja calidad del video. La confianza en este resumen es alta debido a la gran cantidad de información de muestra proporcionada.
El curso cubre conceptos generales de desarrollo web, metodologías de trabajo y herramientas.
"Este curso te enseñará conceptos generales de desarrollo web del lado cliente, metodologías de trabajo y herramientas."
El curso enseña sobre diseño receptivo y sistemas de cuadrículas de Bootstrap.
"Aprenderás conceptos básicos de Bootstrap, inicializar un proyecto utilizando NPM, configurar tu repositorio utilizando Git y Bitbucket."
"Aprenderás sobre diseño responsive y sistemas de grillas de Bootstrap."
El curso incluye temas como Pestañas, Navegación con Botones, Alertas, Carruseles, Scrollspy, Affix y Tooltips.
"Este módulo comprende los componentes Javascript de Bootstrap."
El curso abarca los componentes CSS de Bootstrap, incluyendo Navegación, Botones, Formularios, Tablas, Imágenes y Medios.
"Este módulo abarca los componentes CSS de Bootstrap."
El curso introduce JQuery, preprocesadores de CSS (Less y Sass), técnicas de preparación de páginas web para servidores y bibliotecas Node para automatizar tareas.
"En este módulo veremos diferentes herramientas que facilitan el desarrollo de UI."
"Utilizarás JQuery para manipular contenido de tus páginas, preprocesadores de CSS Less y Sass, preparas tus páginas web para subirlas a un servidor y así crear tu sitio web."
"También, para evitar realizar tareas recurrentes de forma manual, utilizarás librerías de Node para automatizarlas a tu gusto."
Algunas explicaciones del profesor son poco claras, dejando a los estudiantes confundidos.
"El curso en si esta bien. los temas son muy interesantes, aun que muy complejos, al final recién se entiende por que se hace todo para llevar al ambiente de producción."
"Las explicaciones son claras y de fácil compresión."
Los videos tienen baja resolución, lo que dificulta la visualización del código y los comandos.
"Algunos videos no se pueden ver en mejor calidad"
"Los vídeos se ven pésimo."
"La información está excelente y se explica paso a paso, pero algunos videos no se pueden ver en mejor calidad"
Algunos módulos están desactualizados, lo que lleva a errores y la necesidad de buscar soluciones externas.
"El curso está desactualizado y eso puede generar problemas en algunos puntos."
"Algunos contenidos están desactualizados, adicionalmente realiza procesos los cuales no se identifica de donde se obtuvieron"
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 Diseñando páginas web con Bootstrap 4 with these
activities:
Revisar conceptos básicos de diseño web
Show steps
Refrescar los conocimientos previos sobre diseño web fortalecerá la base para comprender los conceptos avanzados cubiertos en el curso.
Browse courses on
CSS
Show steps
-
Repasar los conceptos básicos de HTML y CSS
-
Revisar diferentes tendencias y mejores prácticas de diseño web
Practicar la creación de diseños receptivos
Show steps
Mejorar las habilidades prácticas en el diseño receptivo optimizará la experiencia del usuario en diferentes dispositivos.
Browse courses on
Bootstrap
Show steps
-
Crear un prototipo receptivo para un sitio web
-
Implementar diferentes diseños de cuadrícula para mejorar la capacidad de respuesta
Explorar tutoriales avanzados de Bootstrap
Show steps
Ampliar el conocimiento de Bootstrap a través de tutoriales guiados promoverá la creación de sitios web más dinámicos e interactivos.
Browse courses on
Bootstrap
Show steps
-
Encontrar tutoriales sobre temas específicos de Bootstrap
-
Seguir las instrucciones y aplicar los conceptos aprendidos en proyectos personales
Two other activities
Expand to see all activities and additional details
Show all five activities
Contribuir a proyectos de código abierto de Bootstrap
Show steps
Participar en el ecosistema de código abierto de Bootstrap profundizará la comprensión del marco y brindará experiencia práctica.
Browse courses on
Bootstrap
Show steps
-
Identificar proyectos de código abierto de Bootstrap que necesiten contribuciones
-
Realizar cambios, solucionar errores y contribuir con nuevas funciones
Desarrollar un sitio web completo con Bootstrap
Show steps
Aplicar las habilidades aprendidas para crear un sitio web funcional consolidará el conocimiento y demostrará la competencia en el desarrollo web del lado del cliente.
Browse courses on
Bootstrap
Show steps
-
Planificar la estructura y el diseño del sitio web
-
Implementar Bootstrap para crear el diseño y la interfaz de usuario
-
Integrar funciones avanzadas y personalizar el sitio web
Revisar conceptos básicos de diseño web
Show steps
Refrescar los conocimientos previos sobre diseño web fortalecerá la base para comprender los conceptos avanzados cubiertos en el curso.
Browse courses on
CSS
Show steps
Show steps
Show steps
- Repasar los conceptos básicos de HTML y CSS
- Revisar diferentes tendencias y mejores prácticas de diseño web
Practicar la creación de diseños receptivos
Show steps
Mejorar las habilidades prácticas en el diseño receptivo optimizará la experiencia del usuario en diferentes dispositivos.
Browse courses on
Bootstrap
Show steps
Show steps
Show steps
- Crear un prototipo receptivo para un sitio web
- Implementar diferentes diseños de cuadrícula para mejorar la capacidad de respuesta
Explorar tutoriales avanzados de Bootstrap
Show steps
Ampliar el conocimiento de Bootstrap a través de tutoriales guiados promoverá la creación de sitios web más dinámicos e interactivos.
Browse courses on
Bootstrap
Show steps
Show steps
Show steps
- Encontrar tutoriales sobre temas específicos de Bootstrap
- Seguir las instrucciones y aplicar los conceptos aprendidos en proyectos personales
Two other activities
Expand to see all activities and additional details
Show all five activities
Contribuir a proyectos de código abierto de Bootstrap
Show steps
Participar en el ecosistema de código abierto de Bootstrap profundizará la comprensión del marco y brindará experiencia práctica.
Browse courses on
Bootstrap
Show steps
Show steps
Show steps
- Identificar proyectos de código abierto de Bootstrap que necesiten contribuciones
- Realizar cambios, solucionar errores y contribuir con nuevas funciones
Desarrollar un sitio web completo con Bootstrap
Show steps
Aplicar las habilidades aprendidas para crear un sitio web funcional consolidará el conocimiento y demostrará la competencia en el desarrollo web del lado del cliente.
Browse courses on
Bootstrap
Show steps
Show steps
Show steps
- Planificar la estructura y el diseño del sitio web
- Implementar Bootstrap para crear el diseño y la interfaz de usuario
- Integrar funciones avanzadas y personalizar el sitio web
Career center
Learners who complete Diseñando páginas web con Bootstrap 4 will develop knowledge and skills
that may be useful to these careers:
Front-End Developer
Front-End Developer
As a professional Front-End Developer, your job is to translate designs and wireframes into functional interfaces that users find enjoyable to navigate. You may work on any device, from smartphones to desktops. A key responsibility of your job is designing a responsive interface that scales seamlessly to any screen. Most Front-End roles require at least a bachelor's degree in computer science or a related field, but some employers may only require a strong portfolio.
User Interface Designer
User Interface Designer
For many businesses, creating a great experience is not about adding more features, but refining existing ones. User Interface Designers, also known as UI Designers, are tasked with the job of perfecting an app or website's interface by focusing on look, feel, and interactivity. User Interface Designers often work with Front-End Developers to implement their designs, but having foundational knowledge in HTML and CSS may give you an added edge in interviews.
Web Designer
Web Designer
The job of a Web Designer is to create visually appealing and functional websites. At its core, web design involves two specialties: graphic design and coding. The graphic design aspect involves the user interface, typography, and overall look and feel. The coding aspect refers to using HTML, CSS, and Javascript to turn these designs into responsive websites. By learning the basics of web design, this course may help you break into the field or refine your existing skill set.
Web Developer
Web Developer
Web Developers are responsible for turning website and application designs into a functional reality. The role typically involves creating new websites and applications, but you may also work on maintenance and updates to existing products. Web Developers work on both the front-end and back-end of websites, meaning that you will need proficiency in multiple coding languages.
Software Engineer
Software Engineer
If you are interested in playing with code on the front-end and back-end, you may consider a career as a Software Engineer. Software Engineers are responsible for analyzing user needs, designing, and coding software solutions. In many cases, Software Engineers work exclusively on the back-end of products, but proficiency in front-end frameworks, like Bootstrap, may make you a more competitive candidate for roles at modern startups and tech companies.
Data Scientist
Data Scientist
Data Scientists combine programming skills with knowledge of statistics and mathematics to extract meaningful insights from data. Mastery of machine learning and data visualization is crucial for people in this role. This course may be useful for aspiring Data Scientists, because it will help you build foundational skills in Javascript and CSS, which are often used in the field to create interactive visualizations and dashboards.
Computer Programmer
Computer Programmer
Computer Programmers translate ideas into detailed instructions that computers can follow. These instructions become the programs that power websites, software applications, and other digital solutions. This introductory course in Bootstrap can give you a head start in learning the fundamentals of web design, a subfield of computer programming.
UX Designer
UX Designer
UX Designers are tasked with optimizing the user experience on websites, applications, and software. They do this by conducting user research, creating prototypes, and working with teams to implement designs. While this course does not directly cover UX design, the skills and knowledge you learn may be helpful as you build your foundational understanding of user-centered design and front-end development.
Web Analyst
Web Analyst
Web Analysts are responsible for collecting, analyzing, and interpreting data to improve the performance of websites and digital marketing campaigns. This course may be useful if you are interested in a career as a Web Analyst because it will provide you with foundational knowledge about website design and development.
Digital Marketing Manager
Digital Marketing Manager
Digital Marketing Managers are responsible for planning, executing, and analyzing digital marketing campaigns. They work with teams to develop and implement strategies that increase brand awareness, generate leads, and drive sales. Having foundational knowledge of web design and development, as taught in this course, may be helpful for Digital Marketing Managers who wish to work with front-end teams and understand the technical aspects of their work.
Product Manager
Product Manager
Product Managers are responsible for the lifecycle of a product, from ideation to launch and beyond. They work with teams to define the product vision, roadmap, and features. Having a foundational understanding of web design may be helpful for Product Managers who work on digital products, as it can provide context for conversations with design and development teams.
Business Analyst
Business Analyst
Business Analysts are responsible for analyzing business needs and recommending solutions. They work with stakeholders to understand their requirements and develop solutions that meet their needs. This course may be useful for aspiring Business Analysts who wish to work in the technology industry, as it will provide them with a foundational understanding of web design and development.
IT Project Manager
IT Project Manager
IT Project Managers are responsible for planning, executing, and managing IT projects. They work with teams to define project scope, timelines, and budgets. Having foundational knowledge of web design and development may be helpful for IT Project Managers who work on digital projects.
Technical Writer
Technical Writer
Technical Writers are responsible for creating documentation for software, hardware, and other technical products. They work with engineers and other technical experts to translate complex information into clear and concise documentation. This course may be useful for aspiring Technical Writers who wish to work in the technology industry, as it will provide them with a foundational understanding of web design and development.
Systems Analyst
Systems Analyst
Systems Analysts are responsible for studying and evaluating an organization's systems to identify areas for improvement. They work with stakeholders to define system requirements and develop solutions that meet their needs. Having foundational knowledge of web design and development may be helpful for Systems Analysts who work on digital systems.
For more career information including salaries, visit:
OpenCourser.com/course/t9lha6/disenando
Reading list
We've selected ten books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Diseñando páginas web con Bootstrap 4.
Este libro explora el diseño de interacción más allá de la mera interactividad. Cubre temas como la emoción, la narrativa y la experiencia del usuario. Es un recurso excelente para aquellos que buscan crear experiencias de usuario más atractivas y significativas.
Este libro proporciona una comprensión profunda de los principios de diseño de interfaces de usuario. Cubre temas como la usabilidad, la accesibilidad y la experiencia del usuario. Es un recurso excelente para aquellos que buscan mejorar sus habilidades de diseño de UI.
Save
Este libro proporciona una comprensión profunda de CSS. Cubre técnicas avanzadas como el uso de selectores, posicionamiento y diseño de página. Es un recurso excelente para aquellos que buscan mejorar sus habilidades de CSS.
Este libro es una introducción completa a JavaScript. Cubre los conceptos básicos del lenguaje, así como técnicas más avanzadas como el uso de objetos, funciones y eventos. Es un recurso excelente para aquellos que buscan aprender JavaScript desde cero.
Este libro es una guía práctica para crear sistemas de diseño. Cubre los conceptos básicos de los sistemas de diseño, así como técnicas más avanzadas como el uso de bibliotecas de componentes y herramientas de diseño. Es un recurso excelente para aquellos que buscan aprender a crear sistemas de diseño desde cero.
Save
Este libro es una introducción a Node.js. Cubre los conceptos básicos del lenguaje, así como técnicas más avanzadas como el uso de módulos, eventos y flujos de datos. Es un recurso excelente para aquellos que buscan aprender Node.js desde cero.
Este libro es una introducción al diseño responsivo. Cubre los conceptos básicos del diseño responsivo, así como técnicas más avanzadas como el uso de consultas de medios y diseño flexible. Es un recurso excelente para aquellos que buscan aprender diseño responsivo desde cero.
Este libro es una guía práctica para utilizar Git. Cubre los conceptos básicos del sistema de control de versiones, así como técnicas más avanzadas como el uso de ramas y etiquetas. Es un recurso excelente para aquellos que buscan aprender Git desde cero.
Save
Este libro cubre los fundamentos del desarrollo web, incluyendo HTML5, CSS3 y Bootstrap 4. Es un recurso excelente para aquellos que buscan aprender los conceptos básicos del desarrollo web.
Esta guía rápida y concisa es un excelente recurso para aprender lo básico de Bootstrap 4. Cubre los componentes CSS y Javascript más comunes, así como consejos sobre cómo utilizar Bootstrap para crear sitios web responsivos.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/t9lha6/disenando
Share
Similar courses
Here are nine courses similar to
Diseñando páginas web con Bootstrap 4.
HTML y CSS en detalle
OpenCourser.com/course/0zojxc/html
HTML y CSS en detalle
Most relevant
Introducción al desarrollo web
OpenCourser.com/course/yntuf8/introduccion
Introducción al desarrollo web
Most relevant
Introducción al desarrollo de back-end
OpenCourser.com/course/q3dk3p/introduccion
Introducción al desarrollo de back-end
Most relevant
Introducción al desarrollo de front-end
OpenCourser.com/course/y4fyz6/introduccion
Introducción al desarrollo de front-end
Most relevant
Desarrollo de Aplicaciones Web: Conceptos Básicos
OpenCourser.com/course/7lu7e0/desarrollo
Desarrollo de Aplicaciones Web: Conceptos Básicos
Most relevant
Programación Orientada a Objetos con Java
OpenCourser.com/course/ih00xj/programacion
Programación Orientada a Objetos con Java
Most relevant
css funciones de nevegación
OpenCourser.com/course/peubuv/css
css funciones de nevegación
Most relevant
Adobe Illustrator: aprende a crear presentaciones de impacto
OpenCourser.com/course/k4dan5/adobe
Adobe Illustrator: aprende a crear presentaciones de...
Most relevant
Conceptos básicos de React
OpenCourser.com/course/ovhvbp/conceptos
Conceptos básicos de React
Most relevant
Effort
4 semanas de estudio. 5 horas/semana.
Level
Introductory
Via
Coursera
Institution
Universidad Austral
Instructor
Ezequiel Lamónica
Language
Español
This course belongs to a
collection
called
Full Stack Web Development en Español. It's comprised of four courses:
- Diseñando páginas web con Bootstrap 4 (viewing)
- Desarrollo de páginas con Angular
- Desarrollo de Aplicaciones Mobile Multiplataforma con Nativescript, Angular y Redux
- Desarrollo del lado servidor: NodeJS, Express y MongoDB
Good to know
Ayuda a los alumnos a aprender sobre conceptos generales de desarrollo web del lado cliente
Capacita a los estudiantes en metodologías de trabajo y herramientas prácticas
Desarrolla competencias en diseño responsive, grillas y componentes CSS y Javascript de Bootstrap
Proporciona práctica con preprocesadores de CSS como Less y Sass
Introduce conceptos básicos de Node.js y NPM para la gestión de sitios web
Prepara a los estudiantes para diseñar una página web e implementar ese diseño con Bootstrap
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser