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…
Tag: front-end
Vue CLI: modify webpack configuration
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. Create new empty…
FIREBASE: AUTHENTICATION IN WEB APP
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 in web application. And here we will continue that – we will integrate Firebase authentication…
FIREBASE: Add Firebase to your JavaScrpt project + Firebase CLI installation + Firebase hosting deploy
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…
VueJS – loading spinner component
Loaders or spinners are popular way to fill empty container while its content is loading asynchronously. We use it – typically – when some content is loading, by using ajax request or something is processing in the background. We can use loading spinner in VueJS as a separate component in very nice and clean manner…
Send data between SalesForce and JavaScript Vue/React/Angular app in Aura component
I described in this article HERE how to embed your own custom JavaScript app (in my case VueJS app) inside SalesForce page with Aura Component. I mean by “JavaScript” app, the application coded in VueJS, ReactJS, Angular or in pure JavaScript. I will continue here article mentioned earlier. Embedding you custom front-end gives really huge…
Insert JavaScript vuejs/react/angular apps into SalesForce page
I will show in this short tutorial how to insert JavaScript application (in React, Vue, Angular) into SalesForce page (by Aura component). Our JavaScript 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…
Create modal window in vanilla JavaScript
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…
Simple cookie banner – pure JavaScript + HTML
I will show in this article how to create a simple cookie banner (cookie or GDPR consent) notification only with pure HTML, CSS and JavaScript, without any kind of JavaScript library which would support us in that task. Why it is important to build on our own a simple cookie consent banner? The most important…
Front-end basics: #4 Tables columns the same or defined width + wrap long text
Tables are strange HTML elements. If we put CSS rule to whole table: width: 100%; then columns inside that will try to use space of whole table, sometimes it will fit the longest word in one column, sometimes it will just try to fit columns widths more or less proportional to the longest word in…
Front-end basics: #2 HTML – semantic elements, classes, id
HTML semantic elements It is very important to use HTML elements in a proper way. If we want to list some text items, the we must create a normal list with <ul> or <ol> tags, not <p> or <div> tags with some additional CSS styles. So what semantic elements do we have in HTML. There…
Front-end basics: #1 HTML – document syntax, head content, open graph tags…
If you are a beginner in front-end world or you are back-end programmer, like C#, Java, Python or SAP-ABAP and from time to time you must do some coding in HTML, CSS or JavaScript, than you are in a right place! I will show in this short course the most important parts of Front-End world,…