Structural Engineer Acquires JavaScript Fundamentals

𝗔 𝗦𝘁𝗿𝘂𝗰𝘁𝘂𝗿𝗮𝗹 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿 𝗮𝗰𝗾𝘂𝗶𝗿𝗶𝗻𝗴 𝗪𝗲𝗯 𝗗𝗲𝘃 𝗦𝗸𝗶𝗹𝗹𝘀. 𝗖𝗵𝗮𝗹𝗹𝗲𝗻𝗴𝗲 𝗗𝗮𝘆 𝟴/𝟵 ✅ - 𝗙𝘂𝗹𝗹 𝗦𝗶𝘁𝗲 𝗕𝘂𝗶𝗹𝗱 🟢 Python → 🟢 HTML & CSS → 🟢 Web page Deployment/PHP → 🔘 JavaScript → 🔘 React → 🔘 React Flow → 🔘 Fast API Today was a full website build — all from scratch using HTML, CSS, and a bit of JavaScript. It's fun knowing the building blocks of the web. Yes, AI can do all of this in a glimpse, but understanding what's actually happening underneath means you can direct it, fix it, and build on top of it properly. Tomorrow is the final day of the HTML & CSS course — then on to the most important part: JavaScript. #WebDevelopment #CSS #HTML #JavaScript #Python #FullStack #StructuralEngineering #BridgeEngineering #DigitalEngineering #Upskilling #ResponsiveDesign

How language work on website? Websites use different languages for different tasks: HTML → creates structure CSS → adds design JavaScript → adds functionality Backend (like Python) → handles data Together, they make a website work and look interactive.

𝗔 𝗦𝘁𝗿𝘂𝗰𝘁𝘂𝗿𝗮𝗹 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿 𝗮𝗰𝗾𝘂𝗶𝗿𝗶𝗻𝗴 𝗪𝗲𝗯 𝗗𝗲𝘃 𝗦𝗸𝗶𝗹𝗹𝘀 — Day 10/100 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗗𝗮𝘆 𝟭/25 ✅ 🟢 Python → 🟢 HTML & CSS → 🟢 JavaScript → 🔘 React → 🔘 ReactFlow → 🔘 FastAPI ――――――――――――――――――――――――――――――― JavaScript runs natively in the browser — it's what makes what we see in web app come alive. Colour changes, click effects, hover animations, all JS. Initially planned 4 days for Fundamentals 1 tutorials. But the language feels so close to Python that I sat straight through the full 4.5 hr session in one go. The overwhelm of web development eases off once you realise the logic is already familiar. Fundamentals 2 is up next — another 4.5 hours. Hoping to cruise through at the same pace. #WebDevelopment #JavaScript #Python #FullStack #StructuralEngineering #BridgeEngineering #DigitalEngineering #Upskilling

🚀 Starting my journey in web development! I’m happy to share my first project — a Flask CRUD Web Application 💻 🔹 Built using: Flask, MySQL, HTML, CSS 🔹 Features: Create, Read, Update, Delete operations 🔹 Deployed using Render 🔹 Source code available on GitHub 🌐 Live Demo: https://lnkd.in/gXdhjUYY 💻 GitHub Repo: https://lnkd.in/gRbe_2YB This is just the beginning — looking forward to building more advanced and impactful projects ahead! #Flask #Python #WebDevelopment #BeginnerProject #svhec Dr. Muralisankar Kumaresan Guide KABILESH RAMAR

Excited to share a web based project — PocketLab 🧪 A Django-based web application designed to help users log, manage, and review scientific experiments efficiently. Key Features: • Full CRUD functionality • Responsive modern UI • Experiment detail tracking • Form validation and progress indicators • Clean and organized dashboard layout Built With: Python | Django | HTML | CSS | JavaScript This project helped me strengthen my understanding of Django CRUD operations, template inheritance, static files management, and frontend UI design. #Django #Python #WebDevelopment #SoftwareDevelopment #PortfolioProject #FullStackDevelopment #Programming

Every great web application starts simple and evolves step by step: HTML builds the foundation 🧱 CSS adds design and experience 🎨 JavaScript brings it to life ⚡ Node.js powers the backend 🔧 MongoDB stores the data 🗄️ Python unlocks advanced capabilities 🤖 It’s not just about learning tools—it’s about understanding how they connect to create something powerful. Keep building. Keep improving. The journey never stops. 💻✨ #WebDevelopment #FullStack #CodingJourney #Developers #TechGrowth

To understand the depth of Rust, you must look at how it manages memory at the hardware level. In JavaScript, every object is a heavy structure stored in the heap memory, requiring a Garbage Collector to constantly scan and clean it up. Rust replaces this with a much faster system that separates data from behavior. You define your data using an Enum, which is stored directly on the stack for instant access. You then use an impl block to define the logic separately. This means the computer only loads the instructions when they are specifically called, rather than carrying a bulky object around in the RAM at all times. When you write an implementation for fmt::Display, you are fulfilling a Trait. In systems programming, a Trait is a strict professional contract. The Display trait is a set of rules from the standard library that tells the compiler exactly how your data should be translated into text. Because this is a Compile Time guarantee, the Rust compiler checks every detail before the program even runs. If your function does not match the required signature perfectly, the code will not compile. This eliminates the common runtime errors and crashes found in higher level languages like JavaScript. The power of this system lies in the function arguments &self and &mut f. These are not just variables they are instructions for the Borrow Checker, which is the heart of Rust safety. The &self parameter is an Immutable Borrow, meaning you are looking at the data exactly where it lives in memory without making a copy. The f parameter is the Formatter, a specialized tool that streams text to the output. By using &mut, you are taking a Mutable Borrow, which gives you exclusive temporary permission to change the formatter. Rust laws forbid any other part of the program from touching that formatter while you are writing to it, which prevents memory corruption and data races. Finally, the function returns a fmt::Result. While JavaScript might allow a print command to fail silently, Rust requires a status report for every low level action. The Formatter does not build a giant string in the heap; instead, it performs String Streaming, pushing characters one by one to the destination. This is incredibly efficient because it uses almost zero extra RAM regardless of how large the message is. By returning a Result, the program knows immediately if the hardware successfully processed the output. This combination of zero cost abstractions and total memory control is why Rust can perform at the speed of C while remaining completely safe.

Today, I learned something interesting about numbers in JavaScript. For example: 0.1 + 0.2 = 0.30000000000000004  But 1.1 plus 1.2 equals 2.3 In simple terms: JavaScript doesn't store numbers in decimal form; it stores them in binary (0s and 1s). Binary can't store some decimal numbers exactly, like 0.1 and 0.2. This means that a very small error is added when you do math. That's why you might see results like 0.30000000000000004. Temporary Fixes : Use Math.round : Math.round((0.1 + 0.2) * 100) / 100  Use toFixed:  (0.1 + 0.2).toFixed(2)  Use Math.floor or Math.ceil: Math.floor((0.1 + 0.2) * 100) / 100  //when rounding off lower value Math.ceil((0.1 + 0.2) * 100) / 100 //when rounding off to upper value This is not a bug in JavaScript. It happens because of how most programming languages store floating-point numbers. #JavaScript #Coding #WebDevelopment #Programming #100DaysOfCode

🐍 Front-end Web Development Tutorials — In this section, you will learn how to make Python Web applications more user friendly by leveraging the power of both the Front-end and Back-end. #python https://lnkd.in/gfunftH

#Why Learn HTML & CSS with Text when you can Learn with Visuals?  Understanding concepts like the CSS Box Model, Flexbox, and Grid shouldn't be a struggle of trial and error. At HashWebix, we believe that Deep Explanations deserve Premium Visuals. Check out our breakdown of the CSS Box Model in the graphic above. We don't just tell you that Padding is different from Margin—we show you exactly where each property lives and how it affects the layout. ✅ Visual Diagrams for complex concepts. ✅ Interactive Code Previews. ✅ Beginner to Advanced Path (Specificity, Flexbox, BEM, and more). Whether you’re just starting or you’re a pro looking to double-check specificity rules, HashWebix makes it crystal clear. Don't just write code. Visualize its impact. 💻🚀 🔗 Start Visual Learning here: https://lnkd.in/gJ4n2mjT #HTML #CSS #FrontendDevelopment #WebDesign #UIUX #CodingBootcamp #InterviewPrep #HashWebix #VisualLearning #LearnToCode #DesignToCode