目次
②JavaScriptアドバンス(WebAPI/Dom Bom)
5. es6 文法、http プロトコル ルールを理解して学習する
②UIコンポーネントライブラリ(Webサイトラピッドプロトタイピングツール)の使い方を学ぶ
各部分をあまり詳しく説明せずに、学習ビデオを直接クリックするだけで、簡潔かつ明確にフロントエンドを簡単に紹介するのに適しています。
フェーズ 1: フロントエンドの使用を開始する
1.HTML5
2.css3
結論: ビデオに従って、h5+css3 の静的プロジェクトを作成します。
推奨されるビデオ学習リンク:
ダークホースプログラマーピンク先生のフロントエンド入門チュートリアル、ゼロベース必見のh5(html5)+css3+モバイルフロントエンドビデオチュートリアル_哔哩哔哩_bilibili
フェーズ 2: JavaScript
①JavaScriptの基本文法
②高度なJavaScript (WebAPI/Dom Bom)
③JavaScriptフレームワーク(jQuery)
④データの可視化(echart)
結論: ビデオに従って、h5+css3+javascript の動的プロジェクトを作成し、echarts データ視覚化プロジェクトを作成します。
推奨されるビデオ学習リンク:
サーバーサイドプログラミングの第 3 段階
[ JavaScript と vue.js の橋渡しに使用]
1. ノードjsの基本
推奨されるビデオ学習リンク:
2.アヤックス
推奨されるビデオ学習リンク:
[シリコンバレー] 3 時間の Ajax 入門_哔哩哔哩_bilibili
3.約束
推奨されるビデオ学習リンク:
Shang Silicon Valley Web フロントエンド Promise 入門から習得までのチュートリアル_哔哩哔哩_bilibili
4.アクシオス
[Axios は、Promise による ajax テクノロジーの二次パッケージです] (バックエンドと対話してバックエンド データを取得します)
推奨されるビデオ学習リンク:
Axios の入門と Shang Silicon Valley Web フロントエンドのソース コード分析_哔哩哔哩_bilibili
5. es6 文法、http プロトコル ルールを理解して学習する
推奨されるビデオ学習リンク:
Shang Silicon Valley Web フロントエンド ES6 チュートリアル (ES6-ES11_哔哩哔哩_bilibili をカバー)
[この部分にはあまり時間をかける必要はありません。関連ドキュメントを読んで学習できます。ビデオで学習する必要はありません]
6. タイプスクリプト
推奨されるビデオ学習リンク:
Shang Silicon Valley TypeScript チュートリアル (Li Lichao 氏による TS 新しいクラス)_哔哩哔哩_bilibili
第 4 段階 Vue.js
①框架:Vue.Js【vue2,vue3】
推奨されるビデオ学習リンク:
Shang Silicon Valley Vue2.0+Vue3.0 チュートリアル丨vuejs のエントリーからマスターまで_哔哩哔哩_bilibili
②UIコンポーネントライブラリ(Webサイトラピッドプロトタイピングツール)の使い方を学ぶ
Element ui(pc端)Element - 世界で最も人気のある Vue UI フレームワーク
vant ui(モバイル端末)Vant 4 - モバイル Web アプリ用の軽量でカスタマイズ可能な Vue UI ライブラリ。
③Vueプロジェクト実戦
以下は推奨される実践的なビデオのリンクです。
[この推奨事項は、最も広く使用されているタイプの実際のショッピング モール プロジェクトに基づいています。さらに、映画の予約、旅行、その他のタイプのプロジェクトもあります]
上シリコンバレーVUEプロジェクト実戦、フロントエンドプロジェクト-上品哩(大型/重量)_哔哩哔哩_bilibili
第 5 段階 WeChat ミニ プログラム
推奨されるビデオ学習リンク:
フェーズ 6 React.js の基礎
[React:ユーザー インターフェイスを構築するための JavaScript ライブラリ]
推奨されるビデオ学習リンク:
Shang Silicon Valley React チュートリアル (2022 プラス アップデート、B ステーションのスーパー ホットな反応チュートリアル)_哔哩哔哩_bilibili