【HTML,CSS,JS,PHP,Git,Docker】✅ プログラミング初心者OK！ ゼロからわかるWebシステム開発

【HTML,CSS,JS,PHP,Git,Docker】✅ プログラミング初心者OK！ ゼロからわかるWebシステム開発

わかりやす〜い図で解説！知識ゼロから一気にWebアプリ開発をマスター【HTML/CSS/JavaScript/PHP/AWS EC2/独自ドメイン&SSL/TLS/Git/Docker/Laravel/WebAPI/Webhook】

上次更新 11/2021

日语

你将会学到的

Webアプリケーションの基礎

HTML / CSSを用いた静的なWebページの構築

JavaScript を用いたプログラミング入門

PHPを用いた動的なWebページの構築

ターミナル / コマンド操作の基礎

AWS（クラウドコンピューティングサービス）を活用したWebサーバーの構築

独自ドメインやSSL/TLSの設定

Gitを活用した開発フローの学習

Dockerを活用した開発環境の構築

プログラミング設計（MVC）/ UnitTest の基礎

データベース（MySQL）によるSQL基礎

Webフレームワーク(Laravel)を活用したデータ管理画面の作成

WebAPI / Webhook基礎

LINE SDK （PHP）を活用した LINEボットを作成

课程内容

16 个章节 • 196 个讲座 • 总时长 22 小时 32 分钟

要求

PCの操作 / Webブラウザの操作

Windows、またはMacのPCを持っていること（詳細は「はじめに」の動画をご確認ください）

Web開発をしてみたい気持ち（一番大切！）

说明

Web開発のスキルを身につけて、エンジニアとして開発を楽しんでみませんか？



Web開発を行うには、

特定のプログラミング言語だけではなく、数多くの周辺知識が必要なため、

それらを一つずつ学習していくと、情報の収集/取捨にたくさんの時間がかかります。



もし、どこから学ぶべきか迷っているなら、当コースがおすすめです。



また、一つのプログラミング言語を学んでみたものの、

応用する方法がわからなかった方にもおすすめします。



当コースでは、

実際にアプリケーションを開発しながら

Web開発で必要になる知識やスキルを一気通貫で学習することができるため、

当コース1本で一連の知識や技術が身につきます。



もちろん初学者でも安心してご受講いただけるように、

図も多く利用しており、理解の助けになるよう工夫もしていますので、

ご安心ください！







コースの概要は以下のとおりです。



-----------------------------------------



STEP1 ： Webシステムの概要を理解する



まずは、手始めに私達が学習する対象の概念について理解するところから始めます。

学習対象がどんなものなのかを理解し、目的をしっかりと明確にしていきます。







STEP2 ： 開発環境を整える



ここで、コース中で利用するものについて大まかにお話します。

その上で次のステップからすぐ利用することになる開発のための道具を整えます。







STEP3 ： Webシステムを公開する



当コースで一番大きな部分です。



ここでWeb開発における基本的なパーツを一つずつ理解して、実装をしていきます。

STEP3が完了したら、Webページがインターネット上で独自ドメインで公開できている状態になります。

HTML / CSS / JavaScript / PHP / EC2 など、一つずつおさえていきましょう。



プログラミング初心者でもわかるように、図も多用していますので、

論理的に考えることが苦手、という方でも安心して進めていただけます。







STEP4 ： ファイルを効率よく管理する



このSTEPでは、ファイルを効率的に管理するために

バージョン管理システムのGitと、Gitのホスティングサービスの中では一番利用者の多いGithubを学びます。



Web開発をしていると、たくさんのファイルを作成・更新しなければならないため、

開発効率を上げるため、ここでGitの概念を学び、

そして実際に操作をしながらGitのスキルを身に付けていきましょう。







STEP5 ： 先人が作った機能を利用して開発を加速させる



世界中には数多くのエンジニアが、様々なツールを公開しています。



ここでは、公開されているツールやオープンソースソフトウェアを活用して開発を更に加速させていきます。

それらを利用するための環境構築もかんたんに行えるようにDockerというツールを利用します。

Dockerは昨今のWeb開発現場では利用されるケースも増えてきたので押さえておきたいテクノロジーの一つです。



よりかんたんに開発環境を作成できるようになったら

Webフレームワークを活用し、Webアプリケーションを作成していきましょう。







STEP6 ： 他のサービスと自分のプログラムを連携させる



最後のステップでは、他のサービスをプログラミングで操作できるWebAPIについて学びます。

ここで、APIの概念、そして他のサービスとの連携を学び、アイデア次第で様々なことができるようになります。

またWebhookを学ぶとそのアイデアの可能性も更に広がるでしょう。



一番最後に腕試しとして、一つ課題があるのでぜひチャレンジしてみてください。



ここまでやりきったあなたならきっとできるはず！！



-----------------------------------------



※ 更にコース作成の背景等知りたい方は、noteに記事を用意していますのでご覧ください。

私のプロフィールページにある「ウェブサイトURL」からnoteの記事を見ることができます。

（note記事を見るといいことあるかも？ミンナニハナイショダヨ）







それでは、コース内でお会いできることを楽しみにしております！



此课程面向哪些人：

他業種からWebエンジニアを目指したい方

Web開発の知識を広げたい方

Web開発の現場で通用する開発力を身に着けたい方

過去にWeb開発の学習で挫折した方

自分のペースで着実にWeb開発について学習したい方

実際にWebアプリを作ってみたい方