Progate Web開発パス(Node.js)
コース一覧 Web開発パスからスタート!
こんにちは😊 たまごテラスです🥚
順調にプロゲートProgateでHTML&CSS初級編完了です。
![](https://futagotamago.com/wp-content/uploads/2021/09/3DC5D5CC-B27F-4CF1-A310-2E58F0225B83_1_201_a-1024x348.jpeg)
プロケートで「Web開発パス」の無料版である初級編を終えると有料の中級編に進みます。
プロゲートHTML&CSS初級編についてはこっちのブログです→
中級編:有料 HTML&CSS
中級編に進むべく有料会員はひと月1078円。
中級編HTML&CSSで学習すること
![](https://futagotamago.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-21-7.26.49-1-1024x512.jpeg)
HTMLとCSSを学び、Webページを作ってみましょう!
目安は3時半。初級編は3時間で完了したけど、中級編はどれだけかかるんだろ。
でもご安心ください。
1章から7章の順番で進めること3時間!
![HTML&CSS中級編](https://futagotamago.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-18-15.42.53-225x300.png)
初級編でHTMLとはなんぞやがわかっているため、ルールがなんとなくだけど、すーっと入ってきます。
基礎編の時よりも要領を得て、順調に進めることができました。
初級編と同じくスライドを見る→作成を続けます。
作っていくWebサイトはこちらです↓
![HTML中級編](https://futagotamago.com/wp-content/uploads/2021/09/8721260F-F471-4733-8EEA-6BF3C9021D45-1024x887.png)
HTML&CSS中級編も、初級編と同じく3時間で終了!
終了すると修了証の発行です。
![プロゲート中級編修了証](https://futagotamago.com/wp-content/uploads/2021/09/7ED5D73B-0B7C-4503-B2CE-041BE1E4AFD8_1_201_a-1024x593.jpeg)
STEP3プログラミング言語を学ぼう
サーバーを作るためにJavaScriptを学び簡単なプログラムを作ってみましょう!
JavaScript1
- 基本的な文法や変数・定数の使い方、条件分岐など
![](https://futagotamago.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-21-7.27.00-1-1024x758.jpeg)
Java Scriptを学びます
![Progate Java Script1](https://futagotamago.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-20-21.23.25-1024x735.jpeg)
JavaScript Iは無料で学習できます。
ES6とES5の違いはJavaScriptのバージョン。
「ES6」はJavaScriptの新しい仕様で、従来より効率的に書ける。
無料で学習するレッスンでは、基本的な文法や変数・定数の使い方、条件分岐などを学びます。
スライドもわかりやすく、2Hで取り組むコースですが、1Hで完了できます。
学習ページのアウトプットは記入箇所もわかりやすくシンプル!
![](https://futagotamago.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-21-1.43.09-1024x566.jpeg)
初級編JavaScript I は19ステップを進むと完了です。
コース終了にはまたまたうれしいCongratulations!
![](https://futagotamago.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-21-1.43.01-1024x603.jpeg)
Java ScriptII
次は有料会員のJava Script IIへ!
- 同じような処理を何度も繰り返すのに便利な「繰り返し処理」について
- 「配列」や「オブジェクト」の基本的な使い方について
徐々に複雑な指示が・・目安時間2時間
途中で日にちおいてしまうとルールを脳裏に呼び戻すのに時間がかかりますね
2時間の時間を作って一気に進めることをおすすめします
作り上げるものはProgate cafeの立て看板です
![](https://futagotamago.com/wp-content/uploads/2021/09/966327F1-D703-44FE-A945-C8A766C66D8E_1_201_a-1024x556.jpeg)
ここまで書けると終了です!
![](https://futagotamago.com/wp-content/uploads/2021/09/7C05F735-5F97-478B-858F-5BAE8D3BAF6B_1_201_a-1024x547.jpeg)
JavaScriptの道のりはまだまだ続きます
![プロゲートjavascript](https://futagotamago.com/wp-content/uploads/2021/09/A353E64C-C226-4895-856A-52354F2AA280_1_105_c.jpeg)
コメント