Introduction to Scalable Vector Graphics (SVG)

Learn to code, style, and animate crisp, responsive vector graphics for the modern web using HTML and CSS.

4.9 (103) ⏱ 1時間4分 📚 8レッスン 🎧 音声版

このコースについて

Tired of blurry images and large file sizes? Scalable Vector Graphics (SVG) are the solution for creating sharp, lightweight, and interactive visuals that look great on any screen. This course provides a complete, text-based introduction to creating and manipulating SVGs directly with code. You will progress from understanding the basic syntax and shapes to building complex, responsive, and animated graphics that integrate seamlessly into your web projects. What you'll learn: - Learn the core SVG syntax and how to draw fundamental shapes, lines, and text. - Style your vector graphics using CSS for colors, strokes, fills, and gradients. - Build complex illustrations and custom icons using the powerful SVG path element. - Apply CSS transitions and keyframe animations to bring your SVGs to life. - Ensure your graphics are responsive and accessible for all users and devices. - Practice integrating SVGs into your web pages and manipulating them with basic JavaScript. The course begins with the foundational concepts of vector graphics and SVG structure, then moves into practical exercises covering styling, animation, and optimization. You'll work through written examples and apply your knowledge in hands-on challenges. This course is designed for absolute beginners. No prior experience with SVG is required, though a basic familiarity with HTML and CSS will be helpful. Start learning to create beautiful and performant vector graphics today.

得られるもの

  • 📜 修了証
    LinkedInプロフィールに追加
  • 🎧 音声版付き
    画面なしでもどこでも学べる
  • ♾️ 無期限アクセス
    いつでも再開可能、有効期限なし
  • 📱 スマホでもPCでも
    どこでもどんな端末でも
  • 💸 30日返金保証
    理由を聞きません
  • 短く要点だけ
    1時間4分の実践的な内容

レビュー (1)

Christopher Roux ZA 認証済み受講者
★ 4 · 2025-01-07T19:44:23+00:00

This course delivered exactly what I needed. The explanations were clear and concise. Big thumbs up!

レビューを書く

送信後にサインインを求めます — 下書きは保存されます。

他の受講者はこれも

よくある質問

このコースを受けるには何が必要ですか? +

インターネットに接続したスマホかパソコンだけ。インストールも特別な機材も不要です。

支払い方法は? +

Stripe経由のカード、または暗号通貨。カード情報は当社では保存せず、Stripeが安全に取り扱います。

返金できますか? +

はい — 30日以内なら理由を問わず全額返金。

いつまでアクセスできますか? +

ずっと。購入後はあなたのもの。いつでも見返せます。

修了証はもらえますか? +

はい。修了するとLinkedInプロフィールに追加できる修了証を受け取れます。

こんな分野の方に
テック デザイン 金融 マーケティング 医療 教育 ホスピタリティ 製造業