Fixing a bug which had to do with exactly this problem took me 2 hours today... That's called life of a programmer, I guess.

#programming #frontEnd #JavaScript #webdev

At such moments I remember how much I dislike #JavaScript and #frontEnd in general:

<details> element containing an <a href="...">some inner text</a>
and JavaScript does not show the innerText property of that <a> element unless the <details> element has an [open] state 😦🤦

From now on I stop using "innerText" and I prefer "textContent" instead which works regardless of the visibility.
BTW there are also "text", "outerText" and "innerHTML" properties, in case you wanna get even more confused.

Kollege hatte heute einen guten Tipp. Vielleicht hilft es anderen auch. Mir hats geholfen.

#frontend #backend #webdev #clownforbreakfast #technik #edv #it #support

@vasilika I hope you enjoy it here, there are plenty of folks to follow - you can also follow hashtags, which is great for things like #DevRel or #frontend etc

Talking to co-workers I asked for recommendations around architectural design patterns for web applications. I got some good suggestions for some Java-based books but being on the front end I tend not to touch the Java stuff in our apps too much.

Are there any good resources out there for JavaScript/HTML-based design patterns for working with large-scale applications?

#JavaScript #frontend #TypeScript #WebDev

Red it, forgot it re-found it in my n-th tab of my i-th #firefox browser profile on my j-th notebook.

Lets note it to mastodon, for later use :D
Here we go:

Link:
https://louison.substack.com/p/i-built-a-plane-spotter-for-my-son
Title:
I built a Plane Spotter for my son in 120 seconds
Live:
https://planespotter.pages.dev/

#frontend #javascript #chatgpt

Say hello to the new site of Maolte Technical Solutions at https://maolte.ie

The site was deployed into production, after my end-to-end project passed pre deployment testing. I have shared some learned lessons about project management, Looking forward to your visit to maolte.ie today... more at... https://maolte.ie/blog/17maoltemigration.html

#cloud #aws #devops #development #frontend #digitalmarketing #tech #technology #project

#Frontend done. My final project is finished. I’m ready to get my #CS50 certification. Now it’s just a matter of paperwork.

And then I can move on to CS50w.

#webdev #ComputerScience

Does anyone know a good cli-based #PKM solution for #Linux. I love tools like #logseq and #obsidianmd, but I am not able to find any CLI based #frontend for them, to streamline my #workflow. I am thankful for any suggestion you have.

Dear lazywebs,

Is there a ready-made library-agnostic solution that combines both:

1. masonry layout
2. lazy loading of images

and doesn't require too much hacking?

It has to work both in Firefox and Chrome and I don't mind it using client-side JS. Bonus points if it's single-digit kilobytes minified.

#webDevelopment #frontend #html #css #javascript #masonry

Hey Astro fans, I added an example here on how to Serialize server data once, access everywhere in the client:
https://git.sr.ht/~ayoayco/astro-resume#serialize-server-data-once-access-everywhere

#buildwithastro #withastro #webdev #frontend #astro @astro

#question of the day: if you had to pick at most five people in #web #development you'd consider to deliver the most consistently balanced and informative sources - who would they be?

#coding #frontend #fullstack #WebDevelopment #backend #html #css #javascript

In HTML, don't use `type="number"` use `type="text" inputmode="numeric"` instead.

`number` silently restricts input, `inputmode` provides the number keyboard on mobile without any of the downsides.

Error messages are far more helpful than input restriction - this goes for `maxlength` too

#frontend #html #accessibility

#100DaysOfCode : #NodeJS #Express #SQLite #VanillaJS

#Day41 : Beginned email template in Newsletter Express project

Source Code : https://github.com/teotimepacreau/Express-Newsletter

Learned :
-inline styles
-html tag <style>
-email HTML current state : can get rid of tables if using divs. Still need to learn more about the support of semantic html elements

#WebDev #Frontend #CSS #WebDesign #LearnWebDev #Javascript #LearnToCode #LearnJavascript #JS #emailgeeks

Grafbase is looking for a passionate #TypeScript and #GraphQL expert for our #frontend!

https://grafbase.com

Perks:

- 100% remote
- You can choose if you want to be an employee or a (full time) contractor
- 3 meetings a week
- Low ceremony
- We use Linear, not JIRA 🙂 (and a lot of other awesome tools)
- A small, experienced and passionate team
- Opportunities to learn and work with #Rust
- Plenty of opportunities to lead projects

See the position page here: https://grafbase.com/careers/product-frontend-engineer

#100DaysOfCode : #NodeJS #Express #SQLite #VanillaJS

#Day40 : Added unsubscription logic and SQL handling in Newsletter Express project

Source Code : https://github.com/teotimepacreau/Express-Newsletter

Added :
- Unsubscription logic : Create a route for users to unsubscribe from the newsletter. Update the database accordingly.

Learned :
-async await handling of errors in Express, require to try catch and next to a middleware

#WebDev #Frontend #CSS #WebDesign #LearnWebDev #Javascript #LearnToCode #LearnJavascript #JS

One of my favourite projects at GDS was helping to write our guidance on form validation
https://design-system.service.gov.uk/patterns/validation/
#frontend #design #ux #accessibility

I officially finished to write the #backened of my web application for my #CS50 final project.

What a ride, in hindsight just a few months ago a couldn't believe I was gonna be able to design and build an app from scratch like this.

Now, on to the #frontend.

#python #flask #sql

I was thinking through whether to use Canvas or SVG for a side project, and it occurred to me that it might be interesting to write a blog post about reasons to choose one over the other.

Would you be interested in a blog post on choosing between Canvas and SVG?

Are there specific questions you would have?

Are there reasons that you would pick one or the other?

#WebDev #SVG #FrontEnd

Well, I think it could be nice to talk a bit about myself, so here it goes (it is a long one, be warned)

My (still ongoing) journey from engineering to programming: Prologue
As can be seen in my profile bio, my name is Iago Andrade, and I am a Brazilian. What can't be seen there, though, is that I'm a mechanical engineer, and I have worked as a mechanical designer since 2018. This year (2023) I decided to pursue an old desire, which was to be able to work with #programming.

First contact
From the very first year at university, I fell in love with programming, when we were introduced to #C. Most of my friends were not really interested in that, and thought it was too difficult, but I was fascinated by the possibilities of what could be done with it.
At first, we used it mostly to solve dificult mathematical problems through iterative process, but my curiosity led me to learn more than just what was taught in classes. We were also later introduced to MATLAB and EES, and I even learned a bit of #Python in order to help a friend of mine.
But as the course became more and more time consuming, I started to drift away from that passion, and focus more on the other disciplines, and only sparingly did I delve into anything related to programming.

First job
As I graduated, I soon got a #job in mechanical design, modeling industrial equipment and parts and its drafts for production. As I had little time for studying, programming was put aside for a while, and all the focus was put into this job.
I learned a lot at this job, and managed to build a lot of resources for accelerating, and even automating tasks, and that kept me reminded of how much I liked to solve problems like these. I even got to the point of learning some #bash script in order to automate the creation of folders in the company's server (which did not end up very well, due to the lack of some quotes hehe). Though the script caused some problems, it was solved in the end (and I learned the important lesson of debugging everything very thoroughly).

Reigniting an old passion
At some point between then and now, I learned of the existence of a "new" game engine called #Godot. I had never made any #games, and had never used a game engine before either, but I had had some contact with #FOSS (free and open source softwares), like #blender and #inkscape, and that one caught my attention, since I had always wanted to create games. Since it was free, super lightweight, I decided to give it a go. It felt so good to learn that tool, and programming in it reminded me of how much I liked to code.
Back then, a friend of mine was also interested in making a game, and he wanted to be more focused on the story part of it, which was perfect since I wanted to focus on the programming and possibly the art and music for it. We started to work on the idea, got a ton of references, and started building the overall scope and story, until one day we lost momentum and just couldn't get back to it. Our jobs were sucking too much energy, and we decided to put it aside until we had more time to do it properly.

#SQL and the leap of faith
After some more years of working with 3D modeling, the company where I was working decided to implement an ERP system. The problem was they didn't have anyone from the inside who was qualified for some of the tasks that would appear, and they tasked me with dealing with those problems.
I had never worked with an ERP system, but had some idea of how #databases worked, and that helped a lot in making some decisions early on (like not entrying all data manually). I had to learn how to bulk clean old data from another system they had used before, which had been fed by many different people, with a lot of mistakes and inconsistencies.
After that, I had to import all that data into the system, and I decided it was time to learn SQL so I could query the database properly when I needed information. And that once again triggered my interest in programming, leading to my decision to make new templates for the engineering team.
These templates used programming for automating some of the tasks, in a language specific for the modeling software,reducing many of the steps in the project pipeline, and making it easier to input new equipment in the system.
As I became more and more #tired of some problems at work, and got more interested in programming again, I made the decision of focusing in relearning the languages I had contact with, and while searching for resources, I was informed that #Harvard offered this course online, called #CS50
For a few months I tried, and was unable to #study in my spare time. So ultimately, I decided to #quit my job, finish CS50, and start a career in programming.

Paying the #bills
With only the final project from the course left, money was running short, and bills were still appearing, so I had to start looking for jobs, and I ended up getting another job in mechanical design. The difference now is that it is much closer to home, so I will be able to finish my final project on my spare time, and keep looking for #junior roles in programming.

Epilogue: The Final Project
Since this toot is ridiculously long already, I may as well talk about the final project for whoever got to this part haha
The idea for the project is to mix a bit of #gamedev with #webdev, making a site with three main areas containing mini-games in three different styles, from #ASCII to one with actual graphics. If all goes well, I also wanted to enable players to get a score, and keep that in a database, if the player so desires. #Backend is being done in python with #flask, #frontend is using templates from flasks #jinja, but mostly plain #HTML #CSS and #javascript