|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/developper-avec-bootstrap-4-le-cours-complet/
课程评论：没有评论
课程名称：使用 Bootstrap 4 开发 - 完整课程 课程概述：本课程已更新至版本 4.5.3，提供最新的资源和可下载文件，包括 Bootstrap 5 Alpha 2 的新功能介绍。课程将介绍使用新的 CLI 工具 bootstrap npm 启动项目的简便方法，并提供如何自定义和覆盖 Sass 源文件和变量的教程。额外提供 Bootstrap 5 的项目和模板作为奖励。 本课程是针对用户快速掌握通用和跨平台网页开发方法的完整培训。作为网页行业的重大优势，熟悉 HTML、CSS 和 JS 的 Bootstrap 库可帮助快速且轻松地创建适应移动、平板和桌面屏幕的响应式页面。 课程将通过多个示范和项目帮助学生理解跨平台移动开发，学习完毕后，您将能够自豪地展示您的响应式网页设计技能，并制作出专业的作品集页面。 课程内容包括： - 创建适合宽屏（笔记本和桌面）及窄屏（平板和移动设备）的响应式页面。 - 使用 Bootstrap 4 的新功能，如 Flexbox 和新组件（例如 cards）。 - 集成现成的 jQuery 插件，轻松快速地创建动态页面。 - 额外学习 jQuery 和 CSS 动画以增加互动性和视觉效果。 具体项目： 1. 学习基础元素的第一个示例页面，了解如何使用 CDN 集成 Bootstrap 资源、快速创建响应式布局的网格系统、Bootstrap 类和组件的移动优先概念，以及简单集成的 jQuery 插件。 2. 通过制作个人作品集页面，进一步学习如何在不到一小时内完成布局，并演示使用 Flexbox 的响应式网格、集成多个 Bootstrap 组件（如 Jumbotron、导航栏和表单）等。 3. 进阶学习，制作移动应用模板项目，最终拥有一页功能齐全且响应式的个人作品展示页面。 4. 学习如何使用 Sass 和 Grunt 语法自定义 Bootstrap 页面。 为什么选择 Bootstrap？ - Bootstrap 库简单易学。 - 多种启动项目的选项：CDN、CSS 或 Sass 文件。 - 文档中提供多种示例页面和项目模板。 - 提供清晰、信息丰富的文档和可快速使用的代码片段。 适合人群： - 设计师和网页开发者。 - HTML 和 CSS 集成商。 - 尤其适合希望快速熟悉移动开发的初学者。 - Bootstrap 3 用户也可以了解版本 4 的新功能。
*** Cours mis à jour avec la version 4.5.3 ***Nouvelles ressources et fichiers téléchargeables avec la version la plus récente Bootstrap4 (4.5.3)Nouvelle section d' 1H+ pour découvrir les nouvelles annonces de Bootstrap 5 Alpha 2Introduction au nouvel outil CLI bootstrap npm starter pour générer un nouveau projet en un tour de mainUn tutoriel sur comment customizer et surcharger les fichiers sources et variables Sass*** *** *** *** *** *** *** BONUS: projets et templates Bootstrap 5 inclus *** *** *** *** *** *** *** Nouvelle formation complète Bootstrap V4 pour une prise en main simple et rapide des méthodes de développement web universel et cross-plateform. Atout majeur pour tous les métiers du web, connaître la librairie HTML, CSS & JS Bootstrap aide à créer rapidement et facilement des pages responsives pour les écrans de mobiles, tablettes et ordinateurs de bureau.En développement depuis 2014, Bootstrap V4 annonce finalement sa version Beta. Les nouveautés incluent: Un système de grille avec la Flexbox pour plus d'options et flexibilitéL'utilisation de SassDes nouveaux composants CSS comme les cardsCe cours vous aidera, avec plusieurs démonstrations et projets, à comprendre le développement cross-plateform mobile. À l'issu de la formation, vous pourrez afficher fièrement vos nouvelles compétences de conception web adaptif avec une page portfolio professionnelle et responsive. Au programme:Créer des pages responsive pour les écrans larges (ordinateurs portables et de bureau) et réduits (tablettes et mobiles)Utiliser les nouveautés de Bootstrap V4 avec la Flexbox et autres composants nouveaux comme les cardsinclure des plugins jQuery, prêts à l'emploi et extrêmement faciles à configurer, pour créer une page dynamique en un rien de tempsEn extra, jQuery et Animation CSS pour ajouter de l'interactivité et des effets visuels Les projets:(1) - Un premier exemple de page Bootstrap pour apprendre les éléments de base et découvrir:Comment intégrer les ressources Bootstrap avec l'option CDNLe système de grille pour créer rapidement une mise en page responsiveLes classes CSS et les composants Bootstrap avec le concept de mobile firstLes plugins jQuery. Avec une configuration minimum et simple d'utilisation, les composants Javascript seront faciles à intégrer(2) - On poursuit, plus fort, avec projet de page portfolio pour apprendre à créer une mise en page en moins d'une heure, avec en démonstration:L'utilisation des options de grille responsive avec la FlexboxL'intégration des composants bootstraps: Jumbotron, Navbar, et Form...L'ajout de classes utilitaires responsive pour adapter la mise en page aux différentes tailles d'écran. Ce sera, sans trop d'effort, que vous pourrez cibler les écrans larges et d'appareils mobile.En bonus, animations et transitions avec CSS Animation et jQuery(3) - On passera, ensuite, à un niveau plus avancé avec un projet de template d'application mobile. Au final, vous aurez une page fonctionnelle et responsive pour présenter vos projets en ligne, un portfolio numérique, vos compétences web ou autre.(4) - Vous apprendrez également à personnaliser votre page Bootstrap en utilisant la syntaxe de Sass et Grunt.Et, pourquoi utiliser Bootstrap ?La bibliothèque Bootstrap est simple et facile à apprendrePlusieurs options disponibles pour démarrer un projet: le CDN, les fichiers CSS ou SassBootstrap offre, dans sa documentation, plusieurs exemples de pages et templates pour vos projetsUne documentation claire et informative avec des codes snippets prêts à l'emploi, pour un usage rapide des classes et composants CSSPour qui ?Les designers et développeurs webLes Intégrateurs html et cssPour les débutants surtout, qui souhaitent rapidement se familiariser avec le développement mobileEt, les utilisateurs de Bootstrap 3 pour rester au fait des nouveautés annoncées pour la version 4
