perilune-net　

Webスキルtips

webスキル独学のススメ（オンライン学習・基礎）

webﾌﾟﾛｸﾞﾗﾐﾝｸﾞを学び始めようと決めて最初に取り組んだProgateの後は、何をしていいか悩んで調べる人が多いのではないでしょうか。私もネットで調べて、教室に通おうか、このまま独学でいくか迷いました。
結局、独学を続けることに決め、Udemyのオンラインコースでwebコーディング、デザインコースで学習スタート。Udemyのコースは、買い切りで何度も見ることが可能でコスパが良く、独学におすすめです。講師の方々はプロで仕事をされているので、内容が実務的です。

実際にエデイタを設定して使い始め、プログラミング言語を使い分けて書き込んでいくと、分からないことだらけでなかなか進まなかったです。
デザインはphotoshopとAdobeXDを使うのですが、特にphotoshopは高機能ゆえ、慣れるまで手こずりました。
そばに聞ける人がいないので、ググって調べてくぐり抜けるしかなかったのですが、それゆえやり切った後は自分の血肉になったと感じます。

Udemy

Webサイト作成の思考方法、PhotoshopとAdobeXDを用いたデザイン作成・プロトタイプ作成、HTML5とSass(SCSS)・jQueryを用いたレスポンシブ対応のコーディングを爆速で学べるコース

https://www.udemy.com/share/101HAqBEcbcldRRH4=/

注：この講座に取り組む前におススメ

  • Progate等でプログラミング言語の基礎を習っておく。
  • デザインで使うAdobeXDとphotoshopの基本操作を、Adobe社等が提供している「初心者向けチュートリアル」などで練習して慣れておくと効率的。

聞き取りづらかったり、見づらかったりする場面もありましたが、動画を何度も止めながらでも内容を理解して手を動かしました。webサイトが作られていく「流れ」をつかめ、マークアップスキルが確実に向上する講座でした。

Udemy

Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座

https://www.udemy.com/share/1020W4BEcbcldRRH4=/

講師の方は、Mac使用でワイヤーフレーム（設計）のデザインはSketch使用でした。私はWindowsで、SkethはMacのみ対応のため、AdobeXdを使いました。Sketchでの学習内容を自力でAdobeXDに変換しながらやる、という初心者にはハードモードで泣きが入りました。それがかえってググり力が上がり、自分で工夫できたのでスキルアップにつながったと振り返っています。
こちらの講座も、初心者向けプログラミング言語講座、photoshop・AdobeXDの基本操作をある程度学習してから取り組むと効率的です。

いまどきのおしゃれなサイトを、AWS（アマゾン ウェブ サービス）を使って実際にブラウザにアップするところまで教えてくださる内容です。

perilune-net