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.
Ce cours fait partie de la Spécialisation Full Stack Web Development en Español
Offert par
Spécialisation Full Stack Web Development en EspañolUniversidad AustralÀ propos de ce cours
239,385 consultations récentes
Certificat partageable
Obtenez un Certificat lorsque vous terminez
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Cours 1 sur 4 dans le
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Niveau débutant
Approx. 19 heures pour terminer
Espagnol
Sous-titres : Espagnol
Ce que vous allez apprendre
Diseñar una página web con Bootstrap
Implementar tu diseño con Bootstrap
Crear un diseño responsive
Preparar tu sitio web para salir a producción
Compétences que vous acquerrez
HtmlJavaScriptFront-End Web DevelopmentAngularjs
Certificat partageable
Obtenez un Certificat lorsque vous terminez
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Cours 1 sur 4 dans le
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Niveau débutant
Approx. 19 heures pour terminer
Espagnol
Sous-titres : Espagnol
Offert par
Universidad Austral
La Universidad Austral se propone servir a la sociedad a través de la búsqueda de la verdad, mediante el desarrollo y transmisión del conocimiento, la formación en las virtudes y la atención de cada persona según su destino trascendente, proponiendo un estilo de liderazgo intelectual, profesional, social y público.
Programme du cours : ce que vous apprendrez dans ce cours
5 heures pour terminer
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.
5 heures pour terminer
16 vidéos (Total 136 min), 8 lectures, 3 quiz
16 vidéos
Universidad Austral1 min
Bienvenida a Bootstrap 4 y el desarrollo de UI3 min
Configurando GIT4 min
Creando un repositorio10 min
Comandos básicos de GIT7 min
Vinculando GIT con el repositorio en la nube4 min
Qué es un desarrollador Full Stack6 min
Comenzando un proyecto GIT basics2 min
NodeJS2 min
Primeros pasos con NodeJS y NPM28 min
Configurando Bootstrap13 min
Video: Frameworks de front-end5 min
Diseño responsive - Introducción5 min
Diseño responsive - Introducción B2 min
Sistema de grillas9 min
Utilizando Flex30 min
8 lectures
Bienvenidos a la Universidad Austral1 min
Contenidos y dinámica del curso8 min
Guía práctica de GIT15 min
Guía práctica de NodeJS y NPM15 min
Objetivos de la lección1 min
Guía práctica de Bootstrap30 min
Guía práctica de grillas10 min
Guía práctica de Flex20 min
2 exercices pour s'entraîner
para tu autoevaluación (no calificado) del Módulo 120 min
Calificado del Módulo 120 min
5 heures pour terminer
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.
5 heures pour terminer
7 vidéos (Total 89 min), 9 lectures, 3 quiz
7 vidéos
Navegabilidad4 min
Barra de navegación y breadcrumbs4 min
Trabajando con elementos de navegabilidad16 min
Uso de iconos y fuentes10 min
Formularios14 min
Mostrando contenido28 min
Usando imágenes9 min
9 lectures
Objetivos de la lección
Guía práctica de navegabilidad15 min
Objetivos de la lección
Guía práctica de formularios40 min
Objetivos de la lección
Guía práctica de mostrar contenidos1 h
Objetivos de la lección
Objetivos de la lección1 min
Notificaciones10 min
2 exercices pour s'entraîner
Para tu autoevaluación (no calificado) del Módulo 220 min
Calificado del Módulo 220 min
5 heures pour terminer
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.
5 heures pour terminer
7 vidéos (Total 59 min), 11 lectures, 3 quiz
7 vidéos
Trabajando con Collapse5 min
Trabajando con accordions8 min
Mostrando contenido con modals10 min
Utilizando tooltips6 min
Utilizando popovers3 min
Trabajando con carousel11 min
11 lectures
Objetivos de la lección
Componentes Javascript de Bootstrap – Introducción4 min
Objetivos de la lección
Guía práctica de tabs y pills35 min
Objetivos de la lección
Guía práctica de visibilidad40 min
Objetivos de la lección
Guía práctica de modals30 min
Guía práctica de tooltips y popovers40 min
Objetivos de la lección
Guía práctica de carousel30 min
2 exercices pour s'entraîner
Para tu autoevaluación (no calificado) del Módulo 320 min
Calificado del Módulo 320 min
5 heures pour terminer
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.
5 heures pour terminer
6 vidéos (Total 138 min), 9 lectures, 3 quiz
6 vidéos
Trabajando con SASS14 min
Trabajando con Less6 min
Implementando herramientas con NPM Scripts27 min
Automatizadores de tareas Grunt39 min
Automatizadores de tareas Gulp25 min
9 lectures
Guía práctica de JQuery y eventos de componentes20 min
Objetivos de la lección
Guía práctica de SASS20 min
Guía práctica de Less1 min
Objetivos de la lección
Saliendo a producción5 min
Guía práctica de NPM30 min
Objetivos de la lección
Task Runners - Conclusiones y consignas10 min
2 exercices pour s'entraîner
Para tu autoevaluación (sin calificar) del Módulo 420 min
Calificado del Módulo 420 min
Avis
Meilleurs avis pour DISEÑANDO PÁGINAS WEB CON BOOTSTRAP 4
par AG9 juil. 2020
Es un buen curso. Da un buen acercamiento a bootstrap, a sus funcionalidades y a los pre procesadores scss , ademas en su ultimo modulo enseñan un poco de automatización que es muy interesante.
par JP17 juin 2020
es necesario recomendar las actualizaciones en algunos modulos de trabajo o especificar la versión de los plugins dado que en el caso de gulp 4.0 el manejo es diferente al visto en clase.
par WM15 juil. 2020
Me gustó, se aprende mucho, aunque deberían actualizar algunos vídeos ya que hay configuraciones que cambiaron por las nuevas versiones que han sacado de las herramientas utilizadas.
par RM26 juil. 2020
Me gustaría que el curso tuviera una asesoría del profesor, ya que hay preguntas técnicas que los alumnos no conocen y por lo tanto no responden, en general el curso excelente.
À propos du Spécialisation Full Stack Web Development en Español
En la actualidad, las páginas web se han transformado en aplicaciones en sí mismas, con más cantidad de componentes que nunca antes, y con más exigencia de parte de sus consumidores y clientes.
Este programa te permitirá crear páginas web reactivas y apps móviles nativas de nivel profesional. Asimismo, te brindará herramientas, tanto para crear páginas webs, aplicando diseños realizados por diseñadores profesionales, como para programar el backend que dé soporte a una aplicación móvil o web.
El programa está destinado a toda persona interesada en aprender, de manera práctica, a programar páginas reactivas y apps móviles.
Se desarrolla en 4 MOOCs de 4 semanas de duración cada uno.
Foire Aux Questions
Quand aurai-je accès aux vidéos de cours et aux devoirs ?
L’accès à des vidéos de cours et des devoirs dépend de votre type d’inscription. Si vous suivez un cours en mode auditeur libre, vous pourrez voir la plupart des contenus de cours gratuitement. Pour accéder aux devoirs notés et obtenir un certificat, vous devrez acheter une expérience de certificat, pendant ou après avoir assister au cours en tant qu’auditeur libre. Si vous ne visualisez pas l’option auditeur libre :
- Il est possible que le cours ne propose pas d’option auditeur libre. Vous pouvez en revanche accéder à un essai gratuit ou faire une demande d'aide financière.
- Le cours propose peut-être « Cours complet, aucun certificat » à la place. Cette option vous permet de voir tous les contenus de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cependant, vous ne pourrez pas acheter une expérience de certificat.
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.
Quelle est la politique de remboursement ?
Si vous vous abonnez, vous bénéficiez d'une période d'essai gratuite de 7 jours, durant laquelle vous pouvez annuler votre abonnement sans pénalité. Ensuite, nous n'accordons plus de remboursements, mais vous pouvez annuler votre abonnement à tout instant. Consultez notre politique de remboursement complète.
Une aide financière est-elle possible ?
Oui, Coursera offre une Aide Financière aux étudiants qui n'ont pas les moyens d'acquitter les frais. Demandez-la en cliquant sur le lien Aide Financière sous le bouton S'inscrire situé à gauche. Vous devrez remplir un formulaire de demande et vous serez averti(e) si elle est acceptée. Vous devrez répéter cette procédure pour chaque cours de la Spécialisation, y compris pour le Projet Final. En savoir plus.
D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.
