I will show in this article how to start using Vue Router in Vue CLI project with very basic settings which will allow to host your application on normal static server (like apache on e.g. GoDaddy). What we want to achieve here is the following scenario: We have our VueJS application created in Vue CLI and we want to have…
Category: tips front-end
When using Vue CLI sometimes we must change how it is working in background. I mean what are the bundling rules, how server works etc. We must know that Vue CLI uses in background the Webpack with quite sophisticated settings. But we can use dive into that and change whatever we want. Let’s go step by step from the beginning.…
I will show in this article how to use Webpack for bundling our front-end JavaScript projects. Webpack is a tool which allows us to code our JavaScript front-end application and divide our code on modules, separated files with view (html), logic (js) and styles (css), and gather all files into single html, javascript and css file with its transpilation (e.g.…
In our first article about Firebase here I described how to create Firebase account, how to add it to our project and how to deploy whole project on Firebase hosting. In my second article about Firebase I described how to integrate Firebase user authentication service. So – two previous articles are about integration or Front-end – JavaScript application (in my…
In our previous article about Firebase here we described how to create Firebase account, how to add it to our project and how to deploy whole project on Firebase hosting. We added here to our project Firebase user authentication service. And here we will continue that – we will integrate Firebase authentication inside our web application (in my case it…
I will focus in this article on important part of work when you, as front-end developer, want to make in your own project users authentication add based on that, give them access to your back-end API in Node.js. But as you are front-end developer, you are not a specialist in security of back-end applications and implementing own, let’s say, JWT…
Loaders or spinners are so popular that it is quite obvious when do we use it – typically – when some content is loading, by using ajax request or something is processing in the background. We can use loeaders in VueJS in very nice and clean manner by using VueJS functionality – like components, lifecycle hooks and props. With that…
I have described in this article HERE how to embed your own custom front-end app inside SalesForce page with Aura Component. I mean by “Front-end” app, the application written in VueJS, ReactJS, Angular or in pure JavaScript. I will continue here article mentioned earlier. Embedding you custom front-end gives really huge possibilities of extending your SalesForce instance. You can build…
I will show in this short tutorial how to embed our front-end application into SalesForce page (by component). Our front-end application can be done in whatever framework you want. It can be VueJS, ReactJS, Angular or even any kind of front-end application, also written in pure JavaScript code without frameworks. I must admit that I’m not the SalesForce developer, but…
Modal or popup windows are very useful elements of websites or webapps – you can display in it a notifications, additional or detailed information or it can be a “dialog window” in which user must take some decision, let’s say “Are you sure you want to delete the file?” So in general – there are hundreds of ways modal windows…