Blog
Sometime I write things
![Code Snippet of the Week 4: [JS] RESTFul webapp with NodeJS + Express + MongoDB](http://jonvadillo.com/wp-content/uploads/2017/05/code-snippet-400x250.jpg)
Code Snippet of the Week 4: [JS] RESTFul webapp with NodeJS + Express + MongoDB
You will love this code example as it covers lot of different topics and lets you easily run a RESTFull server-app . You can learn how to... Create a Node.JS server-side app. Use Express, the Node.js web application framework to respond to HTTP requests. Get and parse...
How to build nested React components
Complex React components React doesn’t force you to follow a specific component structure or hierarchy. We could build our whole app in a single React component and render all the content together in the same function. However, following this approach would not be the...
Code Snippet of the Week 3: [CSS] Gmail style client with Bootstrap 4
This week I show you an UI developed using Bootstrap framework. Even Google engineers don't use Bootstrap in their GMail web app, we can build a similiar UI based on the popular framework. You can find all the code below on Codepen.io (for a better result open...
React Tutorial: Introduction to React js
There is a big Javascript framework battle taking place on the front end world. In this post we'll speak about one of the winners: React. We'll explain what is React and do an introduction to the library and its main features. If you want to learn React, the library...
Introduction to ECMAScript 6 (ES6)
As you probably already know, ECAMScript is the name of the international standard that defines JavaScript. ECMAScript 6 (also known as ECMASCript 2015 and ES6) is the latest version and was approbed more than one year ago. In this tutorial of ECMAScript 6 (ES6) you...
Arduino tutorial: Arduino: beginners guide
There was a time when playing with hardware like microprocessors, controllers or sensors was only possible for a couple of engineers with deep knowledge about the topic. Fortunately, that time ended when platforms like Arduino were born and quickly spread around the...
Code Snippet of the Week 2: [CSS] Card grid with Materialize CSS library
Materialize is a CSS framework based on Google's Material Design by Google. It provides different components in order to develop responsive web applications that follow Material Design guidelines. The code below shows how to code a card grid using the framework:...
Code Snippet of the week 1: [CSS] Space between bullet and text
The following CSS code makes easy to set the space between bullet point and text in a html list: https://gist.github.com/jvadillo/38e9bdd2601e1c8e472a2cb45e50edb8 Have fun!
9 Web Design best practices you must know
As a developer who has been developing websites and apps for several years, I have passed through different stages and learnt all kind of programming languages, frameworks or platforms. Like me, the developer community has learnt over time from user behaviour and...
Subscribe