スパルタネットワーク開発総合クラスの初日ログ(~1-11)
10195 ワード
日記を書くのは面倒くさい!
眠くてたまらない
昨日遅く寝たせいかな.
どんな授業ですか。
第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家族の部分を指定する
}
d)コメント
ショートカットキー:コメントする行を選択→ctrl(またはcommand)+/(スラッシュ)
1)不要なコードを削除するのではなく、一時的に動作しないようにする場合
2)コードの簡単な説明が必要な場合に使用します.
e)CSSファイルの分割
a)起動ストリップ起動テンプレートを挿入して起動する必要がある
b)ガイドバーアセンブリで必要な内容を検索し、必要に応じて編集する
*列を作ってから、整理して使うことができます.
E.解答<位置決めボックスの完了>ブートストラップコンポーネントページのformsを参照してください. にインポートするには、widthとmarginも使用します. の枠線を丸くする方法を見つけるには、次の内容をGoogle化します. border border-radius 枠線と内部要素の間の間隔は、充填に調整することが望ましい. ※参考
コピーされたフォームラベル(...)あるなら、
formタグをdivタグに設定(...)交換してください.
→タブにボタンがある場合、自動的に更新されます.
→私たちはこの機能を使わないので、これからの衝突を防ぐために事前に交換しておきます!
HTML、CSSプレビュー.
明日はクイズを見て、JavaScriptの練習を始め、ログも書きます.
眠くてたまらない
昨日遅く寝たせいかな.
どんな授業ですか。
非開発者向けWeb開発総合クラス
名前の通り、これは非開発者がコードを理解し、熟知するための授業です.
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.解答<位置決めボックスの完了>
コピーされたフォームラベル(...)あるなら、
formタグをdivタグに設定(...)交換してください.
→タブにボタンがある場合、自動的に更新されます.
→私たちはこの機能を使わないので、これからの衝突を防ぐために事前に交換しておきます!
の最後の部分
HTML、CSSプレビュー.
明日はクイズを見て、JavaScriptの練習を始め、ログも書きます.
Reference
この問題について(スパルタネットワーク開発総合クラスの初日ログ(~1-11)), 我々は、より多くの情報をここで見つけました https://velog.io/@karlrl3108/스파르타-웹개발-종합반-첫-날-일지1-11テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol