フロントエン道

Iniziamo. È gratuito!
o registrati con il tuo indirizzo email
フロントエン道 da Mind Map: フロントエン道

1. Flexbox Froggy

2. Google Chrome

3. 基礎

3.1. タイピング

3.1.1. 【寿司打】WebGL版

3.2. ググり力

3.2.1. コマンドライン

3.3. Github

3.4. HTML

3.4.1. pug

3.4.2. books

3.4.2.1. HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる

3.5. CSS

3.5.1. CSS Diner

3.5.2. meltline

3.5.2.1. Flexbox Defense

3.5.2.2. phi-jp/meltline

3.5.3. Less

3.6. JavaScript

3.6.1. Riot.js

3.6.2. books

3.6.2.1. JavaScriptの絵本 第2版 Webプログラミングを始める新しい9つの扉

3.6.2.2. JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス

4. インフラ

4.1. Heroku

4.2. GCP

4.2.1. firebase

5. サーバーサイド

5.1. Node.js

5.2. Node Express

5.3. Firebase

6. タスクシステム

6.1. gulp

6.2. webpack

7. spalate

7.1. phi-jp/spalate

8. フロー

8.1. Step 1

8.1.1. タイピング

8.1.2. ツール系の把握

8.1.2.1. Visual Studio Code

8.1.2.2. iTerm2

8.1.2.3. Source Tree

8.1.3. ブラインドタッチマスターするぞ!

8.2. Step 2

8.2.1. HTML/CSS/JS 基礎を学ぶ

8.2.1.1. 本で学ぶ

8.2.1.2. ドットインストール

8.2.2. Flexbox 学ぶ

8.2.3. プログラミングってこういうものかー

8.3. Step 3

8.3.1. Git

8.3.2. 怒涛のサンプルをこなす

8.3.2.1. HTML

8.3.2.2. CSS

8.3.2.3. meltline

8.3.2.4. JS

8.3.2.5. jQuery

8.3.3. 大変だ...

8.4. Step 4

8.4.1. LP トレース

8.4.2. ちょっと形になってきた

8.5. Step 5

8.5.1. 課題こなす

8.5.1.1. Todo List

8.5.1.2. カレンダー

8.5.1.3. 占い

8.6. Step 6

8.6.1. ターミナル基礎

8.6.2. 色々作れるようになっててビックリ

8.6.3. 実際の業務タスクこなす

8.6.4. わからないこと多くてちょっとストレス

8.7. Step 7

8.7.1. わからないことはメモしといて後で調べたり試したりする

8.7.2. 欠けてたピースが埋まってきて楽しくなってくる

9. 学習ツール

9.1. dotinstall

9.2. progate

9.3. codeprep

9.4. paiza

9.5. モットー

9.5.1. プログラミング教育に近道はない, でも正しい道はある