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: #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…
jQuery: scroll to top button
I will show in this short article how to add in JavaScript “scroll top” button. This is a popular solution used on blogs or websites with “one page” layout – so in situations when web page has a long content, which require a lot of scrolling down, then user has easy option to go smoothly…
NodeJS – Simple REST API with ExpressJS + TypeScript
I will show you in this article how to build totally simplest REST API, build with NodeJS with Express plugin with TypeScript. This may sound as a hard task to do, but with this short tutorial you will get whole NodeJS rest API working in just a few easy steps. You will be able to…
JavaScript: Adblock check
If you are running a website, you must know how annoying are AdBlock users. You try to give the best possible content for your users for free and you want simply to earn some money by external advertising services like Google Adsense, but AdBlock users are constantly minimizing your incomes. So… JUST CHECK IF USER…