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.
이 강좌는 Full Stack Web Development en Español 전문 분야의 일부입니다.
Diseñando páginas web con Bootstrap 4
제공자:
1,187명이 이미 등록했습니다!
About this Course
13,278
13,278배울 내용
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
강의 계획 - 이 강좌에서 배울 내용
주
1완료하는 데 5시간 필요
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 videos (Total 135 min), 7 readings, 3 quizzes
15개의 동영상
Configurando GIT4m
Creando un repositorio10m
Comandos básicos de GIT7m
Vinculando GIT con el repositorio en la nube4m
Qué es un desarrollador Full Stack6m
Comenzando un proyecto GIT basics2m
NodeJS2m
Primeros pasos con NodeJS y NPM28m
Configurando Bootstrap13m
Video: Frameworks de front-end5m
Diseño responsive - Introducción5m
Diseño responsive - Introducción B2m
Sistema de grillas9m
Utilizando Flex30m
7개의 읽기 자료
Contenidos y dinámica del curso8m
Guía práctica de GIT15m
Guía práctica de NodeJS y NPM15m
Objetivos de la lección1m
Guía práctica de Bootstrap30m
Guía práctica de grillas10m
Guía práctica de Flex20m
2개 연습문제
para tu autoevaluación (no calificado) del Módulo 120m
Calificado del Módulo 120m
주
2완료하는 데 5시간 필요
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 videos (Total 89 min), 9 readings, 3 quizzes
7개의 동영상
Barra de navegación y breadcrumbs4m
Trabajando con elementos de navegabilidad16m
Uso de iconos y fuentes10m
Formularios14m
Mostrando contenido28m
Usando imágenes9m
9개의 읽기 자료
Objetivos de la lección
Guía práctica de navegabilidad15m
Objetivos de la lección
Guía práctica de formularios40m
Objetivos de la lección
Guía práctica de mostrar contenidos
Objetivos de la lección
Objetivos de la lección1m
Notificaciones10m
2개 연습문제
Para tu autoevaluación (no calificado) del Módulo 220m
Calificado del Módulo 220m
주
3완료하는 데 5시간 필요
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 videos (Total 59 min), 11 readings, 3 quizzes
7개의 동영상
Trabajando con Collapse5m
Trabajando con accordions8m
Mostrando contenido con modals10m
Utilizando tooltips6m
Utilizando popovers3m
Trabajando con carousel11m
11개의 읽기 자료
Objetivos de la lección
Componentes Javascript de Bootstrap – Introducción4m
Objetivos de la lección
Guía práctica de tabs y pills35m
Objetivos de la lección
Guía práctica de visibilidad40m
Objetivos de la lección
Guía práctica de modals30m
Guía práctica de tooltips y popovers40m
Objetivos de la lección
Guía práctica de carousel30m
2개 연습문제
Para tu autoevaluación (no calificado) del Módulo 320m
Calificado del Módulo 320m
주
4완료하는 데 5시간 필요
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 videos (Total 138 min), 9 readings, 3 quizzes
6개의 동영상
Trabajando con SASS14m
Trabajando con Less6m
Implementando herramientas con NPM Scripts27m
Automatizadores de tareas Grunt39m
Automatizadores de tareas Gulp25m
9개의 읽기 자료
Guía práctica de JQuery y eventos de componentes20m
Objetivos de la lección
Guía práctica de SASS20m
Guía práctica de Less1m
Objetivos de la lección
Saliendo a producción5m
Guía práctica de NPM30m
Objetivos de la lección
Task Runners - Conclusiones y consignas10m
2개 연습문제
Para tu autoevaluación (sin calificar) del Módulo 420m
Calificado del Módulo 420m
4.3
7개의 리뷰최상위 리뷰
Genial !!!, llevan de la mano al estudiante explicando los conceptos de una manera clara y sencilla.
Exelente! 100 ptos. El profesor con una alta calidad y conocimiento en la materia
강사
Ezequiel Lamónica
Licenciado en Ciencias de la Computación (UBA), IAE EMBA Candidate 2018.아우스트랄 대학교 정보
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.
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.
자주 묻는 질문
강의 및 과제를 언제 이용할 수 있게 되나요?
강좌에 등록하면 바로 모든 비디오, 테스트 및 프로그래밍 과제(해당하는 경우)에 접근할 수 있습니다. 상호 첨삭 과제는 이 세션이 시작된 경우에만 제출하고 검토할 수 있습니다. 강좌를 구매하지 않고 살펴보기만 하면 특정 과제에 접근하지 못할 수 있습니다.
이 전문 분야를 구독하면 무엇을 이용할 수 있나요?
강좌를 등록하면 전문 분야의 모든 강좌에 접근할 수 있고 강좌를 완료하면 수료증을 취득할 수 있습니다. 전자 수료증이 성취도 페이지에 추가되며 해당 페이지에서 수료증을 인쇄하거나 LinkedIn 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.
환불 규정은 어떻게 되나요?
재정 지원을 받을 수 있나요?
궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.
Coursera는 세계 최고의 교육에 대한 보편적인 접근 기회를 제공하며,
최고의 대학 및 기관들과 제휴하여 온라인 강좌를 제공합니다.
© 2019 Coursera Inc. All rights reserved.
