HTML / CSS / JavaScript ウェブサイト作成&公開入門

プログラミングスクールに通う前にまず受講してほしい基礎講座 〜Webページやアプリ・Web開発&公開するのに必要な知識を伝授〜 作成したウェブサイトは無料で公開

Ratings: 4.43 / 5.00




Description

数ある講座の中から、この講座に興味を持っていただきありがとうございます。

この講座は、「プログラミングスクールに通う前に受講してほしい、HTML/CSS/JavaScript 入門講座」です。
Webページをつくるだけでなく、実際にGitHub Pages というサービスを使って世界に公開(URLから誰でもどこに居てもアクセスできる状態)を目指します。

今話題で利用者急増中の Tailwind CSS というモダンな技術も使ってデザインする方法も最後にお伝えしています。


━━━━━━━━━━━━━━
◆ HTML/CSS/JavaScript とは?
━━━━━━━━━━━━━━

HTMLは、ウェブページの構造を記述するための言語です。
CSSは、見た目(デザイン)を制御する言語です。
JavaScriptは、Webサイト上の動作を制御しています。

これらを組み合わせることによって、Webサイトは表示されています。


━━━━━━━━━━━━━━
◆ このコースでできること
━━━━━━━━━━━━━━

  1. フロントエンドとバックエンドについて

  2. Webページの骨格となる部分をHTMLで制作

  3. WebページのデザインをCSSで整え

  4. Webページに動きのある表現をJavaScriptで追加

  5. Webページを世界に公開

  6. (おまけ)TailwindCSS でWebページを作成&公開


━━━━━━━━━━━━━━
◆ 伝えたいこと
━━━━━━━━━━━━━━

  1. つくれるって『楽しい!』

  2. 自然と身についている『論理的思考能力』

  3. Webサイトを一回自分で作ると、全てのWebコンテンツの見方が『変化』


━━━━━━━━━━━━━━
◆ 事前に用意して欲しいもの
━━━━━━━━━━━━━━

  1. Google Chrome が使えるパソコン

  2. Visual Studio Code というコードエディター

Google Chrome というWebブラウザを使って、Webページを作成していきます。
また、Visual Studio Codeというコードエディター(高度なメモ帳の様なアプリ)を使用してプログラムを書いていきます。

講座内でもご案内いたしますが、受講前にご自身のパソコンにインストールしておくことをお勧めします。

What You Will Learn!

  • プログラミングを学んでWebページをつくってみたい
  • HTMLでWebページの骨格となる部分の制作
  • CSSでWebページのデザインを整え
  • JavaScriptでWebページに動きのある表現を追加
  • Webページを世界に公開

Who Should Attend!

  • プログラミングを学んでオリジナルのWebページをつくってみたい人
  • プログラミングスクールに通うか迷っている人
  • プログラミングスクールに通ってみたけどもう一度基礎を学びたい人
  • HTML・CSS・JavaScriptで何かできるのか手を動かしながら学びたい人
  • そもそもプログラミングで何ができるのか知りたい人
  • 普段見ているWebサイトがどのような仕組みになっているか学びたい人