|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/disenando-paginas-bootstrap4
课程评论:没有评论
课程名称:使用 Bootstrap 4 设计网页 课程概述:本课程将教授您关于客户端网页开发的基本概念、工作方法和工具。您将学习响应式设计、网格系统以及 Bootstrap 的 CSS 和 JavaScript 组件。您还将实践 CSS 预处理器 Less 和 Sass,并应用 Node.js 和 NPM 的基本概念来管理您的网站。完成课程后,您将能够设计一个网页并使用 Bootstrap 实现该设计,创建响应式设计,并准备您的网站投入生产。 课程大纲: 1. **Bootstrap 4.0 概述**:该模块将介绍全栈网页编程的基本知识,并快速概览整个课程。您将学习 Bootstrap 的基础知识,如何使用 NPM 初始化项目,以及如何使用 Git 和 Bitbucket 配置您的代码库。同时,您将了解响应式设计和 Bootstrap 的网格系统。 2. **Bootstrap 的 CSS 组件**:本模块涵盖 Bootstrap 的 CSS 组件。您将学习导航及导航栏、按钮、表单、表格、卡片、图像和媒体、标签、警报和进度条等内容。 3. **Bootstrap 的 JavaScript 组件**:该模块包括 Bootstrap 的 JavaScript 组件。您将学习选项卡、选项卡导航、按钮导航、各种类型的警报、轮播、滚动监听、附加和工具提示等内容。 4. **开发工具**:在本模块中,我们将探讨各种便于 UI 开发的工具。您将使用 jQuery 操作页面内容,使用 CSS 预处理器 Less 和 Sass 为网页做准备,将您的网页上传到服务器,从而创建您的网站。此外,您还将利用 Node 的库来自动化您的常规工作,以避免手动进行重复任务。
Name:Presentación de Bootstrap 4.0
Description: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.
Name:Componentes CSS de Bootstrap
Description: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.
Name:COMPONENTES JAVASCRIPT DE BOOTSTRAP
Description: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.
Name:HERRAMIENTAS DE DESARROLLO
Description: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.
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.