Nishan Sameera’s Post

🚫 The Error That Every Frontend Developer Meets Once I was just running a local HTML file when Chrome threw this at me: ERROR X __ Access to script at 'file:///C:/...' from origin 'null' has been blocked by CORS policy:Cross origin requests are only supported for protocol schemes:chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app. At first, it looked confusing — why would Chrome block my own files? 🤔 The answer: CORS (Cross-Origin Resource Sharing). When you open an HTML file directly using file://, every local file is treated as a different "origin," and browsers block such access for security reasons. The easiest and most elegant fix? Run your own local web server with one simple Python command: Bash python -m http.server 8000 Here's what happens step by step 👇 1️⃣ python → runs your Python interpreter 2️⃣ -m → tells it to use a built-in module 3️⃣ http.server → launches a mini web server right in your current folder 4️⃣ 8000 → the port number you'll open in your browser Then just visit 👉 http://localhost:8000 ✅ No more CORS errors ✅ Your HTML, CSS, and JS load like they would on a real site ✅ It works instantly — no installs, no config Sometimes, the simplest command hides the most powerful solution. ⚡ #AI #LearningByDoing #HPC #Automation #Knowledge #Innovation #Motivation

✅ Day 60 - Advanced Flask: Making POST Requests with HTML Forms Today, I explored one of the most essential concepts in web development — handling POST requests in Flask! From creating HTML forms to processing user input securely, this lesson tied together frontend interaction and backend logic perfectly. Here’s what I learned: ✍️ How to create and structure HTML forms 🔁 Handling POST and GET requests in Flask 📨 Using smtplib to send real emails via a contact form 🧠 Understanding how user input flows from browser → server → response Building a functional contact form and connecting it with email sending logic really helped me see how real-world websites handle user communication. #100DaysOfCode #Flask #WebDevelopment #Python #LearningJourney

Mozilla released an interesting preview of a Graphing algorithm they wrote for displaying generated code blocks from their JIT compiler for #JavaScript https://lnkd.in/dXjiW-jv

Primitive vs Non-Primitive Data Type in JavaScript I remember when I was learning Javascript, I often got confused between primitive and non-primitive (or reference) types. But as soon as I could visualize how it works in memory — everything fell into place! 💡 Here’s the key idea 👇 🧱 Primitive (as in string, number, boolean, null, undefined, symbol etc) → store plain values into the memory (stack). 🧩 Non-Primitive types (object, array, function) → store addresses (references) to values in memory (heap). So when we copy a primitive value, it becomes a new one. Non-primitive types are different: when we copy them, the two variables still point to the same object! 😯 So knowing this small detail really HELPS a LOT in debugging and Understanding JavaScript behavior better. 💬 Have you ever been surprised by how objects or arrays behave in JS? #JavaScript #WebDevelopment #CodingJourney #FrontendDevelopment #LearnToCode #Programming #DeveloperCommunity #CodingBasics

𝗗𝗮𝘆 𝟮𝟲: The Adventure Begins — Introduction to JavaScript! 🌟💻 The moment we’ve been waiting for has arrived! Day 26 of the AI Powered Cohort marked the official start of our JavaScript module. Today was all about getting a solid introduction and overview of this fundamental programming language: 𝗪𝗵𝗮𝘁 𝗶𝘀 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁? We learned that it's a high-level, interpreted scripting language primarily used to create interactive and dynamic content on websites. It’s the "behavior" layer of the web! 𝗖𝗼𝗿𝗲 𝗙𝘂𝗻𝗱𝗮𝗺𝗲𝗻𝘁𝗮𝗹𝘀: We started with the absolute basics, covering how to execute simple JS code in the browser console and understanding the role of the JS engine. 𝗕𝗮𝘀𝗶𝗰 𝗦𝘆𝗻𝘁𝗮𝘅 𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄: Got a quick look at variables, data types, and simple operations—the building blocks of any JS program. The transition from the declarative languages (HTML/CSS) to a procedural language like JavaScript is challenging but thrilling. This foundational session was crucial for setting the right perspective for the complex topics ahead. Excited for the practical coding to come! #Day26 #CodingJourney #AIpoweredCohort #JavaScriptIntroduction #ProgrammingBasics #WebDevelopment #Frontend #SheryiansCodingSchool #TechEducation

Typing Speed Test Web UI I recently developed a simple Typing Speed Test UI using Python (Flask), HTML, CSS, and JavaScript. The app allows users to test their typing speed and accuracy in real time. It measures Words Per Minute (WPM) and accuracy percentage, providing an interactive and engaging way to improve typing skills. This project helped me strengthen my frontend-backend integration skills and understand real-time user input handling in web applications. 💻 Tech Stack: Python (Flask) | HTML | CSS | JavaScript Git: https://lnkd.in/eUrFNAaJ #github #python #javascript

🫢 Ever wondered what happens behind the scenes when you reassign a value in JavaScript? 🤔 👉 When you update a primitive data type (like string, number, boolean, undefined, null, symbol, or bigint), you’re not actually changing the existing value. 👉 Instead, JavaScript silently creates a new value in memory and points your variable to it. 🎯 👉 It’s like getting a brand-new notebook instead of erasing the old one — the old still exists, but you’ve just started fresh. 📒 ✨ So, while it looks like you’re modifying the value, you’re actually reassigning a new memory reference every time. 🌠 As they say, “Appearances can be deceiving.” 😉 The value seems to change, but deep down, it never truly does! 💡 In short: We often know that strings are immutable, but here’s the twist — all primitive data types are immutable in JavaScript! 🔥 💬 Idiom: “Appearances can be deceiving.” — Things may not be as they seem; something that looks one way on the surface may actually be very different underneath. #JavaScript #CodingTips #Programming #TechInsights #LearnToCode #DeveloperLife #FrontendDevelopment #CodeWisdom #ProfessionalLearning #CareerGrowth #JS #WebDevelopment

💼 Day 4 – Loops, Aggregates, Forms & Models Today’s focus was on strengthening both backend and frontend foundations while improving database operations and interactivity. 🔹 Python: Explored different types of loops — for and while — to iterate over sequences and repeat actions efficiently. Practiced practical examples like summing numbers and printing patterns. 🔹 SQL: Learned how to use aggregate functions such as COUNT(), SUM(), AVG(), MIN(), and MAX() to analyze data quickly and extract valuable insights from tables. 🔹 React JS: Built and practiced form handling using controlled components. Captured user input dynamically using the useState hook — a key concept for interactive web applications. 🔹 Django: Created and connected models to the database, and successfully registered them in the admin panel. Understood how ORM (Object Relational Mapping) makes it easier to manage and interact with data without writing raw SQL queries. Each topic brought a new level of understanding in connecting logic, data, and user interaction together — a true full-stack experience 💻✨ #Python #SQL #ReactJS #Django #FullStackDeveloper #CodingJourney #Day4 #LearningByDoing

💭 Is HTML Really a Programming Language? A friend told me he’s learning programming. They started with JavaScript, now they’re on HTML, and soon, CSS. I paused and thought: Wait… HTML? A programming language? 🤔 Personally, I don’t think so. HTML (HyperText Markup Language) simply defines the structure of a webpage — headings, paragraphs, images, links, all wrapped in tags. It tells the browser what to show, not how to think. A true programming language, in my view, should have: Data types (strings, numbers, booleans) Data structures (arrays, objects, etc.) Logic — loops, conditions, functions, classes HTML doesn’t do any of that. It’s powerful, yes, but it’s markup, not logic. Funny enough, when I looked it up later, opinions were split — some say it is, others say it’s not. What do you think? 👉 Is HTML a programming language or just the backbone of the web? #WebDevelopment #Programming #HTML #Coding #JavaScript #TechDiscussion