|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/atomic-design-css/
课程评论：没有评论
**课程名称：** Atomic Design 构思组件和 CSS 设计 **课程概述：** 本课程面向已经掌握 HTML、CSS、JavaScript 和 React 基础知识，并希望在“设计”领域更进一步的学习者。在众多设计层面中，本课程将聚焦于前端实现领域的设计。 课程内容主要围绕三大主题展开： 1. **Atomic Design（原子化设计）：** * 当前 Web 开发主流是将 UI 拆分成“组件”进行开发。 * “组件设计”是必须掌握的知识。 * Atomic Design 是组件设计的基本框架。 2. **CSS 设计：** * 组件设计之外，CSS 设计同样至关重要。 * 避免随意编写 CSS，以确保 CSS 的可维护性和通用性。 * 学习 CSS 设计方法，掌握可维护、高复用性组件的实现方法。 3. **设计系统：** * 设计系统是集中管理创建的组件和设计规则的工具。 * 学习设计系统的概念、构建方法和运营，以有效利用创建的组件。 **学习目标：** 仅掌握 HTML、CSS、JavaScript 的语法是不够的，实际工作中需要具备“设计”知识。通过本课程，您将掌握组件设计知识和技术，成为在实际工作中能够独当一面的工程师。
HTML、CSS、JavaScript、Reactの基礎を学んで、次のレベルへのステップアップとして「設計」に興味を持っている学習者の方向けのコースです。「設計」と一口に言ってもさまざまなレイヤーがあります。ビジネスレベルの設計から、アプリケーション設計、フロントエンド、バックエンド、データベース、インフラ……この講座ではその中でも、フロントエンド実装の分野における設計を学んでいきます。この講座で取り上げるトピックは大きく以下の3つです。Atomic DesignデザインシステムCSS設計現在のWeb開発の現場においては、「コンポーネント」という単位にUIを分割し、それを組み合わせて開発を行う「コンポーネント・ベースのUI開発」が主流となっており、その「コンポーネント」をどのように設計するかという知識が必須になっています。その「コンポーネント設計」の基本的な考え方のフレームワークが「Atomic Design」です。コンポーネント設計とあわせて重要なのが「CSS設計」です。行き当たりばったりのCSS実装では、保守性や汎用性のないCSSになりがちです。コンポーネントの考え方を学んだら、CSSの設計手法も学んで、保守性と汎用性の高いコンポーネントの実装方法を身につけましょう。このようにして作成したコンポーネントとデザインのルールをまとめて管理するのが、「デザインシステム」です。作成したコンポーネントの活用のために、デザインシステムの考え方と作り方、運用などについて学びましょう。HTML、CSS、JavaScriptの基礎を学んだだけでは、実務で使える技術とは言えません。これらの言語の文法を知っているのは当たり前のことで、実務レベルでは設計の知識も必須になってきます。コンポーネント設計の知識と技術を身につけて、実務で活躍できるエンジニアになりましょう！
