Jr's ThoughtLab✨
my coding journey, which I have started very recently
Alright these are my progress so far on my coding journey I have said I started recently
Week 1–2:Basics of Web Design
I started these two weeks by revisiting how the internet works behind the scenes , things like servers, requests, responses, and how browsers interpret what we build. I didn’t spend too long on this part since I’ve already been exposed to it before, but refreshing the fundamentals helped me understand why certain web design decisions matter.
After that, I moved into learning HTML and plain CSS, and it’s been a great start to my journey, even though exams forced me to pause for a bit.
Here are the biggest lessons I’ve learned so far:
Building the basic layout of a webpage is underrated.
Most people jump straight into styling, but the real challenge is creating a clean, reusable, and flexible structure that won’t break later.
Elegant code requires planning.
Writing structure that can adapt to future changes taught me more than just applying CSS properties.
CSS inheritance isn’t magic.
Not every property from a parent automatically passes to the child. I only truly understood this through hands-on practice when I tried to build a dashboard but not from theory.
Projects are far beyond passive tutorials.
Actively solving problems helps me retain knowledge better than watching endless videos.
Tools matter.
Using VS Code extensions that track progress or block distractions has boosted my focus and productivity.
Overall, I’ve realized that real growth in coding comes from building, experimenting, breaking things, and reflecting not just consuming tutorials.
@JrThoughtLab
#progress_report
Week 1–2:Basics of Web Design
I started these two weeks by revisiting how the internet works behind the scenes , things like servers, requests, responses, and how browsers interpret what we build. I didn’t spend too long on this part since I’ve already been exposed to it before, but refreshing the fundamentals helped me understand why certain web design decisions matter.
After that, I moved into learning HTML and plain CSS, and it’s been a great start to my journey, even though exams forced me to pause for a bit.
Here are the biggest lessons I’ve learned so far:
Building the basic layout of a webpage is underrated.
Most people jump straight into styling, but the real challenge is creating a clean, reusable, and flexible structure that won’t break later.
Elegant code requires planning.
Writing structure that can adapt to future changes taught me more than just applying CSS properties.
CSS inheritance isn’t magic.
Not every property from a parent automatically passes to the child. I only truly understood this through hands-on practice when I tried to build a dashboard but not from theory.
Projects are far beyond passive tutorials.
Actively solving problems helps me retain knowledge better than watching endless videos.
Tools matter.
Using VS Code extensions that track progress or block distractions has boosted my focus and productivity.
Overall, I’ve realized that real growth in coding comes from building, experimenting, breaking things, and reflecting not just consuming tutorials.
@JrThoughtLab
#progress_report
🔥2
My Challenges ?
Like anyone new to the programming world, the first few days were rough.
I struggled with aligning divs, made lots of syntax mistakes, and kept forgetting semicolons in my CSS and HTML.
One thing that hit me hard was that CSS doesn’t show errors inside the IDE so debugging becomes a real puzzle. Sometimes one small missing property or typo would break the entire layout, and I had to hunt it down manually.
But doing this consistently every day has helped me improve a lot. What used to take me hours is now something I can fix in minutes. I’m still learning, but the progress is real.
@JrThoughtLab
#challenges #progress_report
Like anyone new to the programming world, the first few days were rough.
I struggled with aligning divs, made lots of syntax mistakes, and kept forgetting semicolons in my CSS and HTML.
One thing that hit me hard was that CSS doesn’t show errors inside the IDE so debugging becomes a real puzzle. Sometimes one small missing property or typo would break the entire layout, and I had to hunt it down manually.
But doing this consistently every day has helped me improve a lot. What used to take me hours is now something I can fix in minutes. I’m still learning, but the progress is real.
@JrThoughtLab
#challenges #progress_report
Websites & Tools that helped me understand much of what I have been doing lately
Here are the lifesavers that turned my confusion into "oh that makes sense! "moments
Here are the lifesavers that turned my confusion into "oh that makes sense! "moments
Jr's ThoughtLab✨
Websites & Tools that helped me understand much of what I have been doing lately Here are the lifesavers that turned my confusion into "oh that makes sense! "moments
FlexboxFroggy.com
The site where I learned flexbox by helping frogs find their lilypads.
Honestly, 10/10 better than any lecture I’ve ever had.
The site where I learned flexbox by helping frogs find their lilypads.
Honestly, 10/10 better than any lecture I’ve ever had.
CSSGridGarden.com
A game that teaches grid by watering vegetables.
If only real farming was this satisfying.
A game that teaches grid by watering vegetables.
If only real farming was this satisfying.
fonts.google.com/icons
Specially while doing with dashboards for adding clean, modern icons to my pages.
Makes every project instantly look more professional.
Specially while doing with dashboards for adding clean, modern icons to my pages.
Makes every project instantly look more professional.
specificity.keegan.st
The calculator that saved me from
“What now? Why isnt the CSS working !” rage.
It visually shows which selector wins the fight.
The calculator that saved me from
“What now? Why isnt the CSS working !” rage.
It visually shows which selector wins the fight.
And finally this one
Excalidraw.com
My sketchbook before the chaos begins.
I use it to design dashboards, layouts, and any idea that needs to look "organized" before I turn it into code and make it slightly less organized.
Basically, it’s where my UI dreams go before CSS humbles them.
Excalidraw.com
My sketchbook before the chaos begins.
I use it to design dashboards, layouts, and any idea that needs to look "organized" before I turn it into code and make it slightly less organized.
Basically, it’s where my UI dreams go before CSS humbles them.
❤3
I was challenging myself to build dashboards without using any framework. Just plain concepts of CSS.
Afterwards, I to start frameworks like Bootstrap and Tailwind
Afterwards, I to start frameworks like Bootstrap and Tailwind
❤2
Jr's ThoughtLab✨
Buckle up, cause shit is about to get serious Imma spam ya'll
Just to keep my promises ):
Rookie stuff
Rookie stuff
❤1
It’s important to realize,
Mutations for a perfect design may not arise because they are simply too rare. The African rhinoceros, with its two tandemly placed horns, may be better adapted at defending itself and sparring with its brethren than is the Indian rhino, graced with but a single horn (actually, these are not true horns, but compacted hairs).
But a mutation producing two horns may simply not have arisen among Indian rhinos. Still, one horn is better than no horns. The Indian rhino is better off than its hornless ancestor, but accidents of genetic history may have led to a less than perfect “design.” And, of course, every instance of a plant or animal that is parasitized or diseased represents a failure to adapt.
Likewise for all cases of extinction, which represent well over 99 percent of species that ever lived. (This, by the way, poses an enormous problem for theories of intelligent design (ID). It doesn’t seem so intelligent to design millions of species that are destined to go extinct, and then replace them with other, similar species, most of which will also vanish. ID supporters have never addressed this difficulty.)
Credit : Why Evolution Is True by Jerry A Coyne
@JrThoughtLab
though, that there’s aNatural selection is not a master engineer, but a tinkerer. It doesn’t produce the absolute perfection achievable by a designer starting from scratch, but merely the best it can do with what it has to work with.
real difference in what
you’d expect to see if organisms were consciously designed rather than if
they evolved by natural selection.
Mutations for a perfect design may not arise because they are simply too rare. The African rhinoceros, with its two tandemly placed horns, may be better adapted at defending itself and sparring with its brethren than is the Indian rhino, graced with but a single horn (actually, these are not true horns, but compacted hairs).
But a mutation producing two horns may simply not have arisen among Indian rhinos. Still, one horn is better than no horns. The Indian rhino is better off than its hornless ancestor, but accidents of genetic history may have led to a less than perfect “design.” And, of course, every instance of a plant or animal that is parasitized or diseased represents a failure to adapt.
Likewise for all cases of extinction, which represent well over 99 percent of species that ever lived. (This, by the way, poses an enormous problem for theories of intelligent design (ID). It doesn’t seem so intelligent to design millions of species that are destined to go extinct, and then replace them with other, similar species, most of which will also vanish. ID supporters have never addressed this difficulty.)
Credit : Why Evolution Is True by Jerry A Coyne
@JrThoughtLab
I recently stumbled upon an interesting behavior while working with arrays and loops.
The task was simple: iterate through an array, remove any integers below zero, and make a new array containing only positive numbers.
I wrote a function like this:
@JrThoughtLab
The task was simple: iterate through an array, remove any integers below zero, and make a new array containing only positive numbers.
I wrote a function like this:
Javanoscript
function countPositive(arr){
for(let i = 0; i < arr.length; i++){
if(arr[i] < 0){
arr.splice(i, 1);
}
}
return arr;
}
@JrThoughtLab
🥰1
But I stumbled on this question what if we interchange the negative numbers and put them together ,consecutively .
The algorithm failed . Here is the funny part when two or more negatives appear together in a row the iterator skips over one of them and splice removes an element and shifts all remaining elements to the left causing the loop to skip the next element when it executes increment which could also be a negative .
The solution is counterintuitive but simple , just using the loops backwards instead of increment if we use decrement this works perfectly fine
The key takewways as I understand from this error is one testing in different scenarios with trick inputs before calling it done will help , second sometimes reversing the loop is easier than using a complicated logic .
@JrThoughtLab
The algorithm failed . Here is the funny part when two or more negatives appear together in a row the iterator skips over one of them and splice removes an element and shifts all remaining elements to the left causing the loop to skip the next element when it executes increment which could also be a negative .
The solution is counterintuitive but simple , just using the loops backwards instead of increment if we use decrement this works perfectly fine
function countPositive(arr){
for(let i = arr.length - 1; i >= 0; i--){
if(arr[i] < 0){
arr.splice(i, 1);
}
}
return arr;
}
The key takewways as I understand from this error is one testing in different scenarios with trick inputs before calling it done will help , second sometimes reversing the loop is easier than using a complicated logic .
@JrThoughtLab
🔥2
“The best people possess a feeling for beauty, the courage to take risks, the discipline to tell the truth, the capacity for sacrifice. Ironically, their virtues make them vulnerable; they are often wounded, sometimes destroyed.”
— Ernest Hemingway
— Ernest Hemingway
Aaron Paul’s performance in Felina honestly doesn’t get the credit it deserves. In just a few moments, you can feel everything Jesse is carrying years of anger, fear, regret, and deep humiliation. No dramatic speeches. No over-the-top acting. Just a broken man finally facing it all.
That look on his face? It says more than a thousand words.
@JrThoughtLab
That look on his face? It says more than a thousand words.
@JrThoughtLab