04-20

ブートストラップと学習JavaScriptの入門

<!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
          integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
            integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
            crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
            integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
            crossorigin="anonymous"></script>
    <!--    구글폰트-->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Gothic+A1:wght@200&display=swap" rel="stylesheet">



.comment{
            color: blue;
            font-weight: bold;
}

Boot Street 4バージョンがありますが、最新で5バージョン出ているようです.私は4つのバージョンで実習します.
Documentはコンポーネントを使用して手帳を作成するなどします.
オーバーラップ法コメント
ということで.
カード1枚につきstylecordを置くと、後で修正するのは難しいです.
このようにclassだけを適用するとコメントスタイルを変更するだけで良いので便利です
JavaScript
let myemail = '[email protected]'
myemail.split('@')
myemail.split('@')[1]
このようにして.
myemail.split('@')[1].split('.')
では今.
gmail、comはこのように分けることができます.後で利用できるようです.
プログラミングでは、関数は固定動作をします.
このように理解すれば気持ちがいいです.しかしJavaはメソッドとも呼ばれ、機能をクラスとして
機能を定義する感覚で作られています.今はjavascriptなので、しばらくjavaの考えを置いておきましょう.
HTMLを書くときは常にdivに分けることをお勧めします.これに慣れる