Blog
Sometime I write things
Introduction to Laravel
What is Laravel? Laravel is a free, open-source PHP web framework used for web application development. It is designed to provide developers with an elegant and simple toolkit to create full-featured web applications. Laravel is based on the model-view-controller...
Code Snippet of the Week 7: [HTML + CSS] Create fully responsive tables using Bootstrap
Making your web responsive could not be enough to mantain complete usability in all devices. It is sometimes necessary not only to adapt our content to the browser's screen but also modify the information we want to display. In case of big tables which hold large...
Web IDE: when and why you should use them
During the last years we have seen how many services have moved from local environments to the cloud. Cloud based services are used more than ever and the number of services than can be reach with an Internet connection and a browser still keeps growing. IDEs...
Introducing Google’s Material Design library for React: material-ui
As you already know from my previous React article talking about the benefits and philosophy of React, the possibility for creating reusable web components is one of the main reasons for choosing React for your next web application. Since the born of React, developers...
Code Snippet of the Week 6: [HTML + CSS] Twitter clone using Bootstrap
One of the best learning methods in the web development world is to practice and try to clone some of the best web user interfaces that exist nowadays. “Practice makes the master.” once said Patrick Rothfuss, and he was right. The code of this week is a Twitter clone...
Introduction to GraphQL
What is GraphQL? GraphQL is one of the alternatives and main rivals of RESTful APIs nowadays. GraphQL is a query language for APIs and server-side runtime that allows asking and getting exactly what you need. It is not tied to any specific database or storage engine,...
Code Snippet of the Week 5: [JS] React + Redux TODO App
The code of this week is an example of how to combine React and Redux libraries to build a TODO app. You can find all the code below on Codepen.io (for a better result open fullscreen at https://codepen.io/jonvadillo/pen/LLBLbV/) [codepen_embed height="565"...
Node.js Express Framework tutorial
What is Node.js? Node.js is an open-source and event-driven JavaScript run-time environment. Node.js allows us to create web servers with a non-blocking event-driven architecture using JavaScript. Event-driven architecture The most important difference between Node.js...
React Router v4: Client-side routing tutorial
When we design a new web aplication we start thinking about some basic concepts like components, data, actions or pages. One of the key concepts of a web application is routing. We have to construct links and routes that will allow users to move around and navigate...
Subscribe