"Learning JavaScript with Frontlines EduTech: Functions, Hoisting, and More"

Web Development with Vibe Coding: Day 19 – Daily Web Development Learning With Frontlines EduTech (FLM) || AI Powered Web Development Course ⚡ Today’s Focus: JavaScript Day 1 – Introduction & Basics! Stepping into the world of JavaScript, the language that powers interactivity and logic on the web! 💻✨ After learning HTML and CSS for structure and style, now it’s time to add functionality and dynamic behavior to web pages. 💡 Key Learnings: 🔹 What is JavaScript – adds interactivity and logic to webpages. 🔹 JavaScript = Frontend (React/Angular) + Backend (Node/Express). 🔹 ES5 vs ES6 → ECMA Script versions that define JS standards. 🔹 Ways to include JS in HTML using <script src="script.js"></script>. 🔹 Used console methods – log(), warn(), error() for debugging. 🔹 Declared & initialized variables dynamically using var. 🔹 Practiced basic arithmetic operations (+, -, *, /, %) in JS. 🔹 Understood why JS is loaded after HTML and CSS for better performance. Feeling excited to start writing logic that brings web pages to life! 🚀 #JavaScript #WebDevelopment #FrontlinesEduTech #FrontlinesMedia #FLM #VibeCoding #LearningJourney #Upskilling #FrontendDevelopment #AIinEducation #CodingJourney #JSBasics

Web Development with Vibe Coding: Day 21 – Daily Web Development Learning with Frontlines EduTech (FLM) || AI Powered Web Development Course ⚡ Today’s Focus: JavaScript Day 3 – Node.js & Core JavaScript Concepts! Today, I explored how JavaScript works both inside and outside the browser and learned the fundamental building blocks that make JS such a powerful and flexible language. 💻✨ 💡 Key Learnings: 🔹 Node.js: • JavaScript runtime built on Chrome’s V8 engine — runs JS outside the browser. • Created by Ryan Dahl to enable backend and full-stack development. • Practiced running .js files directly in the terminal using node script.js. 🔹 Data Types: • Primitive: Number, BigInt, String, Boolean, Null, Undefined, Symbol • Reference: Object, Array, Function 🔹 Operators: • Logical → &&, ||, ! • Comparison → <, >, <=, >=, ==, !=, === → == checks only values, === checks both value & type. 🔹 Objects & Arrays: • Created and accessed key-value pairs in objects. • Stored multiple values in arrays and accessed via indexes. 🔹 Type Conversion: • Used Number(), String(), and Boolean() for type casting. • Understood how prompt input always returns a string by default. Learning how Node.js works behind the scenes gave me a clear picture of how JavaScript powers both frontend and backend development. 🚀 #JavaScript #NodeJS #WebDevelopment #FrontlinesEduTech #FrontlinesMedia #FLM #VibeCoding #LearningJourney #Upskilling #FrontendDevelopment #AIPoweredLearning #CodingJourney #ES6 #WebDev

Web Development with Vibe Coding: 💥Daily Web Development Learning With @frontlinesedutech || AI Powered Web Development Course 💻 My Daily Learning Journey — JavaScript Basics Today, I learned the core concepts of JavaScript (JS) — the language that makes websites interactive! 🌐 🟢 What I explored: ✨ What is JavaScript? — A scripting language that adds behavior and interactivity to web pages. 🔗 src Attribute — Used in the <script> tag to connect an external JS file. 🖥️ Console — Helpful for debugging and testing:  👉 console.log() – displays messages  👉 console.error() – shows errors  👉 console.warn() – gives warnings  👉 alert() – displays pop-up messages to the user 📦 Variables — Used to store data using var, let, or const. ➕ Operators — Used for mathematical and logical operations like +, -, *, /, etc. Each of these steps helps me understand how logic comes alive in the browser. Excited to continue this journey! 🚀 #flm #frontlinesmedia #frontlinesedutech #WebDevelopment Frontlines EduTech (FLM) , Krishna Mantravadi , Srujana Vattamwar

Web Development with Vibe Coding: Day 22 – Daily Web Development Learning with Frontlines EduTech (FLM) || AI Powered Web Development Course ⚡ Today’s Focus: JavaScript Day 4–6 – Conditional Statements, Arrays & Loops! In the last few sessions, I explored some of the most important concepts that build the foundation of logic in JavaScript — from decision making to working with data collections and loops. 💻✨ 💡 Key Learnings: 🔹 Conditional Statements (if / else): • Used to make decisions in code based on true or false conditions. • Practiced comparing numbers, strings, checking variable types, and array length. 🔹 Arrays: • Learned how to store, update, and access multiple values easily. • Used methods like push(), pop(), concat(), and includes(). • Understood the difference between soft copy (same reference) and hard copy (spread operator ...). • Explored how arrays can hold heterogeneous data types. 🔹 Loops: • Explored different types — while, do...while, and for. • Understood their three core parts — initialization, condition, increment/decrement. • Practiced programs like summing numbers and doubling array elements. • Used break to exit loops when a condition is met. Every concept adds more power to problem-solving — and I’m loving how logic, repetition, and structure all come together through code! 🚀 #JavaScript #WebDevelopment #FrontlinesEduTech #FrontlinesMedia #FLM #VibeCoding #LearningJourney #Upskilling #FrontendDevelopment #AIPoweredLearning #CodingJourney #Arrays #Loops #ConditionalStatements

Web Development with Vibe Coding: Day 23 – Daily Web Development Learning with Frontlines EduTech (FLM) || AI Powered Web Development Course ⚡ Today’s Focus: JavaScript Day 7 – Loops & Functions! In today’s session, I explored how to make code more efficient and reusable using loops and functions — two of the most powerful concepts in programming. 💻✨ 💡 Key Learnings: 🔹 Loops: • Used different looping techniques – for, forEach, for...of, and for...in. • Learned when to use each loop based on the scenario. • Practiced using break and continue to control flow. • Used for...of for cleaner iteration and for...in to loop through object keys. • Applied template literals (backticks) for neat console outputs. 🔹 Functions: • Wrote simple and parameterized functions to perform specific tasks. • Practiced returning values using return statements. • Understood how functions make code reusable, structured, and modular. This class helped me understand how logic, repetition, and reusability combine to make real programs efficient. Each day, JavaScript feels more logical and exciting! 🚀 #JavaScript #WebDevelopment #FrontlinesEduTech #FrontlinesMedia #FLM #VibeCoding #LearningJourney #Upskilling #FrontendDevelopment #AIPoweredLearning #CodingJourney #JSFunctions #Loops #ProgrammingBasics

Web Development with Vibe Coding: ✨ Daily Web Development Learning With Frontlines EduTech (FLM) || AI Powered Web Development Course ⭐ 1. Higher-Order Function (HOF) ➡️A function that takes another function as an argument or returns a function. Helps in writing reusable and cleaner code. ⭐ 2. Callback Function ➡️A function passed as an argument to another function. Used commonly in asynchronous operations. ⭐ 3. Pure Function ➡️A function that: ✔️ Has no side effects ✔️ Returns the same output for the same input ⭐ 4. Impure Function ➡️A function that: ❌ Has side effects ❌ Returns different outputs for the same input Example: modifying a global variable. ⭐ 5. Global Scope ➡️Variables declared outside any function. Accessible from anywhere in the program. ⭐ 6. Local Scope ➡️Variables declared inside a function/block. Not accessible from outside that function. ⭐ 7. First-Class Function ➡️In JavaScript, functions are treated like values: ✔️ Stored in variables ✔️ Passed as arguments ✔️ Returned from functions ⭐ 8. map() ➡️Creates a new array by transforming each element of an existing array. ⭐ 9. forEach() ➡️Executes a function once for every element of an array. Does not return a new array. ⭐ 10. Closures ➡️A function that remembers its outer scope even after that scope has returned. Useful for data privacy and function factories. #flm #frontlinesedutech #frontlinesmedia #WebDevelopmemt Krishna Mantravadi Srujana Vattamwar

🌐 Web Development with Vibe Coding Day 27 – Daily Web Development Learning with @frontlinesedutech AI Powered Web Development Course Welcome to my learning journey of Web Development with the Vibe Coding course at the FLM platform, guided by our mentor Srujana Mam. --- 🧠 Today’s Topic – While Loop in JavaScript In today’s class, we learned about loops — an essential concept in programming used to repeat a set of instructions until a condition is met. We focused on the while loop, which helps us execute code as long as the condition remains true ⚙ --- 🔹 1️⃣ What is a While Loop? A while loop keeps running the same block of code repeatedly until the given condition becomes false. ✅ Syntax: while (condition) {  // code to be executed } ✅ Example: let i = 1; while (i <= 5) {  console.log("Count:", i);  i++; } 💡 This loop will print numbers from 1 to 5. --- 🔹 2️⃣ Key Points to Remember The condition is checked before executing the block. If the condition is true, the loop runs. If the condition is false, the loop stops. Be careful to update the variable inside the loop — otherwise, it may create an infinite loop 🔄 --- 🔹 3️⃣ Real-Life Example let fuel = 5; while (fuel > 0) {  console.log("Car is running... Fuel left:", fuel);  fuel--; } console.log("Fuel empty! Stop the car 🚗"); 💡 This simulates how a loop continues until the fuel runs out. --- 🔹 4️⃣ While Loop vs For Loop Feature while Loop for Loop Condition Checked before execution Checked before each iteration Syntax while (condition) for (init; condition; update) Use Case When the number of When iterations are fixed iterations is unknown --- 💻 Hands-On Practice In class, we wrote multiple programs using while loops — from simple counters to pattern generation and logical flow control. This helped us understand how repetition with logic saves time and code effort 💪 --- ✨ #Day27Complete – Learned about While Loops in JavaScript — understanding how to automate repetitive tasks efficiently 🔁🚀 --- Srujana Vattamwar #flm #frontlinesedutech #frontlinesmedia #WebDevelopment #VibeCoding #JavaScript #WhileLoop #LoopsInJS #FrontendDevelopment #DailyLearning #UpskillWithFLM #AIWebCourse

Web Development with Vibe Coding: Day 20 – Daily Web Development Learning with Frontlines EduTech (FLM) || AI Powered Web Development Course ⚡ Today’s Focus: JavaScript Day 2 – ES6, Inputs & Type Conversion! Stepping deeper into JavaScript, I explored how it interacts with users and handles data dynamically. 💻✨ Learned how to take user input, display messages, and manage variable types efficiently using ES6 concepts. 💡 Key Learnings: 🔹 ES6 (ECMAScript 2015): Modern JavaScript syntax for cleaner and faster coding. 🔹 User Interaction: • alert() – shows message popup • prompt() – takes input as string • confirm() – returns true/false 🔹 Variables: • var, let, const – understanding scope and reusability 🔹 Data Types: • Primitive – Number, String, Boolean, Null, Undefined, BigInt, Symbol • Reference – Object, Array, Function 🔹 Type Casting: • Converting strings to numbers using Number() to avoid concatenation (e.g., "2"+"3" → 23 vs 2+3 → 5) 🔹 Practiced pre/post increment & decrement operators for better logic understanding. Feeling excited to see how JavaScript handles logic and user inputs dynamically — step by step toward building interactive web pages! 🚀 #JavaScript #WebDevelopment #FrontlinesEduTech #FrontlinesMedia #FLM #VibeCoding #LearningJourney #Upskilling #FrontendDevelopment #AIPoweredLearning #CodingJourney #ES6 #TypeCasting

*Web Development with Vibe Coding: Daily Web Development Learning With @frontlinesedutech || AI Powered Web Development Course 🚀 Stepping into the world of JavaScript — the language that brings websites to life! In today’s session, I learned about: 🔸 Alert, Warning, and Prompt —   • alert() is used to show quick messages or notifications to the user.   • prompt() allows users to enter input, and the interesting part is — it treats all input as strings, even if numbers are entered! 🔸 Variables — var and const   • Learned how they differ in scope and re-declaration. 🔸 Data Types   • Primitive types: Number, String, Boolean, Symbol, Null, and Undefined.   • Non-primitive types: Objects and Arrays. 🔸 Also explored type casting, the history of JavaScript, and how the language evolved to make web pages dynamic and interactive. 🧠 Every new concept makes me understand how logic and creativity come together in coding. Excited to move ahead and explore functions, loops, and DOM manipulation next! #JavaScript #FrontendDevelopment #LearningJourney #CodingInProgress #WebDevelopment #frontlinesedutech #frontlinesmedia

*Web Development with Vibe Coding: Daily Web Development Learning With @frontlinesedutech || AI Powered Web Development Course 🚀 Mastering JavaScript Loops — A Quick Refresher! Understanding how different loop statements work is essential. Here’s a simple breakdown 👇 🔹 break — Stops the loop when a specific condition is met for (let i = 0; i < 10; i++) { if (i === 3) break; console.log(i); } 👉 Output: 0, 1, 2 🔹 continue — Skips the current iteration and moves to the next for (let i = 0; i < 5; i++) { if (i === 3) continue; console.log(i); } 👉 Output: 0, 1, 2, 4 🔹 for...of — Loops through values of an iterable (like arrays) const cars = ["BMW", "Volvo", "Mini"]; for (let x of cars) { console.log(x); } 👉 Output: BMW, Volvo, Mini 🔹 for...in — Loops through keys (property names) of an object const person = { fname: "John", lname: "Doe", age: 25 }; for (let key in person) { console.log(person[key]); } 👉 Output: John, Doe, 25 🔹 forEach() — Executes a function for each array element const fruits = ["apple", "orange", "cherry"]; fruits.forEach((fruit) => console.log(fruit)); 👉 Output: apple, orange, cherry 💡Each loop type serves a unique purpose — knowing when to use which helps you write cleaner and more efficient code. Srujana Vattamwar Frontlines EduTech (FLM) Krishna Mantravadi #JavaScript #FrontendDevelopment #LearningJourney #CodingInProgress #WebDevelopment #frontlinesedutech #frontlinesmedia