DEV Community: Juanjo Salvador

Today I learned: building an application's GUI using Glade

Juanjo Salvador — Sun, 15 Apr 2018 15:25:02 +0000

I've wrote a lot of Python's scripts for many task, such like web scraping or Telegram cool things. But until this week I never designed a non-web-based UI. I started using Glade and Gtk.

Just drag and drop some widgets into a GtkApplicationWindow, save it into your project's folder and load it.

    import gi
    gi.require_version('Gtk', '3.0')

    from gi.repository import Gtk

    class ButtonHander():
        # button action's code here!

    builder = Gtk.Builder()
    builder.add_from_file("gui.glade")
    builder.connect_signals(ButtonHandler())

    window = builder.get_object("mainWindow")
    window.show_all()

    Gtk.main()

Because GUIs are cool!

How I get a girlfriend using JavaScript

Juanjo Salvador — Tue, 08 Aug 2017 21:31:29 +0000

I don't like dating websites but in everyone's life, the day comes when you need a partner. So I decided to create my own way to get the perfect girl for me. And I made it using an HTML form, and a simple JavaScript's script.

The list

Before start coding, I wrote a list with all those things I want for my perfect girl. And I divided them into three groups:

Important! (+15 points)
Needed, but I don't mind if not (+7 points)
Not needed, but if she have, it's better (+3 points)

May it would be better if I write a list with things I don't want for my girl, but this makes the test very long and bored. In fact, I have about 55 elements on my list.

The form

This part was easy. We only need to write a bunch of checkboxes with different classes.

Class important
Class needed
Class not-needed

Each class is used to design the value of each response.

  <form name="areyoumyperfectgirl">
    <input type="checkbox" class="element important"> Loves JavaScript
    <input type="checkbox" class="element needed">Loves Japanese food
    <input type="checkbox" class="element notneeded">Loves coffee
    [...]
  </form>
  <button class="success" type="button" onClick="getMyScore();">Let's go!</button>

Repeat for every element at our list.

The second thing we need here, is write some CSS to make it beautiful. I used Picnic CSS because it is cool.

The script

Now, the good part.

My script needs to read all the checkboxes in the form, read their classes and calculate the total score. To get an A grade in this test, you need to get at least the 70% of the maximum possible score.

So, in first place, we need to calculate the maximum possible score.


function maxScore() {

    let important = (document.getElementsByClassName("important").length) * 15;
    let needed    = (document.getElementsByClassName("needed").length) * 7;
    let notneeded = (document.getElementsByClassName("notneeded").length) * 3;

    return important + needed + notneeded;

}

Once we have it, the next step is calculate the user score.


function userScore() {

    let important_checkbox = document.getElementsByClassName("important");
    let need_checkbox = document.getElementsByClassName("needed");
    let notneed_checkbox = document.getElementsByClassName("notneeded");

    let score = 0;

    for (var x = 0; x < important_checkbox.length; x++) {
        if (important_checkbox[x].checked) {
            score = score + 15;
        }
    }

    for (var x = 0; x < need_checkbox.length; x++) {
        if (need_checkbox[x].checked) {
            score = score + 7;
        }
    }

    for (var x = 0; x < notneed_checkbox.length; x++) {
        if (notneed_checkbox[x].checked) {
            score = score + 3;
        }
    }

    return score;

}

And... the final score.


function getMyScore() {

    let userScore = userScore();
    let maxScore = maxScore();

    return (userScore / maxScore) * 100;

}

Conclusion

With few lines and a simple website, you can get your perfect girl (or boy!). Just share your test link and wait for it.

Cheers!

Best IDE or text editor for hackers

Juanjo Salvador — Fri, 14 Apr 2017 23:27:54 +0000

I'm a little bit tired of VS Code. I want to decrease the presence of Microsoft in my system, so I'm turning back to GitHub's Atom. Also I miss some cool packages from this editor.

But, Atom has a problem with perfomance and RAM. I hope Electron is better since my last time with Atom (about one year ago), but if I need to select another IDE or editor, I want to know what are the best for you. Preferably oriented to web development, and if possible, free software.

Getting started as developer

Juanjo Salvador — Fri, 14 Apr 2017 00:17:34 +0000

Cover image from Flickr, taken by Michael Himbeault.

Getting started as developer, never was easy. When I started to develop, about 8 years ago when I was 16, I had only few books about C++ and they look like monsters.

In fact, I started to develop because one day, my best friend comes to my house and he made me a purposal: "Let's create our own videogame!". A videogame? A videogame made by us? Why not? It sounds great! He had some designs, ideas and most of the game created... but no code. Only tons of papers. He knew I had lot of experience with computers but I never programmed anything. So, I took my C++ books and I started to read them.

To be honest, when I was 16, the programming basics were too complicated for me. Until I was 18 and started to code in class, I couldn't code anything and actually know what I was making. Why? Because I hadn't any support, only complicated and old books from the library. Thanks to Torvalds, all that has changed. So, learn to code is easy, if you know how!

There are tons of programming languages.

With all forms, colors and purposes.

Do you want to start with something powerful, easy and simple? You have Scratch! Do you want to learn a multipurpose powerful, and easy to learn language? You have Python! Do you want to create awesome websites? JavaScript have an extensive ecosystem! Do you want make... videogames? You have a lot of libraries, frameworks and resources, like Unity3D (based on C#), PyGame (Python library), Gosu (Ruby library).

OK, we have a lot of langs. How to use it?

To learn all those things, we have a lot of resources too. Books (boooring but useful!), courses (just Google "udemy free coupons"), and interactive courses, the final boss of learning.

Platforms like Codecademy or CodeSchool are pretty awesome websites to learn. They have interactive editor, videos, and cool explanations about everything in the development universe. In fact, CodeSchool has the probably coolest Ruby on Rails course I've seen: Rails for Zombies.

All of this things made learn how to code funnier, easier and better. Do not think twice and become a developer today!

This is my very first post on dev.to, and I'm not very good at English, so, sorry for the possible mistakes.

Juanjo Salvador — Fri, 24 Feb 2017 18:13:10 +0000

I have been coding for 6 years.

You can find me on GitHub as JuanjoSalvador

I live in Almeria, Spain.

I work for my self, as freelancer developer.

I mostly program in these languages: JavaScript, Python and Ruby.

I am currently learning more about Python and Django.

Nice to meet you.