Aikの技術日記

技術的な進捗とか成果とかを細々と投稿するブログです。時々雑記も。

トップ > Webプログラミング > CODEPREPで勉強しよう その1

CODEPREPで勉強しよう その1

Webプログラミング Part1

その2(Sass,Bootstrap,Fontawesome編)はこちら
その3(HTML&CSS実践編 前編)はこちら
その4(HTML&CSS実践編 後編)はこちら
その5(JavaScript編 前編)はこちら
その6(JavaScript編 後編)はこちら
その7(Three.js,moment.js,Canvas編)はこちら
その8(React,Vue.js編)はこちら
その9(Rust,GoogleMap,Webカメラ編)はこちら
その10(Ruby,Scala編)はこちら
その11(CODEPREPやってみた感想等)はこちら

CODEPREPやろう!

今から大体3年くらい前、とある先輩よりCODEPREPというプログラミング学習サービスを教えてもらいました。
学習形式が他の学習サイトとは大きく異なり…なんと言うのでしょうか、かなり実践的な感じで学べるサービスです。
※似た様な形式の学習サイトにはPrograteとかがありますね

こんな素晴らしいサイトを知りつつも、筆者の怠惰が災いし…今の今までほとんどやってこず、結局かなりの日月が過ぎ去ってしまいました。
ただ、最近になってちょっと日々に余裕が出来てきたので…改めて手を伸ばしてみようかなと。

ちなみに学習可能なコンテンツは、HTMLやCSS、JSやBootstrap、Vue.js等のWeb系統のものから、PythonやScala、正規表現など多岐に渡ります。
体感的には…Prograteさんほどではありませんが、Web系統の学習コンテンツが多い感じです。
そっち系の職種に就く予定の筆者にとっては、かなりありがたいラインナップです…。

結構な量もあるので、1日1ブックずつ、計画立ててやることにしました。
まー結局計画通りにはやれてないんですけどね

ちなみに全てのブックをこなそうというつもりはありません。
既にやる必要がなさそうなものだったり、あまり興味ないものは飛ばしてやる予定です。

また、実際にこなそうと思っているのは下記の48ブックです。
※めっちゃ長いので折りたたみました

展開する

  1. Sass,Bootstrap,Fontawesome等
    1. はじめてのSass
    2. Bootstrapのグリッドシステムを理解する
    3. Bootstrapで作るWebページ
    4. Bootstrapで作る登録フォーム
    5. Font Awesome
  2. HTML&CSS実践編
    1. HTMLとCSS3でつくるトグルスイッチ
    2. HTMLとCSS3で作るサイドメニュー
    3. HTML&CSSでつくるスマホ風メニュー
    4. HTMLとCSS3でつくるパンくず
    5. HTML&CSS3でつくるローディング画面
    6. HTMLとCSS3でつくるクルクル回転するローディング
    7. HTML&CSSでつくる斜め型ボックスレイアウト
    8. HTML&CSS3でつくる付箋風デザイン
    9. HTML&CSS3でつくる張り紙風デザイン
    10. HTML&CSSでつくるノートPC風デザイン
    11. HTMLとCSS3で作る通知ベル
  3. Javascript
    1. JavaScript入門 ES6編
    2. JavaScript基礎 jQueryトラバーサル編
    3. JavaScript演習 jQueryトラバーサル編
    4. JavaScript基礎 Ajax編
    5. JavaScript基礎 オブジェクト指向編
    6. JavaScriptでオブジェクト指向を理解する
    7. JavaScriptの正規表現を理解する 演習
    8. JavaScriptで学ぶユニットテスト
    9. CSS3+jQueryでつくる2Dゲームモーション
  4. Three.js,moment.js,Canvas
    1. Three.jsではじめる3Dグラフィックス基礎
    2. moment.jsを理解する
    3. はじめてのCanvas
    4. Canvasでつくるクリスマスメッセージ
  5. React,Vue.js,Rust
    1. はじめてのReact
    2. Reactで作るTodoアプリ
    3. はじめてのVue.js
    4. Vue.jsで作り直すアコーディオンパネル
    5. Vue.js で作るインクリメンタルサーチ
    6. はじめてのRust
    7. はじめてのRust(後編)
    8. Rustの特徴を理解する 所有権編
  6. GoogleMap,Webカメラ
    1. GoogleMapで遊ぼう
    2. Webカメラで遊ぼう！
  7. Java
    1. Java基礎 Map編
    2. Java基礎 オブジェクト指向編
    3. Java基礎 例外処理編
    4. Java基礎 Unicode編
    5. WebSocketでチャットをつくろう
  8. Ruby,Scala,正規表現
    1. Ruby実践 コマンドラインアプリ編
    2. はじめてのScala(前編)
    3. はじめてのScala(後編)
    4. 正規表現を理解する

今後について

学習したブックの感想を…5ブック毎ずつくらいまとめて、別記事に投稿していこうと思います。
自分が学んできた内容の備忘録…メモ書き的な感じで記していこうかと。

ではでは|дﾟ)