🚀 Day 13 of My JavaScript Learning Journey Today I learned about Looping Through Arrays in JavaScript and different ways to iterate over data efficiently. 📌 Key concepts I explored: 🔹 Manual Iteration • for...in → Iterates over indexes • for...of → Iterates over values directly 💡 Best Practice: Avoid using for...in for arrays. Prefer for...of for better readability and reliability. 🔹 Functional Iteration • forEach() → Executes a function for each element • Clean and modern way to write iteration logic Example: arr.forEach((value, index) => { console.log(value, index); }); 🔹 Quick Comparison • for...in → Returns index • for...of → Returns value • forEach() → Uses function (modern approach) 💡 Understanding iteration helps in writing clean, efficient, and readable code, especially when working with large datasets. Step by step, I’m improving my JavaScript fundamentals and coding logic. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics
Sanjay H R’s Post
More Relevant Posts
-
🚀 Day 14 of My JavaScript Learning Journey Today I learned about JavaScript Objects — Access, Add, Update & Delete properties. 📌 Key concepts I explored: 🔹 What is an Object? • A collection of key-value pairs • Used to store structured data Example: let user = { name: "Sanjay", age: 21 }; 🔹 Accessing Object Data • Dot Notation → user.name • Bracket Notation → user["age"] 💡 Bracket notation is useful when keys are dynamic or contain special characters. 🔹 Modifying Objects • Add → user.city = "Bangalore" • Update → user.age = 22 🔹 Deleting Properties • Use delete keyword Example: delete user.city; 🔹 Important Insight • Objects are mutable, meaning they can be changed after creation 💡 Understanding objects is essential because they are widely used to represent real-world data in applications. Step by step, I’m improving my JavaScript fundamentals and practical coding skills. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #100DaysOfCode #DeveloperJourney #ProgrammingBasics
To view or add a comment, sign in
-
-
🚀 Day 12 of My JavaScript Learning Journey Today I learned about Arrays and Array Methods in JavaScript — one of the most essential concepts for handling data. 📌 What I learned: 🔹 What is an Array? • A collection of elements stored in a single variable • Zero-indexed (starts from 0) 🔹 Ways to Create an Array • Using array literal → [1, 2, 3] • Using constructor → new Array() 🔹 Adding & Removing Elements • push() / unshift() → Add elements • pop() / shift() → Remove elements 🔹 Important Array Methods • map() → Transform elements • filter() → Select specific elements • reduce() → Convert array into a single value 🔹 Searching & Utility Methods • find() / includes() • forEach() → Iterate elements • slice() / splice() → Extract or modify array 💡 Arrays are powerful because they allow us to store, manipulate, and process data efficiently. ⚙️ I also practiced real examples like transforming arrays using map() to create new values. Step by step, I’m improving my problem-solving skills and JavaScript fundamentals. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #100DaysOfCode #DeveloperJourney #ProgrammingBasics
To view or add a comment, sign in
-
-
Day 4 of my JavaScript learning journey 🚀 Yesterday was all about building a strong foundation by understanding some core JavaScript concepts: 🔹 Introduction to JavaScript Got a clearer picture of how JavaScript powers interactivity on web pages and why it's such an essential language for developers. 🔹 Variables in JavaScript Learned how to store and manage data using: - var – function-scoped and the old way of declaring variables - let – block-scoped and more flexible - const – block-scoped and used for values that shouldn’t change 🔹 JavaScript Output Methods Explored different ways to display data: - "console.log()" – for debugging in the console - "document.write()" – directly writing to the webpage - "alert()" – showing pop-up messages - "prompt()" – taking user input 🔹 JavaScript Data Types Understood how data is categorized: - Primitive Types – string, number, boolean, null, undefined, symbol, bigint - Non-Primitive Types (Important) – objects, arrays, and functions It’s amazing to see how these basic concepts connect and form the backbone of everything we build in JavaScript. Looking forward to diving deeper and building more 🚀 #JavaScript #WebDevelopment #LearningJourney #Day4 #Coding
To view or add a comment, sign in
-
-
🚀 Day 8 of My JavaScript Learning Journey Today I learned about Strings in JavaScript and explored various built-in methods to manipulate text. 📌 What I learned: • A String is a sequence of characters used to store text data • Strings are immutable (cannot be changed directly) • It is a primitive data type • String operations always return a new string ⚙️ String methods I practiced: ✔ length ✔ toUpperCase() / toLowerCase() ✔ trim() ✔ slice() / substring() ✔ replace() ✔ includes() ✔ indexOf() ✔ split() ✔ concat() 💡 I also practiced template literals: Hello ${name} → makes string formatting easier and cleaner. Understanding strings is very important because text handling is used in almost every application. Step by step, I’m improving my JavaScript fundamentals and coding skills. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics
To view or add a comment, sign in
-
-
🚀 Building Strong Foundations in JavaScript 💻✨ ✨Continuing my journey of improving core JavaScript skills through hands-on coding 👇 🔹 Loops Practice ✅ Printed numbers from 1–50 using: • for loop • while loop • do...while loop 🔹 Logic Building ✅ Generated multiplication table dynamically using user input 🔹 Iteration Techniques ✅ Used for...of for arrays and for...in for objects 🔹 Functions Practice ✅ Built a function to check Prime or Non-Prime numbers ✅ Implemented a Callback Function to calculate square of a number ✅ Practiced IIFE (Immediately Invoked Function Expression) to print today’s date 💡 Key Learnings: • Better understanding of loops and iteration • Clear idea of callback & higher-order functions • Debugged a real issue with IIFE and semicolons 😄 📌 Step by step, improving logic and confidence in JavaScript! #JavaScript #CodingJourney #LearningByDoing #FrontendDeveloper #WebDevelopment #KeepGrowing 🚀
To view or add a comment, sign in
-
🚀 Learning Update | JavaScript Internals & Async Mastery Here’s what I worked on recently: 🔹 Core Concepts (MDN Deep Dive) Studied the JavaScript Event Loop and Promises to build a strong conceptual foundation. 🔹 Custom Promise Implementation Implemented a Promise from scratch, including: • Constructor & executor • resolve/reject handling • Promise chaining 🔹 Utility Methods Built custom implementations of: • Promise.all() • Promise.race() • Promise.allSettled() 🔹 Testing & Edge Cases Wrote comprehensive test cases covering: • Promise chaining • Error handling • Race conditions 🔹 Learning by Teaching 🎥 Recorded a video explaining Promises & Event Loop with practical code examples. 🔹 Code Sharing Pushed the complete implementation to GitHub with detailed comments for better readability and understanding. 🔹 Communication Improvement Continued reading The Power of Subconscious Mind to enhance clarity and communication 🧠 Diving deeper into fundamentals to build stronger systems thinking. #JavaScript #AsyncProgramming #NodeJS #WebDevelopment #LearningInPublic #GrowthMindset
To view or add a comment, sign in
-
🚀 Day 10 of My JavaScript Learning Journey Today I explored JavaScript Functions — the core building blocks of any application. 📌 Key concepts I learned: 🔹 Types of Functions • Named Functions – Functions with a defined name • Anonymous Functions – Functions without a name, often used for one-time use • Arrow Functions (=>) – Modern and concise syntax 🔹 Function Expressions • Functions can be assigned to variables and treated like data 🔹 Advanced Concepts • First-Class Functions – Functions can be passed as arguments and returned from other functions • Higher-Order Functions – Functions that work with other functions • IIFE (Immediately Invoked Function Expression) – Executes immediately after definition 🔹 Scope & Closures • Nested Functions create scope within scope • Important for managing variables and data access 🔹 Generators • Functions that allow pausable execution using yield ⚙️ Understanding functions is crucial because they help write modular, reusable, and efficient code. Step by step, I’m building strong JavaScript fundamentals and problem-solving skills. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics
To view or add a comment, sign in
-
-
Modern JavaScript: Iterators and Generators Learned to make data structures iterable, created generators for finite and infinite sequences, and used generators as observers. #TIET #ThaparUniversity #ThaparOutcomeBasedLearning #ThaparCoursera #Coursera #UCS654_Predictive_Analytics
To view or add a comment, sign in
-
Strengthening Fundamentals: Implementing Selection Sort in JavaScript (Descending Order) Today, I focused on strengthening my understanding of fundamental algorithms by implementing Selection Sort in JavaScript to arrange an array in descending order. Working through the logic step by step provided valuable insight into how sorting algorithms operate internally—particularly the process of identifying elements and performing swaps efficiently without relying on built-in functions. Revisiting these core concepts is a great reminder that a strong foundation in data structures and algorithms is essential for writing optimized and scalable code. You can check out my implementation on my GitHub Looking forward to continuing this learning journey and exploring more advanced problem-solving techniques. #JavaScript #Algorithms #DataStructures #Development #ContinuousLearning #GitHub 😊
To view or add a comment, sign in
-
🚀 Day 11 of My JavaScript Learning Journey Today I learned about JavaScript Scopes and Function Execution Context (FEC) — a core concept to understand how JavaScript manages variables and executes code. 📌 Key concepts I explored: 🔹 Scopes in JavaScript • Global Scope – Variables accessible throughout the program • Local Scope – Variables accessible within a function • Block Scope – Variables declared with let and const inside {} 🔹 Key Difference • var → Function scoped • let & const → Block scoped 🔹 Function Execution Context (FEC) Every time a function is called, JavaScript creates a new execution context. ⚙️ FEC Lifecycle: 1️⃣ Memory Creation Phase • Variables are hoisted and initialized • Functions are stored in memory 2️⃣ Execution Phase • Code runs line by line • Variables get their actual values 🔹 FEC Components • Variable Environment • Scope Chain (access to outer scope) • this keyword 💡 Understanding scopes and execution context helps in writing efficient, bug-free, and optimized JavaScript code. Step by step, I’m strengthening my JavaScript fundamentals and internal working knowledge. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics
To view or add a comment, sign in
-
Explore related topics
- Ways to Improve Coding Logic for Free
- Writing Functions That Are Easy To Read
- Coding Best Practices to Reduce Developer Mistakes
- How to Improve Array Iteration Performance in Code
- How to Write Clean, Error-Free Code
- Intuitive Coding Strategies for Developers
- Strategies for Writing Error-Free Code
- How to Use Arrays in Software Development
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development