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.
Este curso faz parte do Programa de cursos integrados Full Stack Web Development en Español
Diseñando páginas web con Bootstrap 4
oferecido por
Informações sobre o curso
10,444 visualizações recentes
Learner Career Outcomes
O que você vai aprender
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
Learner Career Outcomes
100% on-line
Comece imediatamente e aprenda em seu próprio cronograma.
Prazos flexíveis
Redefinir os prazos de acordo com sua programação.
Nível iniciante
Aprox. 29 horas para completar
Sugerido: 4 semanas de estudio. 5 horas/semana.
Espanhol
Legendas: Espanhol
Programa - O que você aprenderá com este curso
Semana
15 horas para concluir
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.
15 vídeos (Total 135 mín.), 7 leituras, 3 testes
15 videos
Configurando GIT4min
Creando un repositorio10min
Comandos básicos de GIT7min
Vinculando GIT con el repositorio en la nube4min
Qué es un desarrollador Full Stack6min
Comenzando un proyecto GIT basics2min
NodeJS2min
Primeros pasos con NodeJS y NPM28min
Configurando Bootstrap13min
Video: Frameworks de front-end5min
Diseño responsive - Introducción5min
Diseño responsive - Introducción B2min
Sistema de grillas9min
Utilizando Flex30min
7 leituras
Contenidos y dinámica del curso8min
Guía práctica de GIT15min
Guía práctica de NodeJS y NPM15min
Objetivos de la lección1min
Guía práctica de Bootstrap30min
Guía práctica de grillas10min
Guía práctica de Flex20min
2 exercícios práticos
para tu autoevaluación (no calificado) del Módulo 120min
Calificado del Módulo 120min
Semana
25 horas para concluir
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.
7 vídeos (Total 89 mín.), 9 leituras, 3 testes
7 videos
Navegabilidad4min
Barra de navegación y breadcrumbs4min
Trabajando con elementos de navegabilidad16min
Uso de iconos y fuentes10min
Formularios14min
Mostrando contenido28min
Usando imágenes9min
9 leituras
Objetivos de la lección
Guía práctica de navegabilidad15min
Objetivos de la lección
Guía práctica de formularios40min
Objetivos de la lección
Guía práctica de mostrar contenidos1h
Objetivos de la lección
Objetivos de la lección1min
Notificaciones10min
2 exercícios práticos
Para tu autoevaluación (no calificado) del Módulo 220min
Calificado del Módulo 220min
Semana
35 horas para concluir
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.
7 vídeos (Total 59 mín.), 11 leituras, 3 testes
7 videos
Trabajando con Collapse5min
Trabajando con accordions8min
Mostrando contenido con modals10min
Utilizando tooltips6min
Utilizando popovers3min
Trabajando con carousel11min
11 leituras
Objetivos de la lección
Componentes Javascript de Bootstrap – Introducción4min
Objetivos de la lección
Guía práctica de tabs y pills35min
Objetivos de la lección
Guía práctica de visibilidad40min
Objetivos de la lección
Guía práctica de modals30min
Guía práctica de tooltips y popovers40min
Objetivos de la lección
Guía práctica de carousel30min
2 exercícios práticos
Para tu autoevaluación (no calificado) del Módulo 320min
Calificado del Módulo 320min
Semana
45 horas para concluir
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.
6 vídeos (Total 138 mín.), 9 leituras, 3 testes
6 videos
Trabajando con SASS14min
Trabajando con Less6min
Implementando herramientas con NPM Scripts27min
Automatizadores de tareas Grunt39min
Automatizadores de tareas Gulp25min
9 leituras
Guía práctica de JQuery y eventos de componentes20min
Objetivos de la lección
Guía práctica de SASS20min
Guía práctica de Less1min
Objetivos de la lección
Saliendo a producción5min
Guía práctica de NPM30min
Objetivos de la lección
Task Runners - Conclusiones y consignas10min
2 exercícios práticos
Para tu autoevaluación (sin calificar) del Módulo 420min
Calificado del Módulo 420min
Principais avaliações do Diseñando páginas web con Bootstrap 4
Excelente curso, la dinámica es muy agradable e incentiva a que se termine el curso y se complete de inicio a fin sin problemas.
Me a gustado mucho el curso, las explicaciones que daba el docente era claro y conciso. Me alegro de haber tomado el curso.
Instrutores
Ezequiel Lamónica
Licenciado en Ciencias de la Computación (UBA), IAE EMBA Candidate 2018.Sobre Universidade 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.
Sobre Programa de cursos integrados 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.
Perguntas Frequentes – FAQ
Quando terei acesso às palestras e às tarefas?
Ao se inscrever para um Certificado, você terá acesso a todos os vídeos, testes e tarefas de programação (se aplicável). Tarefas avaliadas pelos colegas apenas podem ser enviadas e avaliadas após o início da sessão. Caso escolha explorar o curso sem adquiri-lo, talvez você não consiga acessar certas tarefas.
O que recebo ao me inscrever nesta Especialização?
Quando você se inscreve no curso, tem acesso a todos os cursos na Especialização e pode obter um certificado quando concluir o trabalho. Seu Certificado eletrônico será adicionado à sua página de Participações e você poderá imprimi-lo ou adicioná-lo ao seu perfil no LinkedIn. Se quiser apenas ler e assistir o conteúdo do curso, você poderá frequentá-lo como ouvinte sem custo.
Qual é a política de reembolso?
Existe algum auxílio financeiro disponível?
Mais dúvidas? Visite o Central de Ajuda ao Aprendiz.