次のセクション: 案例:优酷顶部各导航条布局(2)1777 回再生

5 秒后自动播放下一节
  もう一度見る

第 5 回_フロントエンドの基本

導入 >
コースウェア
章1HTML文書の構造

ページ上でよく使用されるテキスト要素

53分53秒

Web ページ上の画像とリンク

56分34秒
章2Webフロントエンド基礎コース

CSS3 で一般的に使用される背景コントロール (スプライト...)

44分43秒

レイアウトでよく使用される境界線効果(境界線)

テーブルとリストのスタイル コントロール

フロントエンドでよく使用されるフォーム要素

章3Webフロントエンド基礎講座1

CSSカスケードスタイルシートの詳細説明:internal\external\inline

09分51秒

一般的な CSS セレクター

要素の表示と内外マージン

Float(float)+(Youku ホットモジュール レイアウト (パート 1)

49分03秒

Float (フロート) + (Youku ホットモジュール レイアウト) (その 2)

章4Webフロントエンド基礎講座2

CSSでの位置決め(固定・相対・絶対)を詳しく解説

疑似セレクター:ホバー

事例:Youkuトップナビゲーション(パート1)

事例:Youkuトップナビゲーション(パート2)

章5Webフロントエンド基礎講座3

事例:Youku上部のカルーセル画像の一部レイアウト(1)

事例:Youku上部のカルーセル画像の一部レイアウト(2)

事例:Youku上部の各ナビゲーションバーのレイアウト(1)

事例:Youku上部の各ナビゲーションバーのレイアウト(2)

19分08秒
章6JavaScript の基本

JavaScript について学ぶ

24分37秒

変数宣言

32分49秒

JavaScriptのデータ型

条件文

章7JavaScript の基礎 2

switch (複数分岐選択ステートメント)

ループ文

28分34秒

関数

35分53秒
章8JavaScript の基本 3

関数呼び出し

28分11秒

閉鎖

HTML DOM

28分16秒

DOM イベント

章9JavaScriptの場合

JavaScriptの代替線の色の変更

JavaScriptですべて選択

数学オブジェクト (ランダムな色)

日付オブジェクト(カウントダウン)

23分22秒
章10JavaScript のケース 1

div内のマウスの[座標]をリアルタイムに取得します

Baidu ライブラリのテキスト検索効果を模倣する

24分49秒

スクロールバーを一定距離下に移動すると「固定ナビゲーション」が表示されます

レベル 3 の連携

章11jQuery基礎講座

jQueryについて学ぶ

jQueryのインストールと使い方

jQueryセレクター

30分18秒

jQueryイベント

章12jQuery基礎講座1

jQueryトラバーサル

40分34秒

jQuery は CSS クラスを取得および設定します

jQuery はコンテンツを取得および設定します

ショッピングカートへの追加効果をシミュレートする

25分52秒
章13jQuery基礎講座2

jQueryアクションのプロパティ

jQueryadd要素

jQueryの削除要素

関数の練習のようなコメント

章14jQuery基礎講座3

jQueryアニメーション効果

コメントやいいね機能の練習を改善する

タブ切り替え(自動切り替えJSネイティブ)1

タブ切り替え(自動切り替えJSネイティブ)2

章15フロントエンドフレームワークの使用

ブートストラップ+レイユ

フレーム: グリッド レイアウト

Layuiモジュラー使用

今日のヘッドライン [1]

22分53秒
章16プロジェクト【今日のヘッドライン】

今日のヘッドライン [ナビゲーションレイアウト]

52分41秒

今日のヘッドライン【ニュース一覧】

51分15秒

今日の見出し [タブ切り替え]

今日の頭条 [ホームページのログインレイアウト]

29分52秒

今日の見出し - 絵文字

今日の見出し [絵文字ドロップダウン]

今日のヘッドライン【ニュース一覧】

投稿効果

スクロールバー効果

27分46秒

頭条 [ログインページ 1]

57分59秒

頭条 [ログインページ 2]

章174.13 土曜日の知識の答え

知識の答え 1

54分39秒

知識の答え 2

  • キャンセル返事送信
  • キャンセルノートの配布送信