html and css آموزش
ادمین : @Maryam3771 تعرفه تبلیغات: https://t.me/alloadv/822
Показати більше📈 Аналітичний огляд Telegram-каналу html and css آموزش
Канал html and css آموزش (@htmlcss_channels) у мовному сегменті Фарсі є активним учасником. На даний момент спільнота об'єднує 21 336 підписників, посідаючи 9 383 місце в категорії Освіта та 15 671 місце у регіоні Іран.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 21 336 підписників.
За останніми даними від 03 червня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на 14, а за останні 24 години на -9, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 2.08%. Протягом перших 24 годин після публікації контент зазвичай збирає 1.77% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 444 переглядів. Протягом першої доби публікація в середньому набирає 378 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 1.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як css, #javascript, دنیا, وبینار, شغل.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“ادمین :
@Maryam3771
تعرفه تبلیغات:
https://t.me/alloadv/822”
Завдяки високій частоті оновлень (останні дані отримано 04 червня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Освіта.
for (let i = 0; i < 3; i++) {
console.log(i);
}
forEach() Example
[1, 2, 3].forEach(num => {
console.log(num);
});
Interview Tip:
Use forEach() for readability and for when more control is needed.
40. How do you handle early exits from loops?
Using break
for (let i = 1; i <= 5; i++) {
if (i === 3) {
break;
}
console.log(i);
}
Using return Inside Functions
function test() {
for (let i = 1; i <= 5; i++) {
if (i === 3) {
return;
}
console.log(i);
}
}
test();
Important:
forEach() does not support break directly.
Use:
• for
• for...of
• some()
• every()
for early exits.
Double Tap ❤️ For Part-5let age = 18;
if (age >= 18) {
console.log("Adult");
} else {
console.log("Minor");
}
switch
Used when checking multiple possible values.
let day = 2;
switch(day) {
case 1:
console.log("Monday");
break;
case 2:
console.log("Tuesday");
break;
default:
console.log("Invalid Day");
}
Difference:
if/else - Better for conditions/ranges, Flexible
switch - Better for exact values, Cleaner for many cases
32. What is the difference between for, for...in, and for...of?
for
Traditional loop.
for (let i = 0; i < 3; i++) {
console.log(i);
}
for...in
Used for iterating object keys.
const person = {
name: "Deepak",
age: 25
};
for (let key in person) {
console.log(key);
}
for...of
Used for iterable values like arrays.
const nums = [1, 2, 3];
for (let num of nums) {
console.log(num);
}
Key Difference:
Loop - Best For
for - Full control
for...in - Object properties
for...of - Array values
33. What is the while and do-while loop?
Both loops execute code repeatedly while a condition is true.
while Loop
Condition checked before execution.
let i = 1;
while (i <= 3) {
console.log(i);
i++;
}
do-while Loop
Runs at least once before checking condition.
let i = 1;
do {
console.log(i);
i++;
} while(i <= 3);
Difference:
while - Condition first, May run zero times
do-while - Code first, Runs at least once
34. What is the ternary operator?
The ternary operator is a shorthand for if/else.
Syntax:
condition? trueValue : falseValue
Example:
let age = 20;
let result = age >= 18 ? "Adult" : "Minor";
console.log(result);
Benefits:
• Shorter code
• Cleaner simple conditions
35. What is short-circuit evaluation?
JavaScript stops evaluating expressions as soon as the result is known.
Using &&
Returns first falsy value.
console.log(false && "Hello");
Output:
false
Using ||
Returns first truthy value.
console.log("" || "Default");
Output:
Default
Practical Example:
let username = "";
let displayName = username || "Guest";
console.log(displayName);
36. What is the difference between break and continue?
Keyword - Purpose
break - Stops the loop completely
continue - Skips current iteration
break Example
for (let i = 1; i <= 5; i++) {
if (i === 3) {
break;
}
console.log(i);
}
Output:
1
2
continue Example
for (let i = 1; i <= 5; i++) {
if (i === 3) {
continue;
}
console.log(i);
}
Output:
1
2
4
5
37. How do you iterate over an array or object?
Array Iteration
Using forEach()
const nums = [1, 2, 3];
nums.forEach(num => {
console.log(num);
});
Object Iteration
Using for...in
const person = {
name: "Deepak",
age: 25
};
for (let key in person) {
console.log(key, person[key]);
}
Using Object.keys()
Object.keys(person).forEach(key => {
console.log(key);
});
38. How do you implement recursion?
Recursion is when a function calls itself until a stopping condition is met.
Example: Factorial
function factorial(n) {
if (n === 1) {
return 1;
}
return n * factorial(n - 1);
}
console.log(factorial(5));
Output:
120
Important Parts:
1. Base condition
2. Recursive call
Without a base condition → infinite recursion.for (let i = 0; i < 3; i++) {
console.log(i);
}
forEach() Example
[1, 2, 3].forEach(num => {
console.log(num);
});
Interview Tip:
Use forEach() for readability and for when more control is needed.
32. How do you handle early exits from loops?
Using break
for (let i = 1; i <= 5; i++) {
if (i === 3) {
break;
}
console.log(i);
}
Using return Inside Functions
function test() {
for (let i = 1; i <= 5; i++) {
if (i === 3) {
return;
}
console.log(i);
}
}
test();
Important:
forEach() does not support break directly.
Use:
• for
• for...of
• some()
• every()
for early exits.
Double Tap ❤️ For Part-5
💎 @Htmlcss_channels | #css #JavaScript #HTML #interview⚠️ ظرفیت: محـدود🌐 پیشثبتنام رایگان: 🔗 https://l.hamrah.academy/4wh ⭐️ @Hamrah_Academy | آکادمی همراه اول
let a = 5, b = 10;
[a, b] = [b, a];
console.log(a, b); // Output: 10 5
🔍 Q2. Find the largest number in an array.
✅ Answer:
let numbers = [3, 7, 2, 9, 5];
let max = Math.max(...numbers);
console.log(max); // Output: 9
🔍 Q3. Check if a number is prime.
✅ Answer:
function isPrime(n) {
if (n <= 1) return false;
for (let i = 2; i <= Math.sqrt(n); i++) {
if (n % i === 0) return false;
}
return true;
}
console.log(isPrime(7)); // Output: true
🔍 Q4. Count vowels in a string.
✅ Answer:
function countVowels(str) {
return str.match(/[aeiou]/gi)?.length || 0;
}
console.log(countVowels("Hello World")); // Output: 3
🔍 Q5. Convert first letter of each word to uppercase.
✅ Answer:
let sentence = "hello world";
let titleCase = sentence.split(" ").map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
console.log(titleCase); // Output: Hello World
💬 Tap ❤️ for Part 3!
💎 @Htmlcss_channels | #css #JavaScript #HTML #interviewlet num = 10;
if (num % 2 === 0) {
console.log("Even");
} else {
console.log("Odd");
}
🔍 Q2. How do you reverse a string?
✅ Answer:
let text = "hello";
let reversedText = text.split("").reverse().join("");
console.log(reversedText); // Output: olleh
🔍 Q3. Write a function to find the factorial of a number.
✅ Answer:
function factorial(n) {
let result = 1;
for (let i = 1; i <= n; i++) {
result *= i;
}
return result;
}
console.log(factorial(5)); // Output: 120
🔍 Q4. How do you remove duplicates from an array?
✅ Answer:
let items = [1, 2, 2, 3, 4, 4];
let uniqueItems = [...new Set(items)];
console.log(uniqueItems);
🔍 Q5. Print numbers from 1 to 10 using a loop.
✅ Answer:
for (let i = 1; i <= 10; i++) {
console.log(i);
}
🔍 Q6. Check if a word is a palindrome.
✅ Answer:
let word = "madam";
let reversed = word.split("").reverse().join("");
if (word === reversed) {
console.log("Palindrome");
} else {
console.log("Not a palindrome");
}
💬 Tap ❤️ for more!
💎 @Htmlcss_channels | #css #JavaScript #HTML #interviewconst user = { name: "Alice", age: 25 };
🔹 2. How do you access object properties?
Using dot or bracket notation:
user.name // "Alice"
user["age"] // 25
🔹 3. How can you loop through an object?
Use for...in or Object.keys()/Object.entries():
for (let key in user) { console.log(key, user[key]); }
🔹 4. Difference between Object.freeze() and Object.seal()?
⦁ freeze() prevents any change (no adding, deleting, or modifying properties).
⦁ seal() allows value changes, but not adding/removing keys.
🔹 5. How do you clone an object?
const clone = {...user };
// or
const copy = Object.assign({}, user);
🔹 6. What is this inside an object?
this refers to the object itself in method context.
const person = {
name: "Bob",
greet() { return `Hi, I’m ${this.name}`; }
};
🔹 7. How do prototypes relate to objects?
Every JS object has a hidden [[Prototype]]. It lets objects inherit properties from others.
🔹 8. What is a constructor function?
A function used to create multiple similar objects:
function User(name) {
this.name = name;
}
const u = new User("Tom");
🔹 9. What's the difference between Object.create() and new keyword?
⦁ Object.create(proto) creates an object with the given prototype.
⦁ new invokes a constructor function to initialize objects.
🔹 10. How do you check if a property exists in an object?
"name" in user // true
user.hasOwnProperty("age") // true
💬 Tap ❤️ for more!
💎 @Htmlcss_channels | #css #JavaScript #HTML #interview
Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
