
HTMLを書く前に、まずはマークダウン記法に関して「Qiita」というWebサービスを使用しながら解説しています。
「Live Preview」という拡張機能を使用することで、リアルタイムにプログラミングの変更内容を確認できるようになります。
headタグの中には付加情報を書きます。
bodyタグの中にはWebのコンテンツを書きます。
CSSの書き方は、3パターンございます。
タグの中にstyle属性として書く
styleタグとしてまとめてを書く
別ファイルにまとめて書く
JavaScriptの書き方は、2パターンございます。
HTMLの中にscriptタグとして書く
別ファイルにまとめて書く
話題のCSSフレームワーク「Tailwind CSS」について。
よく比較されるフロントエンド言語のフレームワーク「Bootstrap」というのもございます。
数ある講座の中から、この講座に興味を持っていただきありがとうございます。
この講座は、「プログラミングスクールに通う前に受講してほしい、HTML/CSS/JavaScript 入門講座」です。
Webページをつくるだけでなく、実際にGitHub Pages というサービスを使って世界に公開(URLから誰でもどこに居てもアクセスできる状態)を目指します。
今話題で利用者急増中の Tailwind CSS というモダンな技術も使ってデザインする方法も最後にお伝えしています。
━━━━━━━━━━━━━━
◆ HTML/CSS/JavaScript とは?
━━━━━━━━━━━━━━
HTMLは、ウェブページの構造を記述するための言語です。
CSSは、見た目(デザイン)を制御する言語です。
JavaScriptは、Webサイト上の動作を制御しています。
これらを組み合わせることによって、Webサイトは表示されています。
━━━━━━━━━━━━━━
◆ このコースでできること
━━━━━━━━━━━━━━
フロントエンドとバックエンドについて
Webページの骨格となる部分をHTMLで制作
WebページのデザインをCSSで整え
Webページに動きのある表現をJavaScriptで追加
Webページを世界に公開
(おまけ)TailwindCSS でWebページを作成&公開
━━━━━━━━━━━━━━
◆ 伝えたいこと
━━━━━━━━━━━━━━
つくれるって『楽しい!』
自然と身についている『論理的思考能力』
Webサイトを一回自分で作ると、全てのWebコンテンツの見方が『変化』
━━━━━━━━━━━━━━
◆ 事前に用意して欲しいもの
━━━━━━━━━━━━━━
Google Chrome が使えるパソコン
Visual Studio Code というコードエディター
Google Chrome というWebブラウザを使って、Webページを作成していきます。
また、Visual Studio Codeというコードエディター(高度なメモ帳の様なアプリ)を使用してプログラムを書いていきます。
講座内でもご案内いたしますが、受講前にご自身のパソコンにインストールしておくことをお勧めします。