|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/frontend-mh/
课程评论：没有评论
**Coursera 课程总结：HTML5 和 CSS3 与用户体验 (阿拉伯语)** 本课程旨在提供一种专业的网页开发途径，通过实际的代码编写、界面设计以及用户体验的理解，并提供编码挑战和大小项目。 **主要内容包括：** 1. **HTML:** 网页结构语言，用于添加文本、图片、音频等多媒体元素。 2. **CSS:** 样式语言，将网页转化为美观、响应式（适应各种智能设备）的视觉设计，包含色彩和尺寸。 3. **UI (用户界面):** 学习如何通过正确的色彩搭配和优美的设计来构建网站。 4. **UX (用户体验):** 强调网站不仅要美观，更要易于用户使用。 5. **Figma:** 基于浏览器的 UI/UX 设计工具，提供强大的设计、原型制作和代码生成功能，是行业领先的界面设计工具。 6. **Adobe XD:** 专为简化用户在网页界面导航而设计的工具，能激发设计师的灵感与想象力。 7. **网页设计规则:** 学习网页设计的核心原则。 8. **动画 (Animation):** 使用代码为网站增添美感、创意、艺术感和趣味性，通过特定动画效果提升网站外观。 9. **媒体查询 (Media Query):** 用于构建响应式网站，适应各种屏幕尺寸。 10. **SVG 动画:** 学习矢量图形（SVG）的细节以及如何对其进行动画处理。 本课程涵盖了从基础到高级的网页开发和设计知识，注重实用性和用户体验。
صمم هذا الكورس لتقديم طريق برمجي احترافي في عالم الويب عن طريق شرح وتطبيق عملي للكود وتصميم الواجهات وفهم تجربة مستخدم مع توفير تحديات برمجيةوالعديد من المشاريع منها الكبيرة ومنها الصغيرةسيتم شرح 1-HTMLوهي لغة تساعدنا في انشاء مواقع الويب عن طريق اضافة نصوص او صور او ملفات صوتية وغيرها الكثير من العناصر2-CSSعن طريق هذه اللغة سوف نقوم بتحويل الويب لموقع ب الوان وقياسات جميلة متجاوبة مع جميع الاجهزة الذكية3-UIوهي واجهة المستخدم عن طريقها سوف نعرف الطريق لبناء موقع ب الوان صحيحة وجميلة4-UXوهي تجربة المستخدم ف عند انشاء موقع لا يهم كم هو جميل ان لم يتمكن العميل من استخدامه بسهوله5-Figmaهو تطبيق تصميم UI و UX يستند إلى مستعرض ، مع تصميم ممتاز ، ونماذج أولية وأدوات لتوليد الرموز. إنها حاليًا (يمكن القول) أداة تصميم الواجهة الرائدة في الصناعة ، مع ميزات قوية تدعم فرق العمل في كل مرحلة من مراحل عملية التصميم. إذا لم تكن قد فعلت ذلك بالفعل ، فجرّب ذلك!6- Adobe XDإنها أداة تم تصميمها بشكل أساسي لتسهيل تنقل المستخدم من خلال واجهة صفحة الويب. كل هذا ، وأكثر من ذلك بكثير ، إمكانية فريدة للمصمم ليغمر نفسه في عالم من الإلهام والخيال.7- Web Design Rules8-Animationعبارة عن بعض الاكواد التي تضيف من الجمالية والإبداع والفن والمرح لمشروعك او موقعك الإلكتروني بسهولة تامة، حيث تقوم بدورها على تسهيل عملية تحريك العناصر بأشكال معينة وجميلة داخل موقعك ليضيف لمسة خاصة تحسن من شكل موقعك ومظهره بشكل كبير9-Media Queryتساعدنا في بناء موقع متجاوب لجميع انواع الشاشات10-SVG Animationحنتعرف علئ تفاصيل ال الفيكتور وعمل تحريك له
