|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/flexbox-css-le-programme-ultime-par-la-pratique/
课程评论：没有评论
课程名称：Flexbox CSS 实践终极指南 课程概述：欢迎您参加“Flexbox CSS 实践终极指南”课程。如果您不知道什么是 Flexbox，Flexbox CSS（也称为“CSS 弹性盒子布局模块”）是一种 CSS3 标准，可以帮助网页元素的排版，实现响应式设计（适应用户屏幕）。如今，CSS Flexbox 对于前端开发者来说已不仅仅是一个选择，因此我创建了这个课程。虽然有很多关于 Flexbox 的教程，但它们往往没有直截了当地解释不同的属性，导致学习者难以掌握。此外，一些教程提供的示例过于复杂，使其变得困惑。 在本课程中，我将以最简单的方式解释 Flexbox。我们的学习将分为几个步骤：第一步，我会介绍 Flexbox 的基本术语，并帮助初学者搭建工作环境；第二步，我们将学习如何对容器及其项应用不同的 CSS 功能，所有内容都会得到详细解释。为了便于学习，我将这些功能分为两个部分（容器和项）。 第三步，我们将利用 Flexbox 实现一个 100% 响应式的网站。此外，还会提供一段关于编码网站时注意事项的额外视频。在这个视频中，我会向您展示如何正确使用 Flexbox，并指出一些常见代码错误（将在“良好实践（小修正）”视频中纠正）。 作为课程的最后一部分，我们将制作一个 100% 响应式网站，以实践我们在课程中学到的知识。这一环节往往被忽视，却是锻炼和在实际项目中应用所学知识的有效途径。我会尽快回答与课程内容相关的问题，但无法干预您个人项目或工作中的项目。 希望您能从本课程中获得实用的知识与技能！
Bonjour et bienvenue sur ce programme "Flexbox CSS Le guide Ultime par la pratique".Vous ne savez pas ce qu'est FlexBox ?FlexBox CSS aussi connus sous le nom "CSS Flexible Box Layout Module" sont un standard CSS3 permettant la disposition des éléments dans une page web en permettant d'avoir un design responsive (Qui s'adapte donc à l'écran de l'utilisateur).De nos jours, le CSS FlexBox n'est plus une option pour les développeurs front et c'est la raison pour laquelle j'ai créé ce programme. En effet, il existe beaucoup de tutoriels sur FlexBox mais, hélas, ces derniers ne vont pas droit au but afin de vous expliquer clairement les différentes propriétés afin que vous puissiez bien maîtriser. Ces tutos sont souvent des exercices faits directement dans de gros projets avant un code spaghetti ce qui les rends difficiles et assez confus.Dans ce programme, j'ai décidé de vous expliquer FlexBox de la manière la plus simple possible.Oui, nous allons aborder les divers concepts et techniques en deux étapes.Première étape: Je vais vous expliquer les différentes terminologie à connaître sur Flexbox, ensuite nous mettrons en place notre environnement de travail pour les plus débutant.Deuxième étape: Nous allons voir les différentes fonctions css à appliquer aux containers et aux items. Pas de panique tout sera très bien expliquer. Pour faciliter votre apprentissage, j'ai d'ailleurs séparé ses fonctions en 2 sections (container et items).Troisième étape: Nous réaliserons un site internet 100% responsive avec Flexbox. Vous aurez aussi une vidéo bonus sur les bonnes pratiques lorsque l'ont code un site internet. Vous aurez donc à faire attention sur comment utiliser flexbox mais aussi quels sont les erreurs que je glisse dans le code (corrigé lors de la vidéo: "Les bonnes pratiques (mini correction)").Pour conclure ce programme, nous allons réaliser un site internet 100% responsive afin de mettre en pratique les notions acquises dans la formation. En effet, c'est une étape souvent négligée pourtant essentielle car c'est le moyen qui permet d'effectuer des exercices et de travailler sur un véritable projet digne de ceux qu'on pourrait réaliser en entreprise.Je ferai de mon mieux pour répondre rapidement à vos questions ayant un lien direct au contenu de ce programme. En revanche, je ne suis pas habilité à intervenir sur vos projets personnels ou ceux sur lesquels vous travaillez en entreprise.
