プロになる基礎から実践まで!WebデザインからHTML5・CSS3(Sass)でのコーディングを全て学べる講座

Webサイト作成の思考方法、PhotoshopとAdobeXDを用いたデザイン作成・プロトタイプ作成、HTML5とSass(SCSS)・jQueryを用いたレスポンシブ対応のコーディングを爆速で学べるコース。
3.94 (219 reviews)
Udemy
platform
日本語
language
Web Design
category
instructor
プロになる基礎から実践まで!WebデザインからHTML5・CSS3(Sass)でのコーディングを全て学べる講座
1 605
students
8.5 hours
content
Jun 2018
last update
$29.99
regular price

Why take this course?

🌟 [コース名] 🌟 "プロになる基礎から実践まで!WebデザインからHTML5・CSS3(Sass)でのコーディングを全て学べる講座"

このコースで収める知識とスキル

思考編:サイト作成の基礎からワイヤーフレームの構築まで

  • 初心者でも簡単に理解できる Webサイト作成の基本的な考え方とアプローチを学びます。
  • ワイヤーフレームの概念から実際に手を動かしてデザインを展開するステップを学んでいきます。

デザイン編:PhotoshopやAdobe XDを用いた創造的なアイデアの実現

  • Photoshop を使って、ワイヤーフレームから詳細なデザインまで進める方法を学びます。
  • Adobe XD を活用して、プロトタイプ作成の技術を掴み、ユーザーエクスペリエンス(UX)の考慮を含むデザインを行います。
  • デザインフィードバック の収集方法や、Webフォントの使用、アニメーションの追加など、現代のデザイントレンドを取り入れる方法を学んでいきます。

コーディング編:HTML5とSass(SCSS)を用いたレスポンシブ対応の実装

  • HTML5Sass(SCSS) を使って、実際のプロジェクトを作成します。
  • jQuery を活用して、インタラクティブな要素を加える方法を学びます。
  • 自己紹介ページの作成から、実際にWebサイトを構築する全プロセスを体験していきます。

実践編:仫業のプロの目線で学ぶ

  • 思考編デザイン編コーディング編 の経験をもとに、実際の仕事の流れに沿った体験を提供します。
  • Adobe XDを使用してデザインフィードバックを取り入れる方法、Webフォントの使用、アニメーションの追加など、実際にプロジェクトに必要とするスキルを学びます。
  • 成果物 としては、ブログのトップページ、記事一覧ページ、記事詳細ページを作成します。

コースの特徴

  • 初心者向け でありながらも、プロの目線 で実務的なスキルを身につけられる内容が含まれています。
  • Photoshop 以外にも Adobe XD を使ってデザイン作成とプロトタイピングを学びます。
  • レスポンシブデザイン の重要性と実装方法を学び、現代のWeb開発に不可欠な技術を習得します。

必要な言語とツール

  • HTML5、CSS3、Sass、jQuery を使って学習します。
  • Photoshop、AdobeXD、Atom、Google Chrome を使用してデザインとコーディングを行います。
  • Google FontsFont Awesome などの外部サービス を活用してデザインに高度さを加えします。

このコースでは、実際にプロジェクトを作成しながら、必要な知識とスキルを身につけることができます。初心者から上級者まで、幅広いレベルの学習者が対象となっております。それぞれのステップで具体的な実践を通じて、Web開発の世界を深く理解し、自分のポートフォリオに優れた作品を加えることが目標です。

今こそ、あなたのキャリアやプロジェクトへの新たなステップを踏む機会を得るのがこのコースでしょう。

Loading charts...

Related Topics

1509788
udemy ID
14/01/2018
course created date
16/11/2019
course indexed date
Bot
course submited by