Jon Vadillo
SHARE. CODE. LIFE
WHO AM I
I am Jon Vadillo, teacher, software engineer, volunteer and traveller. I write about coding and web app development in this blog, where I try to share my knowledge with everyone. I also contribute to Mozilla and other non-profits as a volunteer.
I am also author of 2 books about Python and Laravel, you can get them here for free. You can find some of my coding video tutorials on my YouTube channel.
I am @JonVadillo on Twitter. Follow me and say hi 🙂
TEACHING & LEARNING MATERIALS
Curso Frontend: HTML & CSS (SLIDES)
Curso HTML y CSS que te permitirá aprender a crear páginas web desde cero. Encontrarás ejercicios en cada lección para asegurarte que dominas las técnicas y conceptos explicados
Python desde cero (LIBRO)
Curso en formato de libro que trata todos los aspectos del lenguaje empezando desde cero. No requiere conocimientos previos.
Laravel paso a paso (LIBRO)
Aprende a desarrollar aplicaciones profesionales con el framework más demandado en el mundo PHP: Laravel.
Aprende a crear aplicaciones web en Python con Django (VIDEOS + SLIDES)
Desarrollo de aplicaciones web con el framework más popular de Python: Django. Contiene videotutoriales paso a paso.
Curso: Introducción a PHP (SLIDES)
Dese los conceptos más básicos de la programación con PHP hasta la creación de formularios o manejor de bases de datos.
Guiá rápida MySQL (GitHub)
Un breve resúmen de todo lo que necesitas saber sobre el diseño de base de datos relacionales y MySQL.
Sometimes I write
About CODING AND DEVELOPMENT
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"...