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…
Category: tips front-end

Send data between SalesForce and embed front-end JavaScript (Vue, React, Angular) app + development environment based on mock up data
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…

Embed front-end JavaScript (vuejs, react, angular) apps into SalesForce page (by Aura component)
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…

How to create modal window in pure 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…

Cookies notification bar – only with HTML, CSS and pure JavaScript – step by step
I will show in this article how to create cookies (or in general: terms and conditions) notification bar only with pute HTML, CSS and JavaScript, without any kind of library which would support us here. Of course you can find tens of well-working modules which will give you solution just like that. But there are…

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: #3 HTML5 – form validation
This is quite long topic and but shortly I will describe here how to use HTML5 forms validation. You must remember that it can’t replace the validation of the data done in the back-end. HTML5 form validation is only a pre-check of data entered by user into form. You can add following attributes to your…

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,…

JavaScript: creating callback functions
Many native methods in JavaScript uses callback functions. When you first see the callback function usage, liek in example below, when it is passed as another method’s argument, than it may look strange for you. You can think how the method can me an argument of a function? But this is quite simple, when we…