Pythonで開発するWEBアプリの基礎知識を最短で取得するプラン(HTML + CSS + Python)

作成日: 2022/07/21

作成者：

ともはろ@Goal-Path代...

残り2部

紹介料

50％

0.0

このプランによって、Python、HTML、CSSのプログラミング基礎を学習して、WEBアプリ開発の基礎を身に付けることが出来ます。またこのプランは、progateの学習コースを1ヶ月以内(有料プランの月額分)で、お金をかけずに最短•最速で、かつ効果的な復習により確実に身につけることが出来るメリットがあります。

講座紹介の目次

結論：Python、HTML、CSSのプラグラミング基礎を最短・最速で習得できるアクションプランです

こんな方におすすめ

WEBアプリの開発が出来るようになりたいため、プログラミング基礎知識を身につけたい方
WEBアプリの開発の他に、人工知能やデータサイエンスにも興味がある方
お金をかけず、短期間で、プログラミング基礎知識を独学したい方

プランの概要

利用する学習教材

このプランでは、Progateという学習サービスを教材として使用していきます。Progateは、初心者向けのプログラミング学習サイトです。 100 以上の国で提供されており、ユーザー数は 250 万人以上を誇ります（2022年4月現在）。Progateは環境構築が不要で、サービス内にあるエディタにコードを入力して練習問題を解けるので、WEB開発を始める前に、プログラミング言語の知識を学習したい方にはうってつけのサービスです。

参考：Progate(プロゲート)とは

学習内容

このプランでは、WEB開発するために必要となる、フロントエンドのプログラミング言語の「HTML」と「CSS」、バックエンドの言語の「Python」、また環境を構築していくための「コマンドライン」の基礎について、Progateを利用して学習していきます。

フロントエンドとは、WEBアプリで直接ユーザーの目に触れる部分に対する処理のことです。WebサイトやWebアプリケーションなどでユーザーが文字を入力したり、ボタンをクリックしたりする部分や、バックエンドのソフトウエアと直接やり取りをする部分のことを指します。

バックエンドとは、WEBアプリのユーザーの目に見えない部分の処理のことを指します。ユーザーが入力した内容などのデータ処理やデータベースへの保存、検索結果の出力といったことを行います。

【参考】：フロントエンドとバックエンドとは？意味の違いとエンジニアの仕事

具体的に、Progateの以下のコースを学習することで、「HTML」と「CSS」、「Python」、「コマンドライン」の基礎について学習します。

HTML CSS
HTML & CSS 初級編
HTML & CSS 中級編
HTML & CSS 上級編
Python
PythonⅠ
PythonⅡ
PythonⅢ
PythonⅣ
PythonⅤ
コマンドライン
Command Line 基礎

※progateの有料プラン登録を完了させてから本プランを開始してください

　progate有料プランに登録する

※このプランはプログラミング言語の基礎の学習までとなっています。このプランを完了した後に、実際のWEBアプリ作成の方法を知りたい方は、ぜひ以下のプランも購入してみてください。

　【初心者向け】WEBアプリ作成して公開する方法(Django + Nginx + MySQL + docker + AWS)

プランを購入するメリット

WEBアプリ開発の基礎が身につく

WEBアプリ開発が出来るようになることで、以下のようなメリットがあります。

自分の考えたWEBサービスを自分で作れる
収入が上がる
副業・フリーランスなどの働き方が選べる

WEBアプリ開発を始めるにあたり、フロントエンドとバックエンドのプログラミング言語、そしてプログラミング言語を動作させるパソコンの基礎知識が必須となります。このプランを実施することで、WEBアプリ開発の基礎となる、フロントエンドのプログラミング言語である「HTML」と「CSS」、バックエンドの言語である「Python」、プログラミング環境を構築していくための「コマンドライン」の基礎知識を身につけることが出来ます。

効果的な反復で確実に身につく

はじめてプログラミングを学習していく方は、同じ教材に対しても何度か反復しながら学習をしていくことが効率的です。理由としては、以下のような進め方をすることで、最初は分からなくても次第に理解を深めていき、最終的には自ら考えてアウトプットを出せるところまで習熟することが出来るからです。

一周目⇒分からなくてもいいからとりあえず進めて、全体像を頭に入れる
二週目⇒分からなかったところの理解を深めながら進める
三週目⇒自ら考えて手を動かすことで、学習した内容を定着させる

しかし、何も計画をせずに学習を始めた場合、上記のように進めようとしてもなかなかうまく進められないケースが発生します。これに対してこのプランでは、progateのコースを効率的に反復しながら学習を進めていく一連のタスクとアクションの計画を提供しているので、プログラミングの基礎知識を確実に身につけていくことができます。

お金をかけずに最短・最速で学習できる

Progateの有料プランは月額制です。そのため、最初の１ヶ月で学習を完了して登録を解除した場合は、最初の月額のみの費用となるなため、お金を節約することが可能です。このプランでは、WEBアプリ開発に必要なプログラミングの基礎知識を、反復学習しながら１ヶ月間で無理なく完了できる計画を提供しています。そのため、progateの最初の月額料金以外のお金をかけず、最短最速で学習を完了させることができます。

具体的に、１ヶ月間で学習を完了できるペースは以下となります。

１日の学習時間は2時間
１週間で１日休み

プランの内容

身につくスキル

HTML

HTMLとは「ハイパーテキスト・マークアップ・ランゲージ（Hyper Text Markup Language）」のことで、WEBページを作成するための言語です。

「マークアップ」とは文章の構成や、文章の役割を示すという意味の言葉です。例えば、見出しや段落・表・リンクなど、文章が構成されている要素がどのような役割を持っているかを指示しています。基本的には、WEBページに書かれている文字がHTMLであり、HTMLを学ぶことでWEBページをで表示される文字などを作成することが可能になります。

【参考】：HTMLとは？初心者向けにタグの種類と使い方の基本を解説！

CSS

CSSとはWebページの文字の色や大きさ、背景、配置といったスタイル（見た目）を設定する言語です。CSSはWebページに統一のデザインを適用するために記述します。CSSを記述した場合、目的のHTMLファイルにデザインを適用して見た目を美しくすることができます。

【参考】：CSSとは？初心者でも必ずCSSが書ける方法をわかりやすく解説！

Python

Pythonとはオープンソースで運営されているプログラミング言語です。Pythonのプログラミング言語としての主な特徴は、少ないコードで簡潔にプログラムを書けること、専門的なライブラリが豊富にあることなどが挙げられます。その他に、Pythonには以下のようなメリットがあります。

初心者でも比較的とっつきやすい言語だと言われている
DjangoやFlaskなどのフレームワークによって、簡単にWEBアプリのバックエンド開発が出来る
機械学習やAIを活用したアプリケーションの開発に適している

特に、WEBアプリのバックエンドの言語を学習したいけれど、機械学習やAIについても今後興味がある、という方には、Pythonを選ぶことをオススメします。

コマンドライン

コマンドラインとは、キーボードで入力したテキストで命令を出して、コンピューターと直接対話するようにファイルを見たり変更したりするものです。コマンドラインのアプリケーションは真っ黒の画面を起動して文字列を入出力するものが一般的です。OSごとに異なり、WindowsではコマンドプロンプトやPowerShell、macではターミナルなどになります。実際のアプリ開発の中では、コマンドラインによって、Pythonの環境を構築したり、ファイルを実行したりなどの操作を行っていきます。

学習の流れ

HTML&CSS 初級・中級・上級編（１周目）

実際に簡単なWEBページやランディングページを作りながら、HTMLとCSSの基礎知識を学んでいきます。

PythonⅠ〜Ⅴ（１周目）

Pythonでの変数や関数、条件分岐、リストや辞書の扱い、モジュール、ライブラリやクラスなどの、プログラミングにおいて必須の知識となる要素を、実際に手を動かしながら学んでいきます。

Command Line 基礎編

コマンドライン、特にUNIXコマンドの必要最低限の基礎知識を学んでいきます。

※今回のコマンドラインはUNIXコマンドであり、おもにMac OSやUNIXのものとなります。そのため、WindowsやLinxは別のコマンドになってします。しかし、一旦UNIXコマンドを覚えれば、WindowsのコマンドプロンプトやLinuxにも同じ動作となるコマンドは存在するので、改めて覚え直す場合でも理解は格段に早くなします。そのため、まずはコースを学習して、コマンドラインがどのようなことが出来るか、という感覚を身につけることを目指しましょう。

HTML&CSS 初級・中級・上級編（２周目）

１回目に作成したWEBページやランディングページを再度作りながら、HTMLとCSSの理解を深めていきます。

PythonⅠ〜Ⅴ（２周目）

１回目に作成したコードを再度記述しながら、Pythonに対する理解を深めていくと共に、自ら考えて手を動かすことで、学習した内容を定着させます。

HTML&CSS 初級・中級・上級編（道場レッスン）

与えられた仕様書に沿って、「HTML & CSS 初級編・中級編・上級編」の内容を一から作ります。自ら考えて手を動かすことで、学習した内容を定着させます。

注意点

※パソコンがあることが必須です（OSは問いません）