LoginSignup
103
175

More than 5 years have passed since last update.

初心者がWebアプリを作るまでの最短ルート

Last updated at Posted at 2018-02-07

概要

未経験からフレームワークを使えるようになるまでのカリキュラムを作りました!

0.はじめに

ゴール

自分でWebアプリが作れるようになる

勉強の流れ

No. 内容
1 HTML&CSS
2 OSとLinuxコマンド
3 ローカル環境開発
4 PHP
5 MySQL
6 jQuery
7 PHP & MySQL & jQuery
8 Laravel

やっておくこと

0.質問は恥ではないし役に立つを読もう

1.Progateの登録

2.ドットインストールに登録する

3.ドットインストールの使い方を理解する
※Atomなどは次のステップで行うのでここではスルーしてください

4.テキストエディタのインストール

1.HTML&CSS

ドットインストールの授業は動画を見るだけでなく、実際に手を動かしてコードを書いてください。

導入

Progateの「HTML&CSS初級編」をクリアしましょう。何となくの理解でも今はオッケーです。

HTML

HTML入門編をクリアしてください

CSS

次はCSS入門をやりましょう
「CSS入門」の授業を受ける際にHTMLのコードを書くのが面倒な場合はページの下の方に「ソースコード」があるのでそちらからコピペしてもいいです
※CSSは必ず自分で書いてください。

2.OSとLinuxコマンド

1.このサイトを参考にしてOSについて理解してください

2.Progateの「CommandLine基礎編」をクリアしましょう

3.こちらのサイトでコマンドの理解を深めて下さい

3.ローカル環境開発

自分に最も適した方法を選んで作成してください

方法 難易度 汎用性
XAMPP
Cloud9
Vagrant&Virtualbox

XAMPP

Cloud9

Vagrant&Virtualbox

4.PHP

1.ProgateのPHPレッスン1をクリアしましょう
2.ドットインストールPHP入門をクリアしよう

5.SQL

1.ProgateのSQL1をクリアしましょう
2.こちらのサイトでMySQLについて勉強しましょう

参考サイト

6.jQuery

1.このサイトを読んでjQuery理解を深めましょう
2.ドットインストールのjQuery入門をクリアしましょう

7.PHP & MySQL & jQuery

4.5.6の知識を全て用いてToDo管理アプリを作成しましょう

8.Laravel

フレームワークについて理解しましょう

Laravelでブログ作成

ドットインストールのLaravel5.5入門をクリアしましょう

※詰まった時は下記サイトを参考にしてください
「初心者のためのLaravel入門」グループ

おめでとうございます!これでフレームワークを用いてブログを作成できるようになりました!

9.エラーが出た時は

マインドセット

(質問のパターンランゲージを律義に踏襲する必要はありませんが、このような考え方は持ってください)

エラーの際の参考サイト集

103
175
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
103
175