|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/30-exercices-css/
课程评论：没有评论
**课程名称：** 30个CSS练习 **课程概述：** 这门课程的核心在于“实践、实践、再实践”。它强调CSS并非易事，也并非不重要。CSS拥有大量需要掌握的规则、特性、技巧、属性和值，忽视这一学习过程将导致难以解决的问题和挫败感。 本课程将通过30个练习，涵盖以下核心CSS概念： * **布局与对齐：** X、Y、Z轴对齐，`display`属性，定位，Flexbox，CSS Grid。 * **选择器与视觉效果：** 选择器，`perspective`，过渡 (`transitions`)，动画 (`animations`)，伪元素与伪类。 * **进阶与实用技巧：** 响应式设计 (`responsive`)，可访问性 (`accessibility`)，界面集成，CSS单位，SASS。 * **其他：** 以及更多相关内容。 **学习重点：** 课程并非鼓励学生仅仅复制不理解的代码来“碰运气”或“全对”。更重要的是培养三个关键能力： 1. **研究能力：** 培养好奇心，主动查阅文档、文章和视频，寻找解决问题的方案。 2. **测试能力：** 学习在特定环境中测试不同的值、属性、模块和范式，以找到最佳解决方案。 3. **自我纠错能力：** 认识到现实中并非总有现成的答案，因此需要培养自我评估和修正的能力，考虑解决方案的性能、响应式、兼容性和可访问性等方面。 课程提供了所需的代码源文件、资源和其他支持材料，旨在以愉快的方式引导学员学习。课程以第一个练习开始编码。
De la pratique, de la pratique, de la pratique.Voilà à quoi on peut résumer ces 30 exercices CSS.On pense souvent(à tord), que le CSS s'apprend facilement et que ce n'est franchement pas très important.Wrong!Il existe en effet des multitudes de règles, de "bizzareries", de techniques, de propriétés, de valeurs qu'il faut imperatrivement connaître avec ce langage de style.Si on néglige cet apprentissage, on va au devant de problèmes insolubles et quelques sérieuses prises de tête.Dans ce cours, on va s'entraîner avec:Les alignements (X,Y,Z...)Les "display"Les positionsLes sélecteursLa perspectiveLe "responsive"L'accéssibilitéFlexboxCSS GridLes transitions, les animationsL'integration d'interfacesLes unités de mesureSASSLes pseudo éléments & classesEtc etc...L'important dans ce cours n'est surtout pas d'avoir juste partout, de tout trouver en copiant du code qu'on ne comprend pas et en ayan 0 réflexion.Je vais y revenir de nombreuses fois mais le plus important va être pour vous de développer ces trois axes:La recherche: Etre curieux, se plonger dans les documentations, les articles, les vidéos, et tout ce qu'on peut trouver pour arriver à résoudre un problème.Les Tests: Tester des valeurs, des propriétés, des modules, des paradigmes, apprendre à tester tout ça dans un environnement donné afin de trouver une solution.L'Autocorrection: Dans la vie il n'y aura pas toujours une vidéo de correction, donc préparez-vous à déjà vous autocorriger en vous interrogeant sur les performances de votre solution, son côté adaptatif(responsive), compatible, accessible, etc.Je vous ai préparé des dossiers avec les différents codes source, les ressources et tout ce qu'il vous faut pour suivre ce cours dans la joie et la bonne humeur.Rendez-vous au premier exercice pour commencer à coder. ✌️
