I have studied Vue.js before, but I'm getting back into it now with some clearer goals. Within three months, I'd like to be able to build web apps in Vue with data stored in a database. I also want to be able to read other people's code and understand what's going on. I now have the ability to set aside time to accomplish these goals! ## My first steps with Vue On the recommendation of my "coding buddy" @harps116, I have started with the Vue.js tutorials at Laracasts.com https://laracasts.com/series/learn-vue-2-step-by-step/ I've gotten through the introduction and I'm starting with the coding. ## Vue.js DevTools for Firefox When I studied Vue before, the DevTools were only available for Google Chrome. I prefer using Firefox, so it was great to see that the official Vue DevTools are now available as a Firefox extension.  You can get it here: https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/ ## A simple Node.js web server for testing One thing to note, it seems that the Firefox extension does not have the ability to work off of local files, they must be served from a web server. So I quickly learned how to install a web server for node.js using NPM: ```sudo npm install http-server -g``` This installs the http-server system wide for your computer. After installing you can use the ```which http-server``` command to verify that it is available and where it is on your file system. To serve files in a folder, just go to that folder in the Terminal and run: ```http-server``` You'll see some output telling you it is running. The default port is 8080. So you can view the output of the server in your browser at localhost:8080/ I had named my file index.html, so it was served up automatically. If you named your file something else, you may have to specifically reference it: localhost:8080/myfile.html ## Notes on my programming posts I will not usually be writing "how to" posts on programming, as there are lots of great resources that already do a better job at that than I would. I will have some "how to" stuff, but mostly it will be me sharing my experience. I will be sharing my thoughts, some code snippets and notes of things that I had to work through or that I found interesting. ## Ultimate Goal To be able to write apps that are in some way connected with blockchain tech and crypto. I'd like to be part of this revolution that's happening. There's such potential with crytpo to give more freedom to regular people. -- @matthewdavid
author | matthewdavid |
---|---|
permlink | getting-started-with-vue-js-my-first-steps-firefox-devtools |
category | vuejs |
json_metadata | {"tags":["vuejs","nodejs","javascript","programming","firefox"],"users":["harps116","matthewdavid"],"image":["https://steemitimages.com/DQmXsq1tn7ZA72FQHTxhPLh7EaTj7SNHXKy7BiV5AxbMdAY/VueDevTools-Firefox.jpg"],"links":["https://laracasts.com/series/learn-vue-2-step-by-step/","https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/"],"app":"steemit/0.1","format":"markdown"} |
created | 2018-01-14 06:46:06 |
last_update | 2018-01-14 06:46:06 |
depth | 0 |
children | 8 |
last_payout | 2018-01-21 06:46:06 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 4.365 HBD |
curator_payout_value | 1.283 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 2,630 |
author_reputation | 2,155,255,892,877 |
root_title | "Getting Started with Vue.js - My First Steps - Firefox DevTools" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 29,395,718 |
net_rshares | 646,442,499,851 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
berkah | 0 | 4,619,591,894 | 3% | ||
mrs.agsexplorer | 0 | 5,731,726,551 | 1.2% | ||
pnc | 0 | 9,555,857,962 | 3% | ||
teamsteem | 0 | 342,202,974,132 | 3% | ||
hitmeasap | 0 | 2,074,348,656 | 1.5% | ||
bitcoiner | 0 | 2,042,879,306 | 3% | ||
daynewright | 0 | 8,570,549,811 | 41% | ||
doitvoluntarily | 0 | 179,726,008,902 | 100% | ||
funkit | 0 | 34,831,625,957 | 100% | ||
greenstar | 0 | 1,488,906,368 | 3% | ||
jamescash | 0 | 276,641,464 | 100% | ||
harps116 | 0 | 617,220,000 | 100% | ||
phil-coding | 0 | 2,409,862,780 | 100% | ||
seanlloyd | 0 | 40,844,644,971 | 100% | ||
steveblucher | 0 | 10,558,508,113 | 50% | ||
rubencond96 | 0 | 67,721,148 | 100% | ||
femcy200 | 0 | 525,397,500 | 100% | ||
momslife | 0 | 298,034,336 | 100% | ||
raulp3rez229 | 0 | 0 | 100% | ||
tbyrd | 0 | 0 | 100% |
hi @matthewdavid this would have been a great utopian contribution. Why not post it there?
author | ankarlie |
---|---|
permlink | re-matthewdavid-getting-started-with-vue-js-my-first-steps-firefox-devtools-20180127t152057074z |
category | vuejs |
json_metadata | {"tags":["vuejs"],"users":["matthewdavid"],"app":"steemit/0.1"} |
created | 2018-01-27 15:20:57 |
last_update | 2018-01-27 15:20:57 |
depth | 1 |
children | 1 |
last_payout | 2018-02-03 15:20:57 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.170 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 90 |
author_reputation | 20,844,864,303,785 |
root_title | "Getting Started with Vue.js - My First Steps - Firefox DevTools" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 32,764,080 |
net_rshares | 20,125,672,658 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
matthewdavid | 0 | 3,134,281,639 | 15% | ||
ankarlie | 0 | 16,991,391,019 | 100% |
I will be exploring utopian.io soon. Thanks for reminding me to check it out.
author | matthewdavid |
---|---|
permlink | re-ankarlie-re-matthewdavid-getting-started-with-vue-js-my-first-steps-firefox-devtools-20180128t053414380z |
category | vuejs |
json_metadata | {"tags":["vuejs"],"app":"steemit/0.1"} |
created | 2018-01-28 05:34:15 |
last_update | 2018-01-28 05:34:15 |
depth | 2 |
children | 0 |
last_payout | 2018-02-04 05:34:15 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 77 |
author_reputation | 2,155,255,892,877 |
root_title | "Getting Started with Vue.js - My First Steps - Firefox DevTools" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 32,918,579 |
net_rshares | 0 |
may be i reasteam your post sir
author | enews202 |
---|---|
permlink | re-matthewdavid-getting-started-with-vue-js-my-first-steps-firefox-devtools-20180114t064756520z |
category | vuejs |
json_metadata | {"tags":["vuejs"],"app":"steemit/0.1"} |
created | 2018-01-14 06:48:06 |
last_update | 2018-01-14 06:48:06 |
depth | 1 |
children | 0 |
last_payout | 2018-01-21 06:48:06 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 31 |
author_reputation | 468,702,963,918 |
root_title | "Getting Started with Vue.js - My First Steps - Firefox DevTools" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 29,396,000 |
net_rshares | 0 |
Very nice, I will enjoy reading about your progress! Check out this list once you have wrapped your head around the basics: https://github.com/vuejs/awesome-vue/blob/master/README.md.
author | harps116 |
---|---|
permlink | re-matthewdavid-getting-started-with-vue-js-my-first-steps-firefox-devtools-20180114t203010566z |
category | vuejs |
json_metadata | {"tags":["vuejs"],"links":["https://github.com/vuejs/awesome-vue/blob/master/README.md"],"app":"steemit/0.1"} |
created | 2018-01-14 20:30:09 |
last_update | 2018-01-14 20:31:36 |
depth | 1 |
children | 0 |
last_payout | 2018-01-21 20:30:09 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.169 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 183 |
author_reputation | 31,145,258,360 |
root_title | "Getting Started with Vue.js - My First Steps - Firefox DevTools" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 29,542,714 |
net_rshares | 18,352,859,368 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
matthewdavid | 0 | 18,352,859,368 | 100% |
This is really educative and useful Thanks for sharing this sir @matthewdavid
author | marvelking |
---|---|
permlink | re-matthewdavid-getting-started-with-vue-js-my-first-steps-firefox-devtools-20180114t083744016z |
category | vuejs |
json_metadata | {"tags":["vuejs"],"users":["matthewdavid"],"app":"steemit/0.1"} |
created | 2018-01-14 08:37:45 |
last_update | 2018-01-14 08:37:45 |
depth | 1 |
children | 0 |
last_payout | 2018-01-21 08:37:45 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 77 |
author_reputation | 329,273,008,834 |
root_title | "Getting Started with Vue.js - My First Steps - Firefox DevTools" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 29,411,288 |
net_rshares | 0 |
This is interesting, I would like to take course of something like this, and you have a great idea growing on your mind.
author | momslife |
---|---|
permlink | re-matthewdavid-getting-started-with-vue-js-my-first-steps-firefox-devtools-20180114t072649530z |
category | vuejs |
json_metadata | {"tags":["vuejs"],"app":"steemit/0.1"} |
created | 2018-01-14 07:26:51 |
last_update | 2018-01-14 07:27:03 |
depth | 1 |
children | 1 |
last_payout | 2018-01-21 07:26:51 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.082 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 121 |
author_reputation | 48,997,939,448 |
root_title | "Getting Started with Vue.js - My First Steps - Firefox DevTools" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 29,401,374 |
net_rshares | 9,435,650,861 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
matthewdavid | 0 | 9,435,650,861 | 50% |
There are a number of great courses. The Laracasts one that I mention in the post is a good place to start. Have you had some experience programming before? If not, I'd be happy to share some of my experience and the resources I used while learning the basics. Thanks for your comment!
author | matthewdavid |
---|---|
permlink | re-momslife-re-matthewdavid-getting-started-with-vue-js-my-first-steps-firefox-devtools-20180114t073328302z |
category | vuejs |
json_metadata | {"tags":["vuejs"],"app":"steemit/0.1"} |
created | 2018-01-14 07:33:27 |
last_update | 2018-01-14 07:33:27 |
depth | 2 |
children | 0 |
last_payout | 2018-01-21 07:33:27 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 287 |
author_reputation | 2,155,255,892,877 |
root_title | "Getting Started with Vue.js - My First Steps - Firefox DevTools" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 29,402,216 |
net_rshares | 0 |
Again, you have taught me something, @matthewdavid - I also thought that the Vue.js dev tools were only available for Chrome, but since Mozillaβs Quantum update for Firefox, I much prefer this browser. Thank you for your continued posts.
author | steveblucher |
---|---|
permlink | re-matthewdavid-getting-started-with-vue-js-my-first-steps-firefox-devtools-20180116t202243642z |
category | vuejs |
json_metadata | {"tags":["vuejs"],"users":["matthewdavid"],"app":"steemit/0.1"} |
created | 2018-01-16 20:22:45 |
last_update | 2018-01-16 20:22:45 |
depth | 1 |
children | 0 |
last_payout | 2018-01-23 20:22:45 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.122 HBD |
curator_payout_value | 0.037 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 239 |
author_reputation | 6,574,319,261,915 |
root_title | "Getting Started with Vue.js - My First Steps - Firefox DevTools" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,019,286 |
net_rshares | 18,075,214,893 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
matthewdavid | 0 | 18,075,214,893 | 100% |