開発ログ210708


9日目まとめ

  • アニメーションパッケージの使用(次のWebサイトを参照)
  • animate.css
  • codepen.io
  • html/css/javascriptの概念を補足学習
    生活コード
  • 学習内容


    追加練習/成果物出力

    アニメーションパッケージの利用

  • 作成したアニメーションパッケージ
  • を利用する.
  • CSSアニメーションライブラリ/libary of CSSアニメーション検索
  • animate.css利用(サイト)

  • ライブラリのインストール
    :CDNを直接インストールまたは使用できます.実習でCDNを使う.
  • CDN?
  • CDN(Content Delivery Networkd)
    :コンテンツ配信ネットワーク(CDN)はサーバ上の分散ネットワークであり、ユーザーに効率的なWebコンテンツを提供することができる.CDNは、キャッシュされたコンテンツをエンドユーザに近いエッジサーバに格納することで、待ち時間を最小限に抑えることができる.
    CDNリンク
  • htmlドキュメント
  • <head>
    	<meta charset="utf-8">
    	<link 
    		rel="stylesheet" 
    		href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
    	/>
    	<link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
  • の公式例
  • をコピーしてみます.

    上をコピーして使用します.
    遅延や速度調整など以前に学習した内容を簡単にコピーできるだけでなく、他の機能も使用できます.
  • 適用原理
    :作成したCSSドキュメントをリンクしてクラスをコピーします.これは,以前の実践でプログラムを選択してクラスを付与しCSSを適用した場合とは逆である.
    次のアドレスを確認して、作成したCSSドキュメントの内容を確認します.
    https://cdnj.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.css
  • codepen.コピー

  • で作成されたhtmlドキュメントとcssドキュメントは、使用またはカスタマイズをコピーできます.
  • 次はcodepenでanimationキーワードを使用して検索した結果の1つです.

    その他の学習


    html


    htmlは、私たちが学んだように、Webページを作成するための言語です.最も重要なのは、
    public domain
    この点.今日実習したアニメーションライブラリの使用やcodepenでのコピーもこれに基づいています...オープンソースは全体的なトレンドですが...実習時に面倒を感じるWeb標準やWebアクセス性が公共分野であることは,単純だが強い汎用性を増しているようである.

    CSS


    CSSはhtmlにデザインを適用するために生成されるコードです.実践的に体験したことはあるが,CSSと呼ばれる個別コードを用いることでhtmlコードの顕著性を確保し,応用設計の効率を最大限に高めることができる.
    htmlドキュメント内でstyleラベルでcssを使用すると、コンピュータは<style=""></style>というラベルで引用符の要素がCSS構文であることを認識します.

    javascript


    カリキュラムでまだ学習されていないJavaScriptはhtmlがユーザーと対話できる言語です.
    もちろんhtmlのinputやbuttonラベルやcssから学んだ様々な機能がユーザーと対話するのは正しいが、一度に作成されたhtmlの構造には関与せず、javascriptが可能になったようだ.
    コードおよび機能1:1に対応するhtmlまたはcssの論理構造を有する言語.

    未解決-ソリューション


    x

    問題距離


    x

    学習の心得.


    早くJavaScriptを勉強したい