А вот и трейлер.

В 2025 релиз. Ждём🕺

Чё за тяги 💀

Durov in Uzbekistan? 🙂

🥲 It’s getting warmer in Dubai, and my friends are leaving for fancy places like the south of France. As a French citizen, I agree that France is the best holiday destination 🇫🇷

📱 As the Telegram CEO though, I don’t take holidays. Instead, I keep working while meeting our users from unusual locations. This summer I’ve decided to check out Central Asia to see what life is like there, study how people use Telegram and what their digital needs are 📞

☕️ I will keep you posted in this channel about my discoveries 🕵️‍♂️

AI as a candidate in elections 😳

AI Steve, an avatar of real-life Steven Endacott, a Brighton-based businessman, is running for Parliament as an Independent.

Long time no see 👋

Sharing my 5 JavaScript tips for better coding with you 👨‍🏫

1️⃣ Use async/await: Simplify async code for better readability.

async function fetchData(url) {
    const response = await fetch(url);
    const data = await response.json();
    return data;
}

2️⃣ Destructuring: Clean up code by unpacking values.

const user = { name: 'John', age: 27, location: 'New York' };
const { name, age, location } = user;

const arr = [1, 2, 3, 4];
const [first, second, ...rest] = arr;

3️⃣ Module Scope: Avoid globals with ES6 modules.

// module.js
export const myFunction = () => {};
// main.js
import { myFunction } from './module';

4️⃣ Debounce & Throttle: Optimize performance.

// Debounce function
function debounce(func, wait) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

// Throttle function
function throttle(func, limit) {
    let inThrottle;
    return function(...args) {
        if (!inThrottle) {
            func.apply(this, args);
            inThrottle = true;
            setTimeout(() => (inThrottle = false), limit);
        }
    };
}

5️⃣ Write Self-Documenting Code with Clear Naming and Comments

function calculateSum(firstNumber, secondNumber) {
    return firstNumber + secondNumber;
}

// Comments
/**
 * Calculates the sum of two numbers.
 * @param {number} firstNumber - The first number.
 * @param {number} secondNumber - The second number.
 * @returns {number} - The sum of the two numbers.
 */
function calculateSum(firstNumber, secondNumber) {
    return firstNumber + secondNumber;
}

Implementing these practices can significantly improve the quality and performance of your JavaScript code.

#js #lifehack

Made a quick video about using VSCode in your GitHub repo ⌨️

In today’s fast-paced development environment, efficiency is key. Integrating powerful tools like Visual Studio Code (VSCode) with GitHub can significantly streamline your workflow. In this post, we’ll explore how to set up and use VSCode directly within a GitHub repository, allowing you to manage your projects seamlessly. You can even run your project in a virtual environment.

Quick tutorial:
1. Open your repo.
2. Add vscode.dev/ before your repo link.
3. Make changes, commit them, etc.
4. (Optional) You can run your code using GitHub Codespaces.

@islombe_dev

Friday tutorial 🥂


$ date
'Friday, 18:41'
$ git add . && git commit -m "" && git push --force
$ shutdown -h 1 && exit

@islombe_dev

Happy Sunday! ☺️

Here are some useful CSS Tricks for Frontend Developers 👩‍💻
All examples shown here.

0️⃣Sticky Footer
Ensure your footer sticks to the bottom of the page, even if the content is short.

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.content {
  flex: 1;
}
footer {
  background: #333;
  color: white;
  text-align: center;
  padding: 10px;
}

1️⃣Custom Scrollbars
Style your scrollbars to match your site design using the ::-webkit-scrollbar pseudo-element.

::-webkit-scrollbar {
  width: 20px;
}

2️⃣Text Stroke
Create outlined text using -webkit-text-stroke.

h1 {
  -webkit-text-stroke: 2px black;
  color: white;
}

3️⃣Viewport Units for Typography
Scale text size based on the viewport using vw units.

h1 {
  font-size: 10vw;
}

4️⃣CSS Grid Auto-Placement
Control the automatic placement of grid items with grid-auto-flow.

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-auto-flow: dense;
}

5️⃣Aspect Ratio Box
Maintain aspect ratio with the padding trick.

.aspect-ratio-box {
  width: 100%;
  padding-top: 56.25%; /* 16:9 aspect ratio */
  position: relative;
}

6️⃣Clip-Path for Custom Shapes
Create custom shapes using clip-path.

.clip-path {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);  /* triabgle */
  background: red;
  width: 100px;
  height: 100px;
}

7️⃣CSS Variables with JavaScript
Dynamically change CSS variables using JavaScript.

:root {
  --main-color: #3498db;
}

function changeCssVar() {
  document.documentElement.style.setProperty('--main-color', '#e74c3c');
}

8️⃣Object-Fit for Images and Videos
Control how media fits within a container using object-fit.

img, video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

9️⃣CSS Counters
Create custom counters with counter-reset and counter-increment.

.counter {
  counter-reset: section;
}
.counter h2::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
}

Use these CSS tricks to enhance your frontend skills and create more dynamic and visually appealing web applications!

#CSS #WebDevelopment #Frontend #Tips #Tricks

@typical_ddev

Optimized 💃

If you use the Nuxt 2 framework, be careful with plugins as they may cause significant memory leaks.

Key points:
1. Avoid using Vue.use() or Vue.component() inside the exported function, as it creates a new instance.
2. Choose the right plugins for SSR; not every plugin is needed during the SSR stage.
3. Remove custom events and timers on unmount.

These changes make the text a bit clearer and ensure it reads smoothly.

@islombe_dev

В Nature вышла интересная статья (pdf), в ней рассматрели «человеческий язык» как инструмент для передачи информации и пришли к выводу, что это клевый способ для коллаборативной работы нас как вида (и шитпоста в интернете), но язык не нужен мозгу для «мыслительного процесса»

Я никогда не задумывался, как выглядит «мысль» если исключить из нее «язык», поэтому вот пару интересных наблюдений из статьи о том как устроен процесс мышления:

1. Мысли, вероятно, опираются на абстрактные, неязыковые ментальные представления. Это могут быть визуальные, пространственные или другие специфические представления под конкретные задачи и концепции. Как человек, который в любой момент времени может вспомнить любой маршрут по которому я ходил где-то и был трезвый, могу сказать что все так, у меня «карта местности» просто существует в виде образа в голове, как оказалось, так не у всех

2. В голове есть ансамбль нейронок — в статье упоминается несколько «мозговых сетей», участвующих в различных задачах:

— Есть нейронка «множественных требований» для целенаправленного поведения и решения новых задач, она поощряет находчивость при решении проблем, активируется при выполнении когнитивно сложных задач, особенно тех, которые требуют гибкого мышления и адаптации к новым ситуациям. Она же отвечает за планирование и рабочую память;

— Есть нейронка «теории разума» или «эмпатии»: для социального рассуждения и понимания психических состояний – мыслей, чувств, убеждений и намерений других людей. Это та, которая у нас уже хуже чем в GPT4o;

— Есть «Дефолтная нейронка», активируется когда мозг в покое – связана с кучей когнитивных штук, включая: способность мысленно перемещаться во времени (вспоминая прошлое или представляя будущее), пространственное познание, размышление о себе, своих чертах и опыте. Интересно, что повреждение это "сетки" ведет к депрессии или даже шизофрении (в теории).

3. Символическое мышление может происходить без языка как инструмента. Это означает, что мозг может манипулировать абстрактными символами или концепциями, не опираясь на слова или грамматические структуры. Условно, когда вам что-то «пришло в голову из неоткуда», это этот эффект.

4. Рассуждение по специфичным задачам — разные типы мышления (математические, социальные, пространственные и т.д.), по-видимому, задействуют разные мозговые «нейронки», что предполагает, что процессы мышления могут быть в некоторой степени модульными и специфичными для конкретных задач; это как если бы у одной мощной LLM было много Lora натренированных на конкретных задачах датасета, а не единая модель для решения всех задач.

5. Параллельная обработка — все эти «нейронки» для решения специфичных задач (социальные, причинно-следственные, решение проблем и т.д.) могут работать параллельно, получая при этом информацию с разных «сенсоров» тела, а не определяться единой системой, такой как язык.

6. Мы сильно похожи на животных — в статье упоминается непрерывность человеческой эволюции, предполагая, что наши процессы мышления могут быть более похожими на процессы мышления других животных, чем считалось ранее, просто они оказались более сложными из-за наших расширенных когнитивных способностей. То есть, условная собака может оказаться намного ближе к нам по процессу мышления чем мы раньше думали.

7. Культура развивает мышление — хоть это и не прямой механизм мышления, в статье упоминается что передача культурных знаний от поколения в поколение, повышает когнитивные способности человека с течением времени, это уже влияние языка как инструмента.


Короче, все еще ничего не понятно — но на всякий случай продолжайте тренировать лоры ☕️

Hey everyone! It’s been a while since my last update. Life’s been a whirlwind, and I haven’t had much time to be a content creator 🤪

Recently, I made a presentation about streams in browsers, and I want to share some of those ideas with you here.
Multithreading(web workers) in web projects is a game-changer, yet I rarely see it utilized. It can significantly lighten the main thread’s load and make web applications more dynamic and responsive. So, where and when can it be used?

1. Complex Calculations 🖥
Heavy computations often block the main thread, causing the page to freeze or even crash. Offloading these tasks to web workers can prevent this. For example, if you’re processing large datasets to create a graph, you can delegate the calculations to a worker. The worker processes the data and returns only the (x,y) coordinates, which you can then easily plot.

2. Real-Time Analytics 📊
Perfect for traders! Imagine writing a custom plugin that monitors the market in real-time, providing notifications or triggering actions when certain conditions are met. Using web workers ensures that the main thread remains free for other tasks.

3. Image Processing 📷
Tasks like applying filters, cropping, and other image manipulations can be offloaded to web workers, making the main thread available for smoother interactions.

4. Inter-Tab Communication 💬
Need to synchronize actions across multiple tabs? For instance, logging into one tab could automatically trigger an “authorized” status event in other tabs. Web workers can help manage these tasks efficiently.

These are just a few examples of how web workers can make your web projects faster, smarter, and more efficient.

However, there are some drawbacks, like the lack of direct access to the Browser API and the need to use an event-driven pattern. But the benefits far outweigh the challenges!

I hope this sparks some ideas for your own projects!