DEV Community: Lukas Bocanegra

Git + WordPress

Lukas Bocanegra — Mon, 10 Aug 2020 03:08:34 +0000

Hi there 👋! I'm asking for your help again... I would like to ask if you know how to version a WordPress project with Git.

It's enough and safe with adding the files to a private repo?
Which files should have on the .gitignore file?
How can I version the Database too?

Thanks a lot for your help! 🤖

Best Domain and Hosting providers

Lukas Bocanegra — Thu, 06 Aug 2020 16:33:56 +0000

Hi, I would like to know which are your favorite options to choose a domain and a host provider, and why. I'm starting a new project and I pretend to choose the best options.

No matter if the domain and host are different providers, I'm searching for relevant characteristics.

Thanks 🙃!

🔒 How do you admin your Tokens on Github?

Lukas Bocanegra — Tue, 21 Jul 2020 04:13:01 +0000

I'm using some APIs on my first web projects. I know isn't safe to let tokens visible on the repos, and I can use an .env file.

The thing is that, if I delete the project on my pc, will I lose the token info?

How do you admin your own tokens? I would like to read you.
Thanks! 🙌

Take care of your eyes with Dark Reader 👀

Lukas Bocanegra — Mon, 13 Jul 2020 17:27:31 +0000

If we are searching for articles, watching tutorials, reading some documentation, searching for good memes, or just browsing on the web, you and I are spending time surfing the internet and browsers. Although over time I believe that most of internet web pages will have Dark Mode option, today there are a lot of sites that don't have it.

Fortunately, while that is happening, Dark Reader is here 💪.

🧐 What is it.

Dark Reader is an extension used to build a Dark mode on web pages, using the Google Chrome browser. Although I know there are many more extensions doing that, I think this one is very intuitive and practical. It's not necessary to configure many things, although if you wish, you can customize it.

⚙ How does it work.

It implements a CSS code to invert website colors, and then get Dark Mode. You can see an example with Coursera.org.

Before it:
After it:

As you can see, the changes make the web page much more readable and easy to the eyes.

✅ How to.

After install the extension, you will see something like this:

You can change the default configuration, but that one is perfect for me.

There is a list with specific sites to activate, or not, Dark Reader.
If you want to change the CSS code, you can access to Developer Tools and enjoy:

⚠ Limitations.

1. PC Resources.

If you have a computer with poor RAM, or an old processor, probably this is not a good extension for you. But you can install it, and test how your PC runs... Anyway, you can always uninstall it.

2. Knowledge.

If you are someone who does not like complications or go beyond the basics, you will probably have the extension installed, and you will never use it.

3. Compatibility.

Right now, I haven't seen sites with problems with Dark Reader, however you and I know that all pages may not be compatible with the extension. We must always be careful with this.

👌 Some examples.

Google.
Github.
Our beloved Stackoverflow.
Writing on docs form Google.

You can try any site, it's just about browsing and try... If you know a better tool than this one, or something to say, you can share it!

P.S.: I'm a Spanish native speaker learning English. So sorry for that 😅.

eCommerce without backend?

Lukas Bocanegra — Tue, 07 Jul 2020 01:13:08 +0000

Well, I know that at this moment, that's no possible (if you want a solid project). But the fact is that I'm learning Frontend, and I'm learning it building an ecommerce website.

So, this is what I have been thinking to send the buycart to administrator:

    orderNow() {
        let ms = `--Test message--%0A%0A`;
        cart.forEach(product => {
            ms += `* ${product.title} x ${product.amount} units -> *apx* ${product.price * product.amount}.%0A`;
        });
        ms += `%0A*TOTAL APX: ${totalCartPrice}*`;
        ms = ms.split(" ").join("%20");
        window.open("https://api.whatsapp.com/send?phone=${adminNumber}&text=%20" + ms);
    }

When the user click on "Order now" button, the buycart is sent to the admin via whatsapp. The problem with this way, is that the user can change the order via whatsapp, and that is not safe neither efficient.

So, I'm searching for a faster way to sent the buy cart to the admin without use Backend (for now), while I learn and practice Frontend.

If you know any other way I could use for a solution (without php), I would be thankfull to hear you.

See u there!

Hello world on dev.to

Lukas Bocanegra — Tue, 07 Jul 2020 00:34:13 +0000

Yes, this is my hello world on dev.to!

I hope to learn a lot, and collaborate in this community. By the way, as a spanish native speaker, I would like to improve my english, and know how people code in other world locations.

See u there 🤘.