shego.codes
1.01K subscribers
540 photos
65 videos
6 files
127 links
Coding tips + resources & thoughts
(lil of life too)

๐Ÿ’Œ https://beacons.ai/shego.codes
Download Telegram
These tips are inspired from from what worked best for me and mistakes that made me cry.

๐Ÿ’Œ cat pics to motivate you

#codingresources

โญ๏ธ @shegocodes
๐Ÿ’Œ beacons.ai/shego.codes
โค6โšก2๐Ÿ”ฅ2
This media is not supported in your browser
VIEW IN TELEGRAM
Youtube gold for coding courses.

#codingresources

โญ๏ธ @shegocodes
๐Ÿ’Œ beacons.ai/shego.codes
โค7โšก4๐Ÿ˜2๐Ÿ”ฅ1
๐Ÿ’Œ Hellooooooo pretty ppl!!

Iโ€™m trying to figure out this telegram thing, Iโ€™m sorry if the comment section doesnโ€™t exist for the posts above. (Use this one as for now ๐Ÿ˜ฌ)

IM TRYING OKAY. ๐Ÿ˜ญ

The whole telegram thing is reminding me of differentials in math class ๐Ÿฅฒ, we will manage tho ๐Ÿ˜™.

The only thing I find attractive and make sense now is my bed.

So nighty nighty ๐ŸŒ™
โค11๐Ÿ”ฅ3๐Ÿฅฐ2
This media is not supported in your browser
VIEW IN TELEGRAM
โค7๐Ÿฅฐ1๐Ÿ’˜1
GOOOOoooood Morning ๐ŸŒž

Even tho it should be illegal to wake up early in the morning ๐Ÿ˜ญ.

I have been waking up at 7am lately and life has been wild since then.

Sending you all love and support if you have to wake up early ๐Ÿ’•๐Ÿซ‚
๐Ÿฅฐ11โค3๐Ÿ˜2
Letโ€™s spill the tea from yesterday (it was a long day, but it was so fun).

Tea One โ˜•๏ธ:
I realized Iโ€™d be rich rich rich if I got paid a dollar every time I met or knew someone called Yabsera or Dagimwai/Dagim.
(Iโ€™m dead serious about this. No jokes here.)

Tea Two โ˜•๏ธ:
I met two people this week who understood Arabic โ€” like whaaaaaaaaat? And they learned it from MBC3 and Cartoon Network. I feel so validated because now I know I wasnโ€™t the only one chronically obsessed with it.
Anyone else obsessed? Letโ€™s be besties ๐Ÿ‘ฏโ€โ™€๏ธ

Tea Three โ˜•๏ธ:
I accidentally joined this talk by the founder Eufey Gela about entrepreneurship vs. being employed.

Hereโ€™s what I understood: both are kind of the same thing. One is like a cat race ๐Ÿฑ and the other is like a hamster race ๐Ÿน
(You know โ€” rat race. But with cute animals so I donโ€™t offend anyone ๐Ÿ˜ฌ)

The cats race for the tuna, while hamsters race for the sunflower seeds. Thereโ€™s competition on both sides โ€” everyone is rushing toward the prizes and everyone is hardworking.

Sometimes cats wish they were hamsters, and hamsters wish they were cats, but little do they know theyโ€™re living the same life in different fonts. Or, in fancier terms, โ€œthe same coin, just different sides.โ€

The conclusion: donโ€™t be a cat or a hamster โ€” just LIVE.

The whole talk was insightful and entertaining, there was a lot of things mentioned. I shared a tiny part of it.
๐Ÿ‘Œ7โค3
TINY NOTE ๐Ÿ’Œ

Shego stands for she go (grammatically it should be goes, but it sounds weird)

Shego is a reminder for me to keep going and in the words of dorry to keep swimming.

Itโ€™s just a tiny moto I created for myself.

So please pronounce it as she + go, and not as sheggo.
๐Ÿ˜14๐Ÿ‘Ž1
This media is not supported in your browser
VIEW IN TELEGRAM
โค2
I'm so tired.

I literally miss home and chilling at home. Focus on the chilling part ๐Ÿ™‚

The amount of things I have on my to do list is insane.

I will either finish it or it will finish me. Stay tuned to find out who will finish who
โค7
Hello everyone
How are you doing? Iโ€™m doing great!
(Eeehhh this sounds like an email ๐Ÿ˜ญ, but I feel rude not to ask how are you lol)

Anyway, I wanted to share with you what I've learned. I just finished the "UI Hard Parts" course by Will Sentance on Frontend Masters. This course delves into how UI engineering has evolved with code. It really changed the way I think about frontend development.

There's so much to cover that I don't even know where to begin. So, I'll be posting in parts! ๐Ÿ˜…

PART I:
The primary goals of UI engineering are:
1. Displaying content.
2. Allowing users to interact with content and change it (where most of the problems arise).

The course starts by explaining how HTML works under the hood. When you create an HTML file with elements like <h1>Hello World</h1>, the HTML parser in the browser goes through each line of the HTML document and adds the elements into the Document Object Model (DOM).

But what exactly is the DOM?

The DOM (Document Object Model) in web browsers is typically implemented as a C++ object model. It represents an HTML document as a tree-like structure of objects, where each object corresponds to a different part of the document, such as elements, attributes, and text nodes. Each element in the HTML document is represented as a node in the DOM tree, and these nodes can have child nodes representing nested elements.

For the <h1> tag, we get a node in the DOM like this (for illustrative purposes):
{
* H1 node,
* Div node
}

CSS also has its own DOM, amusingly enough. ๐Ÿ˜†

The render and layout engine then display what's in the DOM as an image in the browser. Voila! ๐Ÿฅณ We've successfully displayed the content we want (Hello World) in the browser to the user, achieving our first goal.

By the way, the <script> tag (which we use to link HTML & JS) in the HTML file will also be added as a node, and it will trigger the JavaScript Engine in the browser.

more reading
https://dev.to/joshcarvel/properly-understanding-the-dom-2cg0

In Part II:
We'll delve into how we allow users to interact with the content we display, using JavaScript. Since the DOM doesn't exist in JavaScript (it's a browser feature), there's an object in JavaScript that provides a link to the DOM. That object is called Document (it links to the DOM with a hidden property).

In Part III:
We'll discuss problems and their solutions. ๐Ÿค“

Btw if you are super beginner like you don't know javascript I wouldn't recommend it taking the course. First familiarise yourself with Javascript.

๐Ÿ’Œ This was from my discord

#codingresources

โญ๏ธ @shegocodes
๐Ÿ’Œ beacons.ai/shego.codes
โค3๐Ÿ‘1
Lil reflections for Saturday (DevFest) and Sunday

It was my first time attending DevFest. I actually enjoyed it, and I didnโ€™t feel socially burnt out at all.

I was in the hall where the speakers were screaming, and then they suddenly switched to games.

I had a lot of things to do, and surprisingly, I managed to finish 90% of them. Likeโ€ฆ who are we? girl scream ๐Ÿ˜

I had this genius idea that was actually technically dumb, and I was trying to make it make sense with ChatGPT, DeepSeek, Gemini, and Claude.

They all said SIKE ๐Ÿ˜Ž.

I was in Track 3 where Dagmwai was talking about โ€œthe plateauโ€ you experience with AI and I was literally going through it at that exact moment. ๐Ÿ™„

(And also for the ppl who attended different tracks, how was it? I really wanted to check them out)

And I wish it was just not working. It reached a point where ChatGPT was FULLY gaslighting me. Like, sir helloooooo??

Bro was like, โ€œI will explain whatโ€™s happening and NOT whatโ€™s supposed to happen.โ€

I KNOW whatโ€™s happening.
JUST MAKE WHATโ€™S SUPPOSED TO HAPPEN, HAPPEN.

I need to chill. Iโ€™m still agitated though. Like, everyone says ChatGPT builds based on how you talk to it, what have I done for it to start gaslighting me? This feels like a toxic relationship at this point.

ANYWAYS.

I ended the day with a dinner date with my besties. The food was so good, and alsoโ€ฆ THE TEA was hot โ˜•๏ธ๐Ÿ”ฅ

My Sunday was very chill. I already miss it ๐Ÿ’—๐Ÿ˜ญ


๐ŸŒ˜ Good night
โค7๐Ÿ‘3
Hello pretty people,

This is Part 2๏ธโƒฃ of UI Engineering.

Previously, we discussed displaying content to the user. Now, let's explore enabling user interaction with our content using JavaScript.

In JavaScript, there's a powerful built-in object called Document. This object allows us to** access** and manipulate the Document Object Model (DOM) of the browser using methods like querySelector and createElement. The DOM represents the structure of our HTML file within the browser.

You might wonder, "How does the document object link to the DOM?" Well, in JavaScript, every object has a hidden property called` **__proto__**`, which is used for prototype-based inheritance. Through this mechanism, the document object establishes a connection to the DOM.

This is our website.

app.html (image 1)

app.js (image3)

Our Website looks like the white image

(Continues below)

๐Ÿ’Œ This was from my discord

#codingresources

โญ๏ธ @shegocodes
๐Ÿ’Œ beacons.ai/shego.codes
โค5