スパルタネットワーク開発総合クラスの初日ログ(~1-11)


日記を書くのは面倒くさい!
眠くてたまらない
昨日遅く寝たせいかな.

どんな授業ですか。


非開発者向けWeb開発総合クラス


名前の通り、これは非開発者がコードを理解し、熟知するための授業です.
  • 第1週コース目標:
  • サーバとクライアントの役割について説明します.
  • HTML、CSSの基礎知識を知る.起動テープを持ってきます!
  • Javascriptの基礎文法を熟知しています.
  • HTMLはフレームワーク、CSS装飾、Javascript移動に簡単
    A.いくつかのラベルで基本構造の方法を把握した.
    (01 example.htmlファイルを参照)
    B.CSS基礎
    a)~でスペースを作成します.
    b) .クラス名{}
    c)常用CSSは01 loginである.htmlファイルを参照
    C.フォント、コメント、ファイルの分離
    a)フォントはGoogleフォントで検索して使用する
    b)「部分的に~の下に貼る」
    c)CSS rules家族の部分を指定する
    	<style> 
    *{このセクションで使用
    }
    d)コメント
    ショートカットキー:コメントする行を選択→ctrl(またはcommand)+/(スラッシュ)
    1)不要なコードを削除するのではなく、一時的に動作しないようにする場合
    2)コードの簡単な説明が必要な場合に使用します.
    e)CSSファイルの分割
    	<style> ~ </style> 부분이 너무 길어지면, 보기가 어려움
        <!-- style.css 파일을 같은 폴더에 만들고, head 태그에서 불러오기 -->
    	<link rel="stylesheet" type="text/css" href = "(css파일이름).css">
        
    D.ガイドバー
    a)起動ストリップ起動テンプレートを挿入して起動する必要がある
          ```
      <!doctype html>
      <html lang="en">
    
      <head>
          <!-- 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>
    
          <title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
      </head>
    
      <body>
          <h1>이걸로 시작해보죠!</h1>
      </body>
    
      </html>
      ```
    )
    b)ガイドバーアセンブリで必要な内容を検索し、必要に応じて編集する
    *列を作ってから、整理して使うことができます.
    E.解答<位置決めボックスの完了>
  • ブートストラップコンポーネントページのformsを参照してください.
  • にインポートするには、widthとmarginも使用します.
  • の枠線を丸くする方法を見つけるには、次の内容をGoogle化します.
  • border
  • border-radius
  • 枠線と内部要素の間の間隔は、充填に調整することが望ましい.
  • ※参考
    コピーされたフォームラベル(...)あるなら、
    formタグをdivタグに設定(...)交換してください.
    →タブにボタンがある場合、自動的に更新されます.
    →私たちはこの機能を使わないので、これからの衝突を防ぐために事前に交換しておきます!

    の最後の部分


    HTML、CSSプレビュー.
    明日はクイズを見て、JavaScriptの練習を始め、ログも書きます.