CSS if() Function: Simplifying Conditional Logic

100 Days of Learning Challenge – Day 24 / 100 Today, I focused on JavaScript string methods and practiced how to manipulate and transform text efficiently. ------------------------------- Topics covered: 1. String methods trim() 2. Strings are immutable in JavaScript 3. toUpperCase() and toLowerCase() 4. Methods with arguments (indexOf) 5. Method chaining 6. slice() 7. replace() and repeat() 8. Practice questions ----------------------------------------------- String methods are small tools, but mastering them makes real-world tasks like validation, formatting, and data cleaning much easier. #100DaysOfLearning #JavaScript #WebDevelopment #Programming #Frontend #CodingPractice #DailyLearning

I built a web browser (kind of) from scratch. And yes, it runs on Python. We stare at web browsers all day, but rarely stop to think about the sheer engineering magic happening behind that URL bar. How does a string of HTML turn into pixels? How does display: flex actually know where to put things? I decided to stop wondering and start building. I’ve been deep in the trenches building a custom browser engine from the ground up in Python. No Chromium wrapper. No WebKit. Just raw code handling everything from the network layer to the final pixel paint. But here’s the twist: It doesn’t use JavaScript. I wanted to explore a "what if" scenario: What if Python was the first-class language of the web? In this prototype, instead of  <script> , you write  <script type="text/python"> You manipulate the DOM, handle click events, and animate styles, all using native Python code running directly in the browser. Some of the engineering wins: ✅ Custom Layout Engine: I had to write my own Flexbox and Grid implementation. (Respect to browser engineers, like always for me math is hard). ✅ Time Travel Debugging: Since the engine tracks every state change, I built a slider that lets you "rewind" your user session to see exactly how the UI looked seconds ago. ✅ Hot Reload: Because waiting for refreshes is not cool (sometimes it is). It’s not going to replace Chrome tomorrow. It’s strictly a research prototype. But seeing my own engine parse HTML and execute Python to render a live, interactive page? That’s a feeling hard to beat. It reminded me why I love engineering in the first place, taking the "magic" apart until it’s just logic. Repo: https://lnkd.in/gXzBgcNn #Python #SoftwareEngineering #WebDevelopment #BrowserEngine #OpenSource #Coding

Day-75 📘 Python Full Stack Journey – JavaScript String Methods Today I continued learning JavaScript and focused on one of the most commonly used areas — String methods. These methods are extremely useful for text processing, validation, and UI logic. ✍️💻 🎯 What I learned today: 🔹 length — to find the length of a string 🔹 replace() and replaceAll() — to modify text content 🔹 split() — to break strings into arrays 🔹 indexOf() — to find the position of a substring 🔹 slice() — to extract parts of a string 🔹 trim() — to remove extra spaces 🔹 startsWith() and endsWith() — to check string boundaries 🔹 toUpperCase() and toLowerCase() — to change letter cases 🔹 includes() — to check if a substring exists 🔹 search() — to search using patterns Practicing these methods helped me understand how JavaScript handles text and how powerful string manipulation can be in real-world applications like form validation and data handling. Excited to keep learning and building dynamic web features! 🚀 #JavaScript #PythonFullStack #WebDevelopment #Frontend #CodingJourney #LearningToCode #Upskilling #TechSkills #ContinuousLearning

New to JavaScript? Discover the power of the Math object with simple, hands-on examples. Learn how to round numbers, pick random values, and more—click to start coding!

I'm building a small project called codeCompare. The goal is simple: compare a language I already know (JavaScript) with languages I want to learn (Python, PHP, C#). Instead of learning in isolation, I want to see: - how syntax differs - what equivalent methods/functions look like - how patterns translate across languages The basic comparison page is done - you can choose your primary language and see side-by-side syntax differences. Next step: dynamically switching <pre> code examples so data types and patterns update in real time. If anyone's learning a second language and wants to follow along, here's the repo: https://lnkd.in/ey4Wp7qX #BuildInPublic #JavaScript #SoftwareDevelopment #LearningInPublic

Turning concepts into working code is the best way to learn. So I built a frontend web application using HTML, CSS, and JavaScript, along with a dummy Python backend server to simulate real backend behavior. What I learned from this project: - DOM manipulation and event handling - Structuring frontend code - How frontend communicates with backend - Handling basic requests using Python This project helped me understand how individual technologies come together to form a complete web application. I’m planning to extend this further using real APIs and databases. I’d really appreciate feedback and suggestions from the community. Tech Stack: HTML | CSS | JavaScript | Python #WebDevelopment #FrontendDeveloper #JavaScriptProjects #PythonLearning #BTechStudent #LearningByBuilding

Let’s know the core difference between JavaScript (JS) and Python! JavaScript (JS) Mainly used for web development (client-side and server-side) Runs directly in the browser Supports asynchronous programming Dynamic typing, event-driven al for interactive websites and web apps Python Known for its simplicity and readability Widely used in data science, AI, and automation Works on the server-side Synchronous programming, interpreted language Ideal for scientific computing, machine learning, and back-end development So, which one should you choose? JavaScript is your go-to for web development! Python shines in data-driven fields like AI and machine learning! #JavaScript #Python #Coding codingProgramming dataScience softwareDevelopment webdevelopment daily_info #codingProgramming #dataScience #softwareDevelopment #webdevelopment February 7, 2026

Let’s know the core difference between JavaScript (JS) and Python! JavaScript (JS) Mainly used for web development (client-side and server-side) Runs directly in the browser Supports asynchronous programming Dynamic typing, event-driven Ideal for interactive websites and web apps Python Known for its simplicity and readability Widely used in data science, AI, and automation Works on the server-side Synchronous programming, interpreted language Ideal for scientific computing, machine learning, and back-end development So, which one should you choose? JavaScript is your go-to for web development! Python shines in data-driven fields like AI and machine learning! #JavaScript #Python #Coding codingProgramming dataScience softwareDevelopment webdevelopment daily_info #codingProgramming #dataScience #softwareDevelopment #webdevelopment February 7, 2026

Day-80 📘 Python Full Stack Journey – JavaScript Logic & Conditions Today I focused on decision-making and logic in JavaScript — essential concepts for building interactive and dynamic applications. 🎯 What I learned today: 🔍 Comparison Operators ==, === !=, !== >, <, >=, <= Understanding the difference between loose and strict comparison was especially important. 🔗 Logical Operators && (AND) || (OR) ! (NOT) Used for combining and controlling conditions. ❓ Conditional (Ternary) Operator A concise way to write simple if-else conditions. 🧭 Conditional Statements Making decisions in code using if, else if, and else. 🧑💻 User Interaction prompt() — taking input from the user alert() — displaying messages to the user These concepts showed me how JavaScript brings logic and interactivity together on the web. Excited to keep building smarter, user-driven applications! 🚀 #JavaScript #PythonFullStack #WebDevelopment #Frontend #CodingJourney #LearningToCode #Upskilling #TechSkills #ContinuousLearning

JavaScript Destructuring: The Art of Unpacking Smarter!  "Destructuring is a powerful JavaScript expression that lets you extract data from arrays or objects and assign them to distinct variables in a single, clean line". 1. Array Destructuring:Instead of accessing indices one by one, we "unpack" the entire array at once. const programmingLangs = ["C programming", "C++", "Java", "Python", "Js", "R"]; This is old method const a = programmingLangs[0]; const b = programmingLangs[1]; This is modern method const [first, second, third, ...others] = programmingLangs; console.log(first); console.log(second); console.log(others); 2. Object destructuring: const student={name: "vaseem", marks: 33, division:"3rd"}; const {name, marks}=student; console.log(name, marks); #JavaScript #WebDevelopment #CodingTips #ES6 #CleanCode #Programming #ReactJS