``` ████████╗███████╗ ██████╗██╗ ██╗██╗ ██████╗ ██████╗ ╚══██╔══╝██╔════╝██╔════╝██║ ██║██║ ██╔═══██╗██╔════╝ ██║ █████╗ ██║ ███████║██║ ██║ ██║██║ ███╗ ██║ ██╔══╝ ██║ ██╔══██║██║ ██║ ██║██║ ██║ ██║ ███████╗╚██████╗██║ ██║███████╗╚██████╔╝╚██████╔╝ ╚═╝ ╚══════╝ ╚═════╝╚═╝ ╚═╝╚══════╝ ╚═════╝ ╚═════╝ ``` => gemini://gemlog.blue/users/lukan/1621003776.gmi ... # Making an HTML Table generator I'm not pretending to make a tutorial or anything like that and you will see why... (I'm a real basic programmer ```(ㆆ _ ㆆ)```) This project's kinda basic thing to do in programming, I made everything with PHP and pure JS, perhaps you can see the result right here: =>https://tabless-generator.herokuapp.com/ Tabless generator website... ## Contextualizing I was looking for a new way to study and the idea to make an online table generator comes to my mind, I don't like to use in HTML (isn't a good practice on the web), searching on the internet is easy to find some solution for that problem and then I decide to make my own solution. Maybe the best thing I could do is to make everything live on Twitch: =>twitch.tv/lukan The project itself is simple, the experience I want to give you today is another. As simple as it is, you always end up learning new things, as in my case, I have zero knowledge of JavaScript, but let's go back to the beginning of everything... Every web project begins with a simple HTML scope, something simple. I always like to have an idea for what I like to have visually in my project, for that I used MSPaint (the best tool for designers). Normally for design in general I like to use flexbox attributes it's easier for me... ``` ============================= 1000 DIV's AFTER ============================= ``` It's time for real code!!! I made all the basic logic in PHP (I know... I could make everything with JS... You know... To me JavaScript is sh@$!!!) I was a little concerned about how to render HTML tags without the browser interpreting the code, well... Until I find (It's real salvation of my life), I don't know a lot about this tag, everything I could find is saying that tag is reserved just to render HTML code. Probably you have to know that until now I was live streaming, but no one was watching me (I don't mind about that, for me, this kinda thing is just like my drugs, I could remake everything 10000 times again...). ## The savior has arrived!!! You know... I was alone, sad. BUT 2-3 hours later, ONE person comes to my stream!!! That's amazing, it was @brahminha a real programmer if you wanna know. ``` ════════════════════════════════════ ``` When you have somebody who is in the industry for some time, you have a portal for another world (so dramatic...). @brahminha works with front-end, mainly with JavaScript (HOW?!?!?!?!). First thing, I was trying to find a way to display the code generated inside a <div>, but I wanted to display that like it is inside a box and if the text was too long, put a scrollbar option, like with a <textarea>. Thinking now I was a massive stupid to don't test to put de fucking overflow option in that div (I'm a real idiot!). As expected Sir brahminha has helped me! One problem I was having, is to find a way to make a "user-friendly" option to consume the code generated (It's a hard way to say, that I was trying to make a copy button, it is just that.........). In my subconscious I knew this function would only be possible with JS, but what I did? I tried to do it with PHP (I'm a joke, but it's ok). This function is actually quite simple to implement, although it probably hasn't been implemented in best practices. (I have no idea) Guess what, @brahminha helped me again. I think I already decorated the code to never miss that again... Well, almost 5 hours later, the project was completed. ### The Real Comunity Effect Everything you've read so far is just for me to show you the power a community has (no matter how small), it's almost like magic. This text was not to extol the enormous help I received from @brahminha (thanks a lot!). There are many possibilities that the internet can bring us, it is a very interesting exchange. Streams for me are just for that, it's a stage to talk, to create, to have fun. It's weird to say that, but maybe I've made some kind of friend without ever even hearing his voice, if you don't think it's amazing (and a little scary), well, maybe you're missing out on some of the good things about the internet. (Not a personal attack). => gemini://gemlog.blue/users/lukan/1621003776.gmi ... ``` (ㆆ _ ㆆ) ```