hashdev | Unsorted

Telegram-канал hashdev - Frontend Hash

3482

admin @haarrp @pythonl - 🐍 @machinee_learning - chat @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 @pythonlbooks-📚 @hr_itwork-работа

Subscribe to a channel

Frontend Hash

🔥 Data Science разбор реальной задачи с собеседования. Прогнозирование оттока клиентов.

https://www.youtube.com/watch?v=QCJMblI3AH8

@hashdev

Читать полностью…

Frontend Hash

Создание эффекта наведенной галереи с помощью flex grow 🚀

https://github.com/atherosai/ui/tree/main/gallery-06

@hashdev

Читать полностью…

Frontend Hash

🔥Подборка лучших обучающих каналов для программистов.

➡️ Делитесь с коллегами и сохраняйте себе, чтобы не потерять

⚡Машинное обучение

Machine Learning - запускаем лучшие ИИ модели, пишем код, погружаемся в нейросети
Ml Собеседование - подготовка к собесу по мл, алгоритмам, коду
Ml ru - актуальные статьи, новости, код и обучающие материалы
Ml Jobs - вакансии ML
ML Книги - актуальные бесплатные книги МО
ML чат

🏆 Golang
Golang - изучи один из самых перспективных языков на ит-рынке
Golang собеседование - разбор задач и вопросов с собесов
Golang вакансии -работа для Go разработчика
Golang книги библиотека книг
Golang задачи и тесты
Golang чат
Golang news - новости из мира go
Golang дайджест

💥 Linux /Этичный хакинг
Linux Academy - гайды, секреты и лучшие материалы по Linux
Kali linux - погрузись в мир этичного хакинга и кибербезопасности
linux_kal - kali чат
Информационная безопасность

🚀 Data Science

Анализ данных - полезные фишки, код, гайды и советы, маст-хэв датасаентиста
Data Jobs - ds вакансии
Аналитик данных
Data Science книги - актуальные бесплатные книги
Big data

🛢Базы данных
Sql базы данных - научим работе с базами данных профессионально
Библиотека баз данных
SQL чат
Вакансии Sql аналитик данных

#️⃣C#

С# академия - лучший канал по c#
С# заметки — код, лучшие практики, заметки программиста c#
С# задачи и тесты
С# библиотека - актуальные бесплатные книги
C# вакансии - работа

🐍 Python

Python/django - самый крупный обучающий канал по Python
Python Собеседование - подготовка к собеседовению python и разбор алгоритмов
Pro python - статьи, новости, код и обучающие материалы
Python Jobs - вакансии Python
Python чат
Python книги

☕ Java

Java академия - java от Senior разработчика
Java вакансии
Java чат
Java вопросы с собеседований
Java книги

💻 C++

C++ академия
С++ книги
C++ задачи - подготовка к собеседовению мл, алгоритмам
C++ вакансии

⚡️ Frontend
Javascript академия - крупнейший js канал
React - лучшие гайды и советы по работе с react
Frontend - тутрориалы, уроки, гайды, код
PHP
Книги frontend
Задачи frontend

🦀 Rust
Rust программирование
Rust чат
Rust книги для программистов

📲 Мобильная разработка
Android разработка
Мобильный разработчик гайды и уроки

🇬🇧 Английский для программистов

🧠 Искусственный интеллект
ИИ и технологии
Neural - нейросети для работы и жизни
Книги ИИ
Artificial Intelligence

🔥 DevOPs
Devops для программистов
Книги Devops

🌟 Docker/Kubernets
Docker
Kubernets

📓 Книги
Библиотеки Книг для программситов

💼 Папка с вакансиями:
Папка Go разработчика:
Папка Python разработчика:
Папка Data Science
Папка Java разработчика
Папка C#
Папка Frontend

Читать полностью…

Frontend Hash

🖥 100 вопросов по React для подготовки к собеседованию

Держите отличную подборку вопросов, здесь покрываются основные темы React:

Основы React.
— JSX (JavaScript XML)
— Компоненты и их жизненный цикл.
— Пропсы (props) и состояние (state).
— События и обработчики событий.

Компоненты и их типы
— Функциональные компоненты.
— Классовые компоненты.
— Хук состояния (useState).
— Хук эффекта (useEffect).
— Хук контекста (useContext).

Роутинг
— React Router — библиотека для маршрутизации в React-приложениях.
— Создание маршрутов и навигация.
— Пропсы маршрутов и параметры URL.

Состояние приложения
— Redux — библиотека для управления состоянием приложения.
— Создание хранилища (store), действий (actions) и редукторов (reducers).
— Middleware и асинхронные действия.

Взаимодействие с API
— Fetch API для выполнения HTTP-запросов.
— Axios — библиотека для выполнения HTTP-запросов.
— Работа с асинхронными запросами и обработка ошибок.

...и остальные темы

📎 100 вопросов

@react_tg

Читать полностью…

Frontend Hash

🏆 Interactive particles text

Фантастически красивая анимация текста для твоего проекта с интерактивными частицами на JS

⚡️ Код

#soft #code #css

Читать полностью…

Frontend Hash

Вы можете легко использовать анимацию, управляемую прокруткой CSS, например, IntersectionObserver в JavaScript 🤙

img {
animation: reveal;
animation-timeline: view();
animation-range: entry 0% entry 150%;
}
@​keyframes reveal { 0% {
opacity: 0;
filter: brightness(2);
scale: 0.9;
}}


@hashdev

Читать полностью…

Frontend Hash

Создаем экран входа в систему с помощью HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/login-06

@hashdev

Читать полностью…

Frontend Hash

Loading.js - это просто Suspense, который оборачивает компонент Page из того же сегмента маршрута.

@hashdev

Читать полностью…

Frontend Hash

🚀Совет по JavaScript

Преобразование массивов в формат CSV упрощает экспорт и обмен данными, делая структурированные данные более доступными и универсальными.📊🔁

@hashdev

Читать полностью…

Frontend Hash

Совет по Javascript 💡

Знаете ли вы о способе копирования массива с заменой одного элемента?

@hashdev

Читать полностью…

Frontend Hash

🖥 Где изучать C# в 2024. Бесплатные курсы и полезные ресурсы

▪Читать

@hashdev

Читать полностью…

Frontend Hash

⚡️ Как передаются данные через Интернет? Какое отношение это имеет к модели OSI? Как TCP/IP вписывается в нее?

Сетевая модель OSI
(The Open Systems Interconnection model) — сетевая модель стека (магазина) сетевых протоколов OSI/ISO. Посредством данной модели различные сетевые устройства могут взаимодействовать друг с другом. Модель определяет различные уровни взаимодействия систем. Каждый уровень выполняет определённые функции при таком взаимодействии.

Модель OSI была разработана в конце 1970-х годов для поддержания разнообразных методов компьютерных сетей, которые в это время конкурировали за применение в крупных национальных сетевых взаимодействиях во Франции, Великобритании и США. В 1980-х годах она стала рабочим продуктом группы взаимодействия открытых систем Международной организации по стандартизации (ISO). Модель не смогла дать полное описание сети и не получила поддержку архитекторов на заре Интернета, который впоследствии нашел отражение в менее предписывающем TCP/IP, в основном под руководством Инженерного совета Интернета (IETF).

7 Уровнями в модели OSI являются:

1. Физический уровень
2. Уровень каналов передачи данных
3. Сетевой уровень
4. Транспортный уровень
5. Сеансовый уровень
6. Уровень представления
7. Прикладной уровень

@hashdev

Читать полностью…

Frontend Hash

Семантика языков программирования

1. Семантика и её значение
2. Введение в Coq
3. Семантика большого шага для императивного языка
4. Множественные цели в Coq. Д-во корректности Constant Folding
5. Coq. Разбор д-ва терминируемости алгоритма Евклида
6. Семантика малого шага, логика Хоара
7. Coq. Семантика малого шага, логика Хоара
8. Введение в слабые модели памяти
9. Декларативные модели памяти (1/2)
10. Декларативные модели памяти (2/2)

#video

https://www.youtube.com/watch?v=sEiTqZmqY08&list=PLlb7e2G7aSpTA0aT2M1CvIWof3Osslo7Z

Читать полностью…

Frontend Hash

→ 20% скидки от Яндекса на курсы по менеджменту, чтобы управлять эффективнее. 

К Чёрной пятнице Яндекс Практикум подготовил акцию, где можно получить скидку для менеджеров. 

На работе нам часто приходится отстаивать свою точку зрения: защищать интересы команды, убеждать собеседников на переговорах, решать конфликты. Достигать этих целей помогает навык аргументации. Освоить его можно в Яндекс Практикуме. 

За 9 дней вы пройдёте все этапы переговорного процесса — от подготовки до работы с критикой. Научитесь вовлекать собеседников в разговор, снимать противоречия и находить win-win решения в сложных ситуациях. 

Что будет на курсе
✔ Моделирование реальных рабочих ситуаций
✔ Групповая практика на воркшопах в формате деловых встреч
✔ Разбор вашего кейса с обратной связью от эксперта 
✔ Нетворкинг и полезные связи

Начните бесплатную часть курса до 30 ноября и получите промокод со скидкой 20%. Пусть Чёрная Пятница станет поводом сделать карьерный рывок!

Читать полностью…

Frontend Hash

Вышел GigaChat нового поколения. Разработчики @gigachat_bot качественно обновили его, изменив свой подход к обучению. Благодаря этому сервис стал лучше отвечать на запросы пользователей — примерно в два раза. При этом GigaChat также запустили в VK, аудитория сервиса уже достигла более 1 млн пользователей.

Попробовать.

@vistehno

Читать полностью…

Frontend Hash

Расследуй убийство с SQL. Игры, которые реально учат писать код.

https://www.youtube.com/watch?v=pp9pa50BI3o

@hashdev

Читать полностью…

Frontend Hash

iPhone 15 w/ Dynamic Island

Верстка реализована с использованием препроцессоров Pug и SCSS. Каждая нажимаемая кнопка - это input с type="radio", при нажатии на который активируются определенные стили.

#js

https://codepen.io/lukemeyrick/pen/poVyEdZ

Читать полностью…

Frontend Hash

🔥 Menja

Игра в которой нужно разбивать вылетающие блоки. Реализована с помощью JavaScript.

#js

https://codepen.io/MillerTime/details/BexBbE

@hashdev

Читать полностью…

Frontend Hash

⚡️ Большая подборка вопросов с собеседований: Frontend, Javascript, React, Vue и многое другое.

Подборка актуальных задач и вопросов с собеседований поможет вам подготовиться как к практике, так и к теории и получить заветный оффер.

▪Front-end. Вопросы на собеседовании - Репозиторий видеокаста, содержит коллекцию вопросов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик.

▪Вопросы (с ответами) кандидату на должность frontend разработчика

▪Front End Interview Handbook - В отличие от типичных собеседований, в frontend собеседованиях меньше внимания уделяется алгоритмам и больше вопросов о сложных знаниях и экспертизе в предметной области - HTML, CSS, JavaScript. Этот репозиторий содержит все, что вам нужно знать для прохождения собеседований frontend собеседованиями.

▪ Полное собеседование React разработчика 2024🧑🏻‍💻

▪Front-end Developer Interview Questions
список полезных вопросов с собесов.

▪ Interview-questions наиболее часто задаваемые вопросы Frontend-разработчику.

▪Список тестовых заданий на позицию JS-разработчика

▪10 задач по промисам JavaScript

▪Вопросы с собеседования на фронтенд разработчика React.js

▪100 вопросов по React для подготовки к собеседованию

@javascriptv

Читать полностью…

Frontend Hash

Dual Picture Accordion Fold

Двойная картинка на чистом CSS.

https://codepen.io/amit_sheen/pen/PodVLMr

Читать полностью…

Frontend Hash

⚡️ Каждый веб-сайт, который вы посещаете оснащен ПО для веб-серверов.

Вы когда-нибудь задумывались, какие веб-серверы являются самыми популярными в наши дни? Вот данные об использовании веб-серверов веб-сайтами с самым высоким рейтингом на сегодняшний день 😎 #вебхостинг

@hashdev

Читать полностью…

Frontend Hash

🚀 Крутая Шпаргалка: Полная дорожная карта по изучению UX

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

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

@hashdev

Читать полностью…

Frontend Hash

💡 Используйте тригонометрические функции в CSS для создания плавной ступенчатой задержки перехода:


.character {
transition-delay:
calc(sin((var(--index) / 12) * 45deg) * 0.475s);
}


#css #tip by jhey

Читать полностью…

Frontend Hash

🔥 Лучшие бесплатные курсы Javascript

Читать

@hashdev

Читать полностью…

Frontend Hash

Совет по CSS 💡

Легко создайте градиентную обводку текста с помощью CSS 🎨

Читать полностью…

Frontend Hash

Выпуск открытого движка Heroes of Might and Magic 2 - fheroes2 - 1.0.12 https://opennet.ru/60577/

Читать полностью…

Frontend Hash

🐘Работодатели ищут разработчика на PHP

Ворвитесь на тусовку серьезных ребят и изучите один из самых востребованных ЯП в мире с курсом от Слёрм.  
  
Вы поймёте основные принципы работы и взаимодействия с базами данных, освоите правильные подходы и методологии разработки на PHP. Старт 22 января.   
  
Подробная программа курса ⬅️ 
  
Это большой курс, где PHP разбирается комплексно. Вы сможете:

Разрабатывать веб-приложения на языке PHP, используя базовые концепции и синтаксис языка;

Проектировать и разрабатывать функциональность для веб-сайтов и веб-приложений с использованием PHP;

Решать проблемы при работе приложения в продакшене, научиться анализировать результаты работы приложения
 
Разбираться в основных принципах работы с PHP-библиотеками;  
  
Спикеры курса: 
 
🦇 Всеволод Севостьянов, Staff Engineer в navan.com. Специализируется на построении complex cognitive systems. Команда под его руководством поддерживает multi-tenant клиентский кластер на несколько тысяч компаний; 
 
🎃 Егор Черненок, Senior PHP-разработчик в AGIMA. Пишет сложный бекенд, отвечает за развитие стажёров и джунов. 
 
Встретимся 22 января. Подробная программа на сайте Слёрм 💎

Реклама. ООО «Слёрм» г. Лиски, ОГРН 1193668020545 Erid: 2Vtzqw6c9um

Читать полностью…

Frontend Hash

Responsive Grid — анимация страницы. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

https://codepen.io/julesforrest/pen/QBzaQR

@javascriptv

Читать полностью…

Frontend Hash

🔵 Пишем телеграм бота для скачивания #yotube видео

📌Видео

• Папка отборных каналов для Python разработчиков -/channel/addlist/8vDUwYRGujRmZjFi
• Cсылка на бота: @Youtubedtg_bot
• Полный код бота: https://github.com/Develp10/telegramyoutubebot

@pro_python_code

Читать полностью…

Frontend Hash

🐍 Mastering Financial Engineering: От моделирования на Python к интерактивным приложениям

Финансовый инжиниринг включает в себя сложные вычисления и моделирование для анализа и решения финансовых проблем.

Независимо от того, являетесь ли вы студентом или начинающим специалистом в области финансов, очень важно не только понимать концепции, но и профессионально представлять свою работу.

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

Предварительный вариант приложения, которое вы сможете создать к концу этого урока: в изображении.

1. Организуйте рабочее пространство
Шаг 1.1: Создание выделенной папки

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

Далее

Читать полностью…
Subscribe to a channel