frontendmemo

このサイトは、「html、css、js、ruby,ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

Vue.js初心者がいち早く習得するためのロードマップ

スポンサードリンク


スポンサードリンク


公式ガイドライン

jp.vuejs.org
Vueのガイドラインです。1から全部読むのはさすがに骨が折れるので下記をやりながら気になったりわからなかったら逆引き的に読むのが効果的

基礎から学ぶVue.js

cr-vue.mio3io.com
基礎から学ぶVue.jsを1から読みます。読むだけではなく実際手を動かしながら作ってみましょう。
主に1~5の章。
下記記事のようにcodepenで簡単に実装できてしまいます。
https://www.frontendmemo.xyz/entry/2018/10/03/001437

環境構築

codepenでの実装が終わったらcilでの環境構築をしてみます。
https://www.frontendmemo.xyz/entry/2019/02/25/173511

コンポーネント

恐らくコンポーネントがまだ理解が怪しい(自分の場合)ので下記を読み実装し理解を深めます。
https://qiita.com/shosho/items/115b371736207078289c
https://orizuru.io/blog/vue-js/component/

改めてVue.jsを学ぶ

改めてドキュメントを読みます。
https://gist.github.com/bora-apo/4f9b25e3631818a32077a0a912402ac5#file-vue_stady1-md

じゃんけん1

簡単なアプリを作成します。とてもわかりやすいです。
https://www.youtube.com/watch?v=WE907r2dnfk

TODOリスト

TODOリストをつくります。
https://cr-vue.mio3io.com/tutorials/todo.html#%E5%AE%8C%E6%88%90%E5%BD%A2

じゃんけん

難しめのじゃんけんをつくります。
https://www.actzero.jp/developer/report-19774.html

Vue.js入門 基礎から実践アプリケーション開発まで

Vue.js入門 基礎から実践アプリケーション開発までを読破します。

Vue.js入門 基礎から実践アプリケーション開発まで

Vue.js入門 基礎から実践アプリケーション開発まで

  • 作者: 川口和也,喜多啓介,野田陽平,手島拓也,片山真也
  • 出版社/メーカー: 技術評論社
  • 発売日: 2018/09/22
  • メディア: 単行本(ソフトカバー)
  • この商品を含むブログを見る

認証付きの簡易チャットを作る!

認証付きの簡易チャットを作りfirebaseについても理解を深めます。
https://cr-vue.mio3io.com/tutorials/firebase.html#firebase-%E3%81%A8%E3%81%AF%EF%BC%9F

netlify

netlifyについて理解を深めます。
https://cr-vue.mio3io.com/tutorials/netlify.html