
Анатолий Шарий

Україна Сейчас | УС: новини, політика, війна

Всевидящее ОКО: Україна | Новини

Мир сегодня с "Юрий Подоляка"

Труха⚡️Україна

Николаевский Ванёк

Лёха в Short’ах Long’ует

Лачен пише

Инсайдер UA | Україна | Новини

Анатолий Шарий

Україна Сейчас | УС: новини, політика, війна

Всевидящее ОКО: Україна | Новини

Мир сегодня с "Юрий Подоляка"

Труха⚡️Україна

Николаевский Ванёк

Лёха в Short’ах Long’ует

Лачен пише

Инсайдер UA | Україна | Новини

Анатолий Шарий

Україна Сейчас | УС: новини, політика, війна

Всевидящее ОКО: Україна | Новини

Точка входа в программирование
Фундаментальные знания по основам программирования
Разместить рекламу: @tproger_sales_bot
Правила общения: https://tprg.ru/rules
/>Другие каналы: @tproger_channels
Сайт: https://tprg.ru/site
/>Регистрация в перечне РКН: https://tprg.ru/zrgj
Разместить рекламу: @tproger_sales_bot
Правила общения: https://tprg.ru/rules
/>Другие каналы: @tproger_channels
Сайт: https://tprg.ru/site
/>Регистрация в перечне РКН: https://tprg.ru/zrgj
关联群组

Чат Точки входа
45
记录
06.09.202410:05
22K
订阅者06.09.202423:59
0
引用指数24.09.202423:59
1.2K
每帖平均覆盖率07.02.202502:16
1.1K
广告帖子的平均覆盖率24.11.202423:59
6.47%
ER24.09.202423:59
5.38%
ERR

16.02.202517:09
Ловите крутой ресурс для изучения устройства нейронных сетей
Здесь вы найдёте простое и понятное объяснение работы современных нейронок, их ключевых компонентов и механизмов обучения. А также мельком познакомитесь с различными видами по типу RNN, CNN, GAN и не только.
На сайте есть и другие разборы, которые также сопровождаются приятной анимацией. Так что не стесняемся, переходим и обучаемся!
#ml
Здесь вы найдёте простое и понятное объяснение работы современных нейронок, их ключевых компонентов и механизмов обучения. А также мельком познакомитесь с различными видами по типу RNN, CNN, GAN и не только.
На сайте есть и другие разборы, которые также сопровождаются приятной анимацией. Так что не стесняемся, переходим и обучаемся!
#ml


20.02.202509:31
4 сайта, чтобы учиться новым скиллам играючи
1) Codecombat
На сайте собран большая библиотека игры для разных целей: изучение языка с нуля или знакомство с основами информатики.
2) Flexbox Froggy
Игра, в которой вам нужно помочь лягушонку добраться до кувшинки используя только CSS.
3) Screeps
Стратегия по типу Dwarf Fortress, но управление осуществляется через команды JavaScript.
4) SQL Murder Mystery
Раскройте загадочное убийство с помощью SQL. Предупреждаем, что вас ждёт много текста на английском.
Сохраняйте дляпрокачки отдыха
#игры #веб #sql
1) Codecombat
На сайте собран большая библиотека игры для разных целей: изучение языка с нуля или знакомство с основами информатики.
2) Flexbox Froggy
Игра, в которой вам нужно помочь лягушонку добраться до кувшинки используя только CSS.
3) Screeps
Стратегия по типу Dwarf Fortress, но управление осуществляется через команды JavaScript.
4) SQL Murder Mystery
Раскройте загадочное убийство с помощью SQL. Предупреждаем, что вас ждёт много текста на английском.
Сохраняйте для
#игры #веб #sql


18.02.202523:24
Оттачиваем знания алгоритмов и паттернов с помощью AlgoMaster.io
На этой бесплатной платформе собраны задачи с LeetCode, организованные по паттернам. Их сперва решил, а затем тщательно отобрал, оставив только самое важное, автор проекта Ашиш Пратар Сингх.
Помимо самих задач, на сайте есть видеообъяснение каждой задачи и детальное решение с подробным разбором.
#инструменты #паттерны #алгоритмы
На этой бесплатной платформе собраны задачи с LeetCode, организованные по паттернам. Их сперва решил, а затем тщательно отобрал, оставив только самое важное, автор проекта Ашиш Пратар Сингх.
Помимо самих задач, на сайте есть видеообъяснение каждой задачи и детальное решение с подробным разбором.
#инструменты #паттерны #алгоритмы
转发自:
Метод утёнка



06.02.202521:36
Подборка инструмент для всех, кто хоть иногда думает
Untools — это коллекция фреймворков и инструментов, которая поможет вам решать проблемы, принимать решения и прокачать системность.
Здесь нет ИИ, это просто концепции и методологии, которые вы можете изучить и применять в работе или повседневной жизни. Всё понятно расписано, содержит иллюстрации и примеры.
Короче, кто думает, тот оценит лайком и заберёт в Избранное. Остальные просто пройдут мимо. 😏
#инструменты
Untools — это коллекция фреймворков и инструментов, которая поможет вам решать проблемы, принимать решения и прокачать системность.
Здесь нет ИИ, это просто концепции и методологии, которые вы можете изучить и применять в работе или повседневной жизни. Всё понятно расписано, содержит иллюстрации и примеры.
Короче, кто думает, тот оценит лайком и заберёт в Избранное. Остальные просто пройдут мимо. 😏
#инструменты
05.02.202520:34
3 проекта для портфолио, с которыми вас возьмут на работу
Полезное видео для всех, кто задумывается, как правильно составить портфолио, какие проекты туда включать, а какие не нужно. Вы узнаете не только какие именно проекты вам сделать, но и как работодатели оценивают кандидатов, на что обращают внимание и как вам повысить шансы на успех во время собеседования.
Видео не очень большое, так что рекомендую досмотреть до конца и взять советы на заметку.
#видео #советы #портфолио
Полезное видео для всех, кто задумывается, как правильно составить портфолио, какие проекты туда включать, а какие не нужно. Вы узнаете не только какие именно проекты вам сделать, но и как работодатели оценивают кандидатов, на что обращают внимание и как вам повысить шансы на успех во время собеседования.
Видео не очень большое, так что рекомендую досмотреть до конца и взять советы на заметку.
#видео #советы #портфолио
07.02.202522:04
Как работают очереди при обработки HTTP-запросов
Существует три основных типа очередей:
1. FIFO (First-In-First-Out): Обработка запросов в порядке их возникновения.
2. LIFO (Last-In-First-Out): Обработка последнего поступившего запроса в первую очередь.
3. Приоритетные очереди: Обработка запросов на основе их приоритета.
Каждый из типов обладает своими особенностями и проблемами. Чтобы лучше в них разобраться, я нашёл для вас статью, в которой вас ждёт интерактивное исследование стратегий очередей, методов предотвращения потерь, а также рассматриваются практические советы применения разных типов очередей в реальных системах.
Переходим по ссылке и изучаем: https://encore.dev/blog/queueing
#http
Существует три основных типа очередей:
1. FIFO (First-In-First-Out): Обработка запросов в порядке их возникновения.
2. LIFO (Last-In-First-Out): Обработка последнего поступившего запроса в первую очередь.
3. Приоритетные очереди: Обработка запросов на основе их приоритета.
Каждый из типов обладает своими особенностями и проблемами. Чтобы лучше в них разобраться, я нашёл для вас статью, в которой вас ждёт интерактивное исследование стратегий очередей, методов предотвращения потерь, а также рассматриваются практические советы применения разных типов очередей в реальных системах.
Переходим по ссылке и изучаем: https://encore.dev/blog/queueing
#http


03.02.202509:09
Когда думал, что начальник вызвал отругать, но похвалил и выдал премию:


03.02.202518:06
Большая подборка мини-проектов для начинающих веб-разрабов
Знаю, как вы любите подборки, поэтому несу для вас ещё одну. Нашёл её недавно и планирую использовать сам для практики.
Здесь есть всё: от классических калькуляторов до интерактивных игр и клонов известных крупных проектов. Сохряняйте себе в избранное, чтобы не потерять и переходите в репозиторий за подробностями.
#пет-проекты #подборка #веб
Знаю, как вы любите подборки, поэтому несу для вас ещё одну. Нашёл её недавно и планирую использовать сам для практики.
Здесь есть всё: от классических калькуляторов до интерактивных игр и клонов известных крупных проектов. Сохряняйте себе в избранное, чтобы не потерять и переходите в репозиторий за подробностями.
#пет-проекты #подборка #веб
22.02.202500:44
Cline — прокачанная альтернатива GitHub Copilot
Этот автономный агент поможет вам писать код прямо в вашей IDE, как Copilot. Но это только верхушка айсберга. Ещё он способен создавать или редактировать файлы, выполнять команды, использовать браузер и многое другое. С вашего разрешения на каждом этапе, конечно же.
#инструменты
Этот автономный агент поможет вам писать код прямо в вашей IDE, как Copilot. Но это только верхушка айсберга. Ещё он способен создавать или редактировать файлы, выполнять команды, использовать браузер и многое другое. С вашего разрешения на каждом этапе, конечно же.
#инструменты


06.02.202508:39
Начинаем пересчёт фуллстэков. Ставьте ❤️, если узнали себя.


02.02.202518:17
Создаём мобильное приложение с нуля: от идеи до публикации в App Store и Google Play
Каждый день сотни миллионов людей используют мобильные приложения для разных задач: от общения и развлечений до управления финансами и организации рабочего процесса.
Сегодня расскажем о том, как создать своё мобильное приложение нуля: от формирования идеи и разработки до тестирования и публикации в App Store и Google Play. Читайте нашу новую статью.
#mobidev
Каждый день сотни миллионов людей используют мобильные приложения для разных задач: от общения и развлечений до управления финансами и организации рабочего процесса.
Сегодня расскажем о том, как создать своё мобильное приложение нуля: от формирования идеи и разработки до тестирования и публикации в App Store и Google Play. Читайте нашу новую статью.
#mobidev
转发自:
IT Юмор

14.02.202510:04
Разработчики и разработчицы, с Днём Святого Валентина! 🎧
Отправьте своей половинке одну из этих милых открыток❤️
Отправьте своей половинке одну из этих милых открыток❤️
转发自:
Веб-страница

12.02.202515:03
Как правильно работать с DOM в JavaScript в 2025 году?
Работа с DOM (Document Object Model) — это основа веб-разработки. С каждым годом появляются новые, более эффективные способы манипуляции элементами страницы. Давайте разберём, как сегодня правильно работать с DOM в JavaScript, чтобы код был быстрым, удобным и безопасным.
1. Получение элементов
Вместо старых
2. Изменение текста и HTML
Всё зависит от того, что именно нужно поменять.
Не используйте
3. Изменение классов
Правильный способ через
4. Изменение стилей
Не стоит вручную писать
Если нужно много стилей — лучше добавьте или измените класс. Так проще, централизованно и удобнее управлять дизайном.
5. Создание и добавление новых элементов
Лучший способ — использовать
Если нужно добавлять элементы в разные места:
6. Удаление элементов
Самый актуальный способ —
Раньше приходилось делать так (и это было неудобно):
7. Обработчики событий (современный подход)
Раньше часто использовали`onclick`, но перезаписывает предыдущие обработчики и плохо управляется. Лучше используйте
Мы рассказали только часть советов. Если знаете что-то ещё важное, о чем мы не рассказали тут, поделитесь в комментариях.
#простымисловами #фронтенд
Работа с DOM (Document Object Model) — это основа веб-разработки. С каждым годом появляются новые, более эффективные способы манипуляции элементами страницы. Давайте разберём, как сегодня правильно работать с DOM в JavaScript, чтобы код был быстрым, удобным и безопасным.
1. Получение элементов
Вместо старых
getElementById
и getElementsByClassName
сегодня лучше использовать querySelector
и querySelectorAll
. Они более универсальные и понятные.const title = document.querySelector("#title"); // Получает 1 элемент (по id)
querySelector
и querySelectorAll
позволяют находить элементы так же, как в CSS (.класс
, #id
, input[type="text"]
и т. д.). А также querySelectorAll
возвращает не «живую» коллекцию, а обычный статичный список (NodeList
), что логичнее при итерации.2. Изменение текста и HTML
Всё зависит от того, что именно нужно поменять.
textContent
— если надо изменить только текст (без HTML).title.textContent = "Привет, мир!";
Не используйте
innerHTML
, если вставляете данные от пользователя — это дыра в безопасности (XSS-атаки). Если всё же используется innerHTML
, убедитесь, что данные проверены.title.innerHTML = "
insertAdjacentHTML
— отличная альтернатива innerHTML
, если нужно добавить HTML в определённое место, не перезаписывая весь элемент.title.insertAdjacentHTML("beforeend", "
3. Изменение классов
Правильный способ через
classList
, потому что `className`заменяет все классы сразу, из-за чего можно случайно удалить важные стили.title.classList.add("highlight"); // Добавит класс
4. Изменение стилей
Не стоит вручную писать
style.cssText
, потому что он затирает всё, что было до этого. Используйте style
для отдельных свойств.title.style.color = "red";
Если нужно много стилей — лучше добавьте или измените класс. Так проще, централизованно и удобнее управлять дизайном.
title.classList.add("error"); // В CSS заранее определите .error { color: red; }
5. Создание и добавление новых элементов
Лучший способ — использовать
createElement
, а не innerHTML
.const newDiv = document.createElement("div"); // Создаём элемент
Если нужно добавлять элементы в разные места:
appendChild()
— добавляет в конец родителя.prepend()
— добавляет в начало.before()
и after()
— добавляют перед или после элемента.title.after(newDiv); // Вставит newDiv сразу после title
6. Удаление элементов
Самый актуальный способ —
remove()
.newDiv.remove(); // Удалит элемент из DOM
Раньше приходилось делать так (и это было неудобно):
newDiv.parentNode.removeChild(newDiv); // Старый подход
7. Обработчики событий (современный подход)
Раньше часто использовали`onclick`, но перезаписывает предыдущие обработчики и плохо управляется. Лучше используйте
addEventListener
.const button = document.querySelector("#myButton");
Мы рассказали только часть советов. Если знаете что-то ещё важное, о чем мы не рассказали тут, поделитесь в комментариях.
#простымисловами #фронтенд


07.02.202513:37
Что такое асинхронность
Сперва немного терминологии. Асинхронность — это способность программы выполнять несколько задач одновременно, не дожидаясь завершения каждого шага. Это особенно полезно, когда программа выполняет долгие операции (например, загрузку данных из сети), но при этом не блокирует выполнение других задач.
Если код работает синхронно, каждая операция выполняется строго по порядку. Это может привести к задержкам:
В примере выше всё остальное в программе «заморожено», пока выполняется
Как работают async/await
В асинхронном программировании код выполняется без блокировки. Программа продолжает работать, пока выполняются долгие задачи.
Пример на Python с
Давайте разберёмся, что здесь происходит:
1.
2.
3.
Асинхронность делает код быстрее и эффективнее, особенно при работе с долго выполняющимися операциями!
#простымисловами #основы
Сперва немного терминологии. Асинхронность — это способность программы выполнять несколько задач одновременно, не дожидаясь завершения каждого шага. Это особенно полезно, когда программа выполняет долгие операции (например, загрузку данных из сети), но при этом не блокирует выполнение других задач.
Если код работает синхронно, каждая операция выполняется строго по порядку. Это может привести к задержкам:
import time
В примере выше всё остальное в программе «заморожено», пока выполняется
sleep()
. Если бы это была веб-страница, она зависла бы на несколько секунд.Как работают async/await
В асинхронном программировании код выполняется без блокировки. Программа продолжает работать, пока выполняются долгие задачи.
Пример на Python с
asyncio
:import asyncio
Давайте разберёмся, что здесь происходит:
1.
async
делает функцию асинхронной.2.
await
говорит «подожди, но не блокируй остальную программу».3.
asyncio.run(main())
запускает асинхронную операцию.Асинхронность делает код быстрее и эффективнее, особенно при работе с долго выполняющимися операциями!
#простымисловами #основы


03.02.202523:09
Как читать чужой код и понимать его: гайд, как не разбить экран компьютера
Разработчикам часто приходится читать незнакомый код — другого разработчика или свой, но написанный неделю назад в 4 часа ночи с красными глазами. Это может быть сложной задачей, особенно когда отсутствует документация.
Но мы стоим на страже ваших нервов и дедлайнов, поэтому в новой статье рассказываем, как читать чужой код без стресса, не допуская типичных ошибок новичков, и посоветуем крутые лайфхаки, которые будут вам подспорьем в этой непростой задаче.
Разработчикам часто приходится читать незнакомый код — другого разработчика или свой, но написанный неделю назад в 4 часа ночи с красными глазами. Это может быть сложной задачей, особенно когда отсутствует документация.
Но мы стоим на страже ваших нервов и дедлайнов, поэтому в новой статье рассказываем, как читать чужой код без стресса, не допуская типичных ошибок новичков, и посоветуем крутые лайфхаки, которые будут вам подспорьем в этой непростой задаче.
登录以解锁更多功能。