[快速キャンパスFE MGS 3期]-5日目


今日習った内容


HTMLの基本構造


HTMLのルール
  • HTML
    →静的印刷構造化オブジェクト
  • JS
    →データの重複、比較、評価、保存が可能
  • 関数(関数)
    →できたら、()ドアで実行します.
  • JavaScript変数固有のフィーチャー
  • const:変わらないもの
  • let,var:変えるべきもの
  • プロトタイプオブジェクト
    JavaScriptでは、すべての作成者がすべてのプロトタイプオブジェクトを持っています.
    buttonEl.addEventListner('click')
    それでaddEventListner('click')
    ここではプロトタイプオブジェクトを参照します
    マルチページドライバ
    const http = require('http');
    const fs = require('fs');
    function mySet(req, res){
        let url = req.url;
        if(req.url === '/'){
            url = '/index.html';
        }
        if(req.url === '/about'){
            url = '/about.html';
        }
        res.writeHead(200);
        var htmlFile = fs.readFileSync(__dirname + url);
        res.end(htmlFile);
    }
    var app = http.createServer(mySet);
    app.listen(8080)
    このようにurlアドレスをファイルごとに設定します
    Webの究極の目的
    👉 検索エンジンの上位に並ぶ必要があります(文法網)
    👉 サイトの業務方向に応じてタイトルラベルを使用することが重要です(SEO)
    h 1タグを使用して
  • の重要なキーワードを検索する必要があります
    (Web Publisherは外観(PSD)だけを移動する人ではありません.)
    ex)ショッピングモールを作成後、商品名にh 1ラベル
  • を貼る
  • は、立体化されているかどうか、および特定のマークを良好に整理しているかどうかを考慮する必要がある.
    htmlのアウトラインとは?
    ブラウザがコードを読み込んでディレクトリを作成する(ガイドページの重要性)
    輪郭に影響するタグ
  • <section> , <article>, <aside>, <nav>
  • 輪郭拡張子は
  • クロムで、重要な情報を検索できます.
    https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo/related?hl=ko
  • フロントエンド開発優先度
  • 検索エンジン最適化
  • データ配信構造
  • CSS