WebProgramming入門

Webプログラミングの学習及びその環境構築などについて、備忘録としてまとめていこうと思います。
とりあえずはメモ書きとして。

※ シンタックスハイライトプラグインを使用しているせいか、どうしても余計なコードが入り込んでしまう箇所があります(消せない…)。そこは適宜読み替えてください。

環境構築

• 01b. 開発環境構築(Windows 10+Ubuntu)
• 01c. 開発環境構築(Ubuntu18.04(WSL)+Ansible+Serverspec+WordPress(WP-CLI))
• 01d. 開発環境構築(WSL2+Ubuntu18.04+Docker)(作成中)
• 02c. AWS環境構築(CentOS7+Django)
• 02d. AWS環境構築(CentOS7+Ansible+Serverspec+WordPress(WP-CLI)+Munin)(作成中)
• 02z. さくらのクラウド環境構築(CentOS7+Ansible+Serverspec+WordPress(WP-CLI))
• 03b. WordPress制作入門
• 04. トラブルシューティング

Webプログラミング(コーディング含む)

• 11. HTML/CSS入門
• 11a. ProgateでHTML&CSS初級(備忘録)
• 11b. ProgateでHTML&CSS中級(ランディングページ)(備忘録)
• 11c. ProgateでHTML&CSS上級(レスポンシブデザイン)(備忘録)
• 11d. ProgateでHTML&CSS(Flexbox編)(備忘録)
• 11e. ProgateでSass(CSSをより便利に効果的に操作する言語)(備忘録)
• 11y. ドットインストールでBootStrap4入門(CSSフレームワーク)(備忘録)
• 11z. PaizaラーニングでBootStrap4入門(CSSフレームワーク)(備忘録)
• 12. MySQL入門
• 12a. ProgateでSQL Ⅰ～Ⅲ(備忘録)
• 12b. ドットインストールでmongoDB入門(備忘録)
• 13. PHP入門
• 14. ProgateでRubyⅠ～Ⅴ(備忘録)
• 15a. ProgateでRuby on RailsⅠ～Ⅴ(備忘録)
• 15b. ProgateでRuby on RailsⅥ～Ⅷ(備忘録)
• 15c. ProgateでRuby on RailsⅨ～Ⅺ(備忘録)
• 16. ProgateでPythonⅠ～Ⅴ(備忘録)
• 16a. Let’s start Python#1(リスト、辞書、条件文)
• 16b. Let’s start Python#2(スクレイピング)
• 16c. Let’s start Python#3(関数とクラス)
• 17. paizaラーニングでFlask入門(備忘録)
• 18a. paizaラーニングでDjango入門1(Djangoの基本の理解)(備忘録)
• 18b. paizaラーニングでDjango入門2(Djangoの動作の理解)(備忘録)
• 18c. paizaラーニングでDjango入門3(Djangoのテンプレートとフォームを理解)(備忘録)
• 18d. paizaラーニングでDjango入門4(お勧め店を投稿できるランチマップアプリの作成)(備忘録)
• 18e. paizaラーニングでDjango入門5(Djangoでユーザー管理)(備忘録)
• 18f. Let’s start Python#4(Django Part1)
• 19a. ProgateでjQuery初級編(備忘録)
• 19b. ProgateでjQuery中級編(備忘録)
• 19c. ProgateでjQuery上級編(備忘録)
• 20a. ProgateでJavaScript(ES6)Ⅰ～Ⅲ(備忘録)
• 20b. ProgateでJavaScript(ES6) Ⅳ～Ⅴ(備忘録)
• 20c. ProgateでJavaScript(ES6) Ⅵ～Ⅶ(備忘録)
• 20d. JavaScriptでCRUDアプリを作る(ELOOP)(備忘録)

お勧めプログラミング学習サイト！レビューはこちら

プログラミングの入門なら基礎から学べるProgate
環境構築不要！初心者でも楽しく学習できるプログラミング入門サービス【paizaラーニング】
ドットインストール – 3分動画でマスターできるプログラミング学習サービス
※ フロントエンドは、CodePenを使って動作を確認することもできます。