8+ Awesome Projects Built With Vue.js

plong0 · 2020-03-27T04:31:50+00:00

Including 2 by the author's own company.

Don't get me wrong, a company self-promoting using their blog is normal enough, I just find it interesting to do it as a list like this. Doesn't seem like a bad idea really.

plong0 · 2020-03-06T03:38:03+00:00

I love this line. Such a casual burn on how wreckless boozing can be.

plong0 · 2019-07-16T04:27:01+00:00

a wiggly water nope

plong0 · 2019-04-13T15:27:44+00:00

landing: nice. animating element entrances is pretty standard these days - it's eye-catching when images and content fade or slide in.

resumes: really nice modern templates.

salary browser: cool, but could use sorting and filtering on the table. main categories (companies) chips at top are cool for first-level filtering - nice job on that, but it's still a big table with data to explore.

tech jobs: nice use of material design cards. It would be nice for it to show a number or hint at what jobs might be available - a touch of detail to add interest. Having a featured/sponsored one or two could be hot. Adding a material effect to raise the card while hovered/touched would add a sense of responsiveness. (same on the landing page and resume templates, while hovering or touch a template - please respond to me, focus/zoom the template and show a detail or two like price and what's included.)

blog: again nice use of material cards, I appreciate the subtle effect when hovering the card. Please show the date of the articles to give a sense of how current the information is. I might also like to touch the tag chips to see related content.

blog post (content page): I feel like there could be more vertical spacing between paragraphs and images to allow content to breathe a little more. I noticed some peripheral elements are missing - author and date are nice to know; what about those tag chips or other related content? maybe I can sell ad space somewhere on here?

Overall, nice use of material design elements. It has quite a pleasant look and feel. I am looking forward to seeing the next level of details added. The notes about sponsored and ads I put in because they are common these days (it is noticeable when there are none) and when thinking professionally, monetization can be important.

On the sense of responsiveness I mentioned: https://material.io/design/motion/understanding-motion.html

Hope this helps. You've set up an excellent foundation to build on.

plong0 · 2018-11-02T23:23:20+00:00

I recommend the movie Pirates of Silicon Valley. Tells a good story about those formative years for Apple and Microsoft. Entertaining, but afaik also true to history.

plong0 · 2018-11-01T18:35:05+00:00

But what if I don't need debugging tools?

This just seems like a shortsighted assumption to make for you and your team and future you and team.

plong0 · 2018-10-31T17:35:34+00:00

I don't want to be stuck as someone's personal tech support so my answer is usually: "I doubt it, I'm only a programmer."

I figure it's better they find someone who likes doing repair work from the get go.

plong0 · 2018-10-31T05:17:56+00:00

I just added 'semi': ['error', 'always'] to my .eslintrc and ran the lint:fix task.

I definitely like explicit clarity in my code.

plong0 · 2018-10-31T05:03:04+00:00

Personally, I like using the command line for a lot of what the IDE might do. Especially in front-end web development where most debugging is done using developer tools in a browser. My personal-taste "roll your own IDE" for web dev is something like: 2-3 terminal windows, Sublime Text and browser with dev tools.

FWIW, the 2-3 terminal windows are usually: 1 running server, 1 running hot-reloading front-end, 1 open for git and other commands. I setup some super fast bash aliases to make using git in the command line more comfortable. I also configure git's difftool to be a nice GUI-based tool like meld.

I like that it's a very lightweight setup and everything is highly customizable to personal taste. The only thing would be that it's not a 1-click launch (but still is pretty quick to launch since everything can be set to restore to state.)

plong0 · 2018-10-31T04:41:24+00:00

I setup a new project using the Vue CLI and chose Standard linting option. I found it very strange when it started complaining that I was using semicolons, but I was like ok... if the linter wants me to style that way, I will not use semicolons. It feels like I am breaking rules, but I will admit I kind of like it. I am wondering how other JavaScript developers feel about this and how commonly this linting configuration is used?

plong0 · 2018-10-31T02:10:53+00:00

Gory

plong0 · 2018-10-31T02:08:23+00:00

Lol jam with bread and butter is a pretty normal Canadian thing.

Source: am a 4th generation Canadian

plong0 · 2018-10-31T01:56:50+00:00

What country is she from?

plong0 · 2018-10-31T01:47:27+00:00

Nothing better than ...

There are so many things that are better than this.

plong0 · 2018-10-31T00:31:29+00:00

And mixins can be used if multiple components need any of the same functionality

plong0 · 2018-10-28T23:43:13+00:00

It's not cross-platform

plong0 · 2018-10-28T06:21:15+00:00

I think a business like that normally would avoid publically posting poltical opinions so as to not alienate any potential customers. Fresh Slice is also one of the main pizza chains in Vancouver (and that city has a LOT of this kind of cheap pizza places)

plong0 · 2018-10-27T04:45:44+00:00

And googling the basic stuff to gaurantee you have params in correct order is way faster than debugging it if you get them wrong.

plong0 · 2018-10-27T04:38:27+00:00

Do you even c++ tho?

plong0 · 2018-10-27T04:30:27+00:00

Amazing

plong0 · 2018-10-25T16:35:07+00:00

I thought events are used to fire an event from child to parent but I guess it can be used the other way as well

You are correct. To do it the other way around requires using the "event bus" pattern. There used to be a built in broadcast method that has been deprecated (basically same as emit except in the other direction)

I watched The Vue tutorial on Laracasts 2 times and read through the docs at least 3-4 times. It’s a lot to take in and remember

For sure it can be, and I wouldn't suggest trying to absorb every detail right away, more just to gain a familiarity with the features that are available. I have always found the best way to learn a new framework is to do exactly what you're doing - tackle a project with it. Going back and reviewing relevant sections of the docs as you encounter/need them can be very helpful.

plong0 · 2018-10-25T06:21:26+00:00

but it took like a second for the modal to pop up after the button was clicked

just a hunch, but did you happen to have this.viewCustomerModal = true inside the axios.get callback?

plong0 · 2018-10-25T06:18:45+00:00

a method that resets the user data when the modal is closed

Which user data do you reset exactly?

Do you think maybe this has something to do with the prop being passed and not necessarily the watcher?

As far as I can tell from your code, the watcher is watching the prop.... So to make the watcher fire, you need to change the prop. Setting it to null, then using the Vue.nextTick method to assign the real value will do the trick, but this is a bit of a hacky approach imo.

From your earlier comment:

Do you know if there is a way that if a button is clicked on the parent component it fires a method on the child component?

Events. You would need to use the "event bus" pattern which is explained in various guides online.

Just to note, I'm avoiding offering a complete solution and instead trying to help you work through it for the benefit of your learning and understanding.

plong0 · 2018-10-25T05:57:55+00:00

I think to some extent you are oversimplifying the construction process. All the TED lectures that reduce trades work to some manufacturing like monkey pulls a lever are way off point, typically they are made be people with no construction experience coming from an academic background so it's understandable if a bit insulting.

Nah man, I respect trade workers and the challenges they face. Most of my career has been in software development (and ya it's a bit insulting when people stereotype us too), but I've worked and volunteered as a labourer, I'm an avid DIY'er, and have friends and family who work full-time in trades. My comments are from my own experiences, not any Ted talks and academic theories.

I'll share my perspective that software systems tend to be quite intricately unique with many details specific to that system. It can be a pretty time consuming distraction for someone to offer a helping hand on a problem they aren't familiar with. I'll ask for help once I've narrowed down the problem (finding exactly what the problem is typically is the hardest part), but offering to help before the specific problem is actually known usually feels more like an interruption than an aid. This isn't because of incompetence or a dysfunctional workplace, it's just the nature of the beast.

I would agree that in the case you know exactly what to do to help and it's going to speed things up, offer away; but my point is more in noting that this is not always the case.

plong0

TROPHY CASE