CodeBase | Frontend
2.16K subscribers
396 photos
167 videos
6 files
621 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
🟢Подборка каналов для технарей от наших друзей:

📱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
⌨️ Хотите научиться создавать полноценные API-серверы с использованием Node.js и TypeScript?

Приглашаем на открытый урок «Как создать API-сервер с TypeScript и Node.js». 

🗓 4 августа в 20:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Node.js Developer».

На открытом уроке мы покажем, как быстро настроить сервер с помощью Express, создать маршруты для работы с данными и обрабатывать запросы от клиентов. Вы освоите основы TypeScript и API-разработки, получите знания для работы с типами данных и ошибок.

🎯 Погрузитесь в мир востребованной backend-разработки: создайте API-сервер, научитесь писать чистый и безопасный код и откройте для себя возможности Node.js.

🔗 Ссылка на регистрацию: https://tglink.io/9eb5ea902d48?erid=2W5zFJWta9e

#реклама
О рекламодателе
➡️Объектная модель документа (DOM) — это программный интерфейс для HTML и XML документов, который представляет структуру документа в виде дерева объектов. Каждый узел этого дерева соответствует элементу, атрибуту или тексту на странице.


const element = document.getElementById('example');
element.textContent = 'Hello, DOM!';


DOM позволяет изменять структуру, стили и содержимое документа динамически с помощью JavaScript. Это основа для интерактивных веб-приложений.

CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
⚙️ Операция push в Git отправляет локальные коммиты в удалённый репозиторий. 

git push <remote> <branch>


- <rem
ote> — имя удалённого репозитория (обычно origin)
- <bra
nch> — ветка, которую нужно отправить 

git push -u origin main


Флаг -u связывает локальную ветку с удалённой для будущих push/pull без указания параметров. При конфликтах требуется предварительный pull.

CodeBase | Frontend | #Git
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн

Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда?

Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России

📆 в канале размещаются как онлайн, так и оффлайн мероприятия;
👩‍💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие;
🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое

А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах:

🚀 IT-мероприятия Россииподписывайся и будь в курсе всех предстоящих мероприятий!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍32🔥1👀1
will-change — это CSS-свойство, которое указывает браузеру, какие свойства элемента могут измениться в будущем, позволяя заранее оптимизировать рендеринг.


.element {
will-change: transform, opacity;
}


Использовать его стоит только для элементов, анимация или изменение которых вызывает заметные лаги. Чрезмерное применение will-change увеличивает потребление памяти, поэтому его следует включать непосредственно перед анимацией и отключать после.

CodeBase | Frontend | #CSS
👍3🔥2👏1
😱 Доказано. Нейросети снижают твою продуктивность. Как так? Узнаешь в моём канале про Python и IT. Публикую мемы о dev-кошмарах, свежие новости AI, советы по кодингу, разбор актуальных инструментов. Не мучайся в одиночку — подписывайся за ежедневной дозой пользы! 🚀
➡️ Цикл for...of используется для итерации по элементам итерируемых объектов, таких как массивы, строки, Map, Set и другие. В отличие от for...in, который перебирает ключи, for...of работает непосредственно со значениями.

Синтаксис:


const arr = [1, 2, 3];
for (const item of arr) {
console.log(item); // Выводит 1, 2, 3
}


Цикл for...of упрощает работу с коллекциями, исключая необходимость вручную управлять индексами. Он поддерживает break и continue для управления потоком выполнения. Подходит для работы с массивами и другими итерируемыми структурами, где важны значения элементов.

CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
🤩Хотите, чтобы ваши React-приложения не просто работали, а вызывали вау-эффект?

Присоединяйтесь к открытому уроку «Анимируем React: от нуля до вау-эффекта» 12 августа в 20:00 МСК. Мы покажем, как создать живые, отзывчивые интерфейсы с помощью библиотеки анимаций Framer Motion и API Intersection Observer. Разберём, как добавить современный UX без перегрузки сторонними библиотеками, чтобы каждый элемент интерфейса был динамичным и запоминающимся.

Освойте практические подходы и техники, которые используют профессионалы для создания визуально выразительных интерфейсов. Получите знания, которые значительно улучшат ваш опыт в React.

⚡️Присоединяйтесь к открытому вебинару и получите скидку на курс «React.js Developer»: https://otus.pw/DxU9/?erid=2W5zFJN7hVi

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
👍1
🟢Подборка каналов для технарей от наших друзей:

📱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
⚙️ CDN (Content Delivery Network) помогает ускорить загрузку HTML-страниц за счет распределения статических ресурсов (CSS, JavaScript, изображения) по серверам, расположенным ближе к пользователю.

Для подключения CDN достаточно заменить локальные ссылки на файлы на URL-адреса, предоставляемые CDN. Например, для Bootstrap:


<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>


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

CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5