2024-09-01 【web技術・基礎編】1-1-9.Vue3アプリケーション開発 ○ゴール 以下の用語が説明出来る様になる。 ・Vue3の実行の流れ ・Vue3の記法(template、script、style) ・ディレクティブ ・ライフサイクルフック ・ディレクティブ ・ディレクティブ ○参考教材(所用時間:51分) 【動画】 【Vue.js入門】Vue.jsでWebアプリケーションを作ろう!総集編【Vue3】 (youtube.com) 【参考動画】 ※詳細を学習したい場合に視聴してください。 【最新版】Vue.js3を基礎から応用までマスター!(前編) (youtube.com) 【最新版】Vue.js3を基礎から応用までマスター!(後編) - YouTube
2024-09-01 【web技術・基礎編】1-1-8-6.フロントエンドアプリケーション・Webデザインの基礎 ○ゴール 以下の用語が説明出来る様になる。 ・レイアウトの基本原則 ・基本のフォント ・配色の考え方 ○参考教材(所用時間:40分) 【動画】 【超初心者向け】Webデザインの基礎知識と作り方・考え方 (youtube.com) ウェブレイアウトの超基本|Webデザイン【独学 ~ 初心者向け講座】 (youtube.com) 【デザイン基礎講座】もう迷わない!色の配色を完全マスター! (youtube.com)
2024-09-01 【web技術・基礎編】1-1-8-5.フロントエンドアプリケーション・アトミックデザイン ○ゴール 以下の用語が説明出来る様になる。 ・アトミックデザイン ・アトミックデザインの要素 ・アトミックデザインの使い方、注意ポイント ○参考教材(所用時間:30分) 【動画】 フロントエンドエンジニアなら知らないと損!アトミックデザインのすゝめ (youtube.com) 初心者がアトミックデザインで気をつけるべきポイントTOP3 (youtube.com)
2024-09-01 【web技術・基礎編】1-1-8-4.フロントエンドアプリケーション・レイアウト、ワイヤーフレーム ○ゴール 以下の用語が説明出来る様になる。 ・ワイヤーフレーム ・レイアウト ・レイアウトの要素と役割 ○参考教材(所用時間:25分) 【動画】 【初心者向け】Webデザイナーに必須知識[≪ワイヤーフレーム≫を徹底解説【プラグインも紹介】 (youtube.com) 【参考サイト】 ワイヤーフレームの作り方完全ガイド【2023年最新・実例付き】 - アベントリーラボ (abentry.co.jp) 【知っておきたい】Webサイトの5つのレイアウト種類!メリットやおすすめサイトも解説 | 株式会社ニジボックス (nijibox.jp)
2024-09-01 【web技術・基礎編】1-1-8-3.フロントエンドアプリケーション・フレームワーク ○ゴール 以下の用語が説明出来る様になる。 ・Angular ・React ・Vue ・フロントエンドフレームワークを利用するメリット ○参考教材(所用時間:42分) 【動画】 【株式会社エクサ】JavaScript研修-⑤JavaScriptのフレームワーク (youtube.com) ウェブフロントエンド開発に Vue や React を選択する理由 (youtube.com)
2024-08-31 【web技術・基礎編】1-1-8.フロントエンドアプリケーション 1-1-8-1.フロントエンドアプリケーション・ロードマップ(所要時間21分) 1-1-8-2.フロントエンドアプリケーション・SPA(所要時間24分) 1-1-8-3.フロントエンドアプリケーション・フレームワーク(所要時間42分) 1-1-8-4.フロントエンドアプリケーション・レイアウト、ワイヤーフレーム(所要時間25分) 1-1-8-5.フロントエンドアプリケーション・アトミックデザイン(所要時間30分) 1-1-8-6.フロントエンドアプリケーション・Webデザインの基礎(所要時間40分)
2024-08-31 【web技術・基礎編】1-1-8-2.フロントエンドアプリケーション・SPA ○ゴール 以下の用語が説明出来る様になる。 ・SPA ・SPAの仕組み、メリット、デメリット ・SSR ・SSG ・ISR ○参考教材(所用時間:24分) 【動画】 【Flipuruサンプル動画】JavaScriptによるSPA入門 チャプター(14) SPAとは (youtube.com) 最新のフロントエンド事情を知ってますか? SPAから現在までの事情を解説します。 (youtube.com)