CodeBase | Frontend
2.17K subscribers
391 photos
164 videos
6 files
609 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
⚙️Тег <noscript> используется для отображения контента, если JavaScript отключен в браузере. Он позволяет предоставить альтернативное содержимое или сообщение для пользователей, которые не могут или не хотят использовать JavaScript.

Пример:
<noscript>
  <p>Please enable JavaScript to use this website.</p>
</noscript>


- Контент внутри <noscript> отображается только при отключенном JavaScript.
- Часто используется для информирования пользователей или предоставления базовой функциональности без JavaScript.

CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
🖥 Hoisting (поднятие) — это механизм, при котором объявления переменных и функций перемещаются вверх своей области видимости перед выполнением кода. Это позволяет использовать переменные и функции до их фактического объявления в коде.

Пример с переменными: 
console.log(x); // undefined
var x = 5;


- Переменные, объявленные через var, поднимаются, но их значение инициализируется как undefined

Пример с функциями: 
foo(); // "Hello"
function foo() {
    console.log("Hello");
}


- Объявления функций поднимаются полностью, поэтому их можно вызывать до объявления. 

Hoisting не применяется к let и const, которые остаются в "временной мертвой зоне" до объявления.

CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
⚙️ filter: drop-shadow() и box-shadow используются для создания теней, но работают по-разному.

box-shadow применяется к блочным элементам и создает тень вокруг их рамки. Тень может быть смещена, размыта и изменена по цвету.

.box {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}


filter: drop-shadow() применяется к содержимому элемента, включая прозрачные области, такие как текст или изображения с альфа-каналом. Тень повторяет форму содержимого.

.element {
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}


Основное отличие: box-shadow работает с рамкой элемента, а drop-shadow учитывает форму содержимого, включая прозрачные части.

CodeBase | Frontend | #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍71
👨‍💻Ищем разработчиков, DevOps, QA, аналитиков. Релокейт, удалёнка, платим много!

Специально для Вас, собираем лучшие вакансии. Только вакансии с прямыми контактами в Telegram!

👩‍💻 Python 👣 Go
🤖 ML 👩‍💻 Java
🖼️ PHP 👩‍💻 Node.js
👩‍💻 C# 🖥 SQL
🔎 QA 👩‍💻 Frontend
👩‍💻 UX 👩‍💻 DevOps
👩‍💻 Mobile 👩‍💻 Analyst
💼 1C

Подпишись чтобы не упустить свой шанс получить лучший оффер!
Please open Telegram to view this post
VIEW IN TELEGRAM
Методы Vue — это функции, которые определяются в объекте methods компонента. Они используются для обработки событий, выполнения логики или изменения состояния компонента. Методы можно вызывать из шаблона через директивы (например, v-on) или из других методов.


export default {
data() {
return {
count: 0
};
},
methods: {
increment() {
this.count++;
}
}
};


В шаблоне метод вызывается через v-on:


<button @click="increment">Увеличить счетчик</button>


Методы реагируют на изменения данных и обновляют DOM через реактивную систему Vue. Они не кэшируются, в отличие от вычисляемых свойств, и выполняются каждый раз при вызове.

CodeBase | Frontend | #JS
🔥32👍2
This media is not supported in your browser
VIEW IN TELEGRAM
🐧 Linux Club - без лишних слов полезный канал по Linux

— обзоры дистрибутивов
— команды для терминала
— open source приложения
— полезные фреймворки
— оптимизация серверов
— инсайдерская информация

Подписывайся - @clubLinux
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍1🔥1
➡️ Атрибут srcset используется для указания нескольких версий изображения с разным разрешением, чтобы браузер мог выбрать наиболее подходящее в зависимости от размера экрана и плотности пикселей.


<img src="image-default.jpg"
srcset="image-small.jpg 480w, image-medium.jpg 800w, image-large.jpg 1200w"
sizes="(max-width: 600px) 480px, (max-width: 900px) 800px, 1200px"
alt="Example image">


В этом примере srcset содержит три версии изображения с указанием их ширины в пикселях. Атрибут sizes определяет, какое изображение использовать в зависимости от ширины экрана. Это улучшает производительность и адаптивность веб-страниц.

CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
🟢Подборка каналов для технарей от наших друзей:

📱https://t.me/Geek_book_hub - Бесплатная библиотека с книгами - программирование, электроника, айти.

📱https://t.me/club_arduino - Мемы и полезные материалы для ардуинщика, электронщика, DIY'щика.

📱https://t.me/forprinting3D - Если у тебя есть 3д принтер, тогда тебе сюда, тут лучшие модели и идеи для печати.

📱 https://t.me/Ali_radio_top - Лучшие предложения, скидки и акции с алиэкспресс.

📱 https://t.me/Pirate_Gram - Бесплатные андроид премиум приложения.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
crafting.interpreters.pdf
13.1 MB
Crafting Interpreters

Год:
2021
Автор:
Robert Nystrom
Язык:
Английский

В этой книге вы узнаете все, что вам нужно знать для реализации полнофункционального и эффективного языка сценариев. Вы познакомитесь как с высокоуровневыми концепциями синтаксического анализа и семантики, так и с такими важными деталями, как представление байт-кода и сборка мусора. Ваш мозг озарится новыми идеями, а руки станут грязными и мозолистыми.


#Eng #JavaScript #Book

CodeBase | Frontend |
#book
👍1
Коллеги, привет!

Наткнулся на один блокчейн-проект на очень ранней стадии - Graphite Network
В чем главная фишка для нас, ленивых?
В том, что они еще не вложились в маркетинг.
Это значит - никакой толпы, никакой дикой конкуренции за награды.
Идеальный момент, чтобы зайти с минимальными усилиями.
Что там можно сделать:
1️⃣ Зафармить токены почти без конкуренции.У них запущена программа, где за бриджинг и объемы насыпают токены проекта. 
2️⃣ Получить USDT просто за подписку.. Подписываешься на их телеграм-канал и автоматически участвуешь в розыгрышах USDT, которые проходят каждые 3 дня. Пока все разбирают слитые курсы, можно попробовать залутать немного крипты.

Кому интересно поковыряться, вот ссылки:

➡️ Канал проекта (сюда для розыгрышей): https://t.me/graphiteL1
➡️ Инфа по стейкингу (для тех, кто хочет фармить): https://t.me/graphiteL1/217
➡️ Их чат, если есть технические вопросы: https://t.me/graphitenetwork?erid=2W5zFJd2cY8
🦥Ленивый программист
⚙️ Элементы в CSS делятся на три основные категории по типу отображения: inline, block и inline-block.

➡️ Inline элементы (например, span, a) занимают только необходимое пространство, не создают разрывов строки до и после себя. Нельзя задавать ширину, высоту или вертикальные отступы.

➡️ Block элементы (например, div, p) занимают всю доступную ширину, начинаются с новой строки и поддерживают задание ширины, высоты, отступов.

➡️ Inline-block элементы сочетают свойства: занимают только необходимое пространство, как inline, но поддерживают задание ширины, высоты и отступов, как block.

CodeBase | Frontend | #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5