Ищем новичков во фронтенд-разработке и вёрстке сайтов.
Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.
А именно:
- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.
Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать.
Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе.
👉 Приходи на бесплатное обучение и зови с собой друзей
Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.
А именно:
- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.
Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать.
Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе.
👉 Приходи на бесплатное обучение и зови с собой друзей
Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
🍏📦 Apple App Store Frontend Source Code Archive
Репозиторий содержит извлеченный исходный код фронтенда App Store, собранный с помощью расширения для Chrome. Код сохранен для образовательных целей, так как Apple не отключила sourcemaps на своем сайте.
🚀Основные моменты:
- Полный исходный код на Svelte/TypeScript
- Логика управления состоянием
- Компоненты пользовательского интерфейса
- Интеграция с API
- Структура каталогов для удобства навигации
📌 GitHub: https://github.com/rxliuli/apps.apple.com
#typescript
Репозиторий содержит извлеченный исходный код фронтенда App Store, собранный с помощью расширения для Chrome. Код сохранен для образовательных целей, так как Apple не отключила sourcemaps на своем сайте.
🚀Основные моменты:
- Полный исходный код на Svelte/TypeScript
- Логика управления состоянием
- Компоненты пользовательского интерфейса
- Интеграция с API
- Структура каталогов для удобства навигации
📌 GitHub: https://github.com/rxliuli/apps.apple.com
#typescript
GitHub
GitHub - rxliuli/apps.apple.com: App Store web version
App Store web version. Contribute to rxliuli/apps.apple.com development by creating an account on GitHub.
❤2👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Загрузка файла с помощью server action в Next.js
👍24🔥7❤4👎2
🚀 Сначала запусти, а потом улучшай
Эту мантру знает каждый успешный фаундер. Главный риск в IT — застрять в перфекционизме и так и не выйти на рынок. Ценится скорость!
Яркий пример — челлендж «12 запусков за 12 месяцев» в комьюнити «Короче, Капитан». Вот как это работает у них:
⚡️Фокус. Берёте одну проблему с проверенным спросом. Никаких догадок.
⚡️Скорость и бюджет. Ровно месяц на разработку и запуск в США/ЕС. Средний бюджет на продвижение — всего $150.
⚡️Анализ. В конце месяца — честный разбор: что сработало, а что нет.
Вы в реальном времени видите запуск, продвижение и доход по каждому проекту. Идеальный способ прокачать насмотренность и перенять работающие подходы — даже если вы инженер, а не фаундер.
В будущем гарантированно набьете меньше шишек 💡
👉 Подписаться: @its_capitan
Реклама: ИП Зуев Игорь Владимирович, ИНН: 360408359441, Erid: 2Vtzqw12AtX
Эту мантру знает каждый успешный фаундер. Главный риск в IT — застрять в перфекционизме и так и не выйти на рынок. Ценится скорость!
Яркий пример — челлендж «12 запусков за 12 месяцев» в комьюнити «Короче, Капитан». Вот как это работает у них:
⚡️Фокус. Берёте одну проблему с проверенным спросом. Никаких догадок.
⚡️Скорость и бюджет. Ровно месяц на разработку и запуск в США/ЕС. Средний бюджет на продвижение — всего $150.
⚡️Анализ. В конце месяца — честный разбор: что сработало, а что нет.
Вы в реальном времени видите запуск, продвижение и доход по каждому проекту. Идеальный способ прокачать насмотренность и перенять работающие подходы — даже если вы инженер, а не фаундер.
В будущем гарантированно набьете меньше шишек 💡
👉 Подписаться: @its_capitan
Реклама: ИП Зуев Игорь Владимирович, ИНН: 360408359441, Erid: 2Vtzqw12AtX
❤1🔥1
🧩 Умные диаграммы с Excalidraw
Создавайте профессиональные графики с помощью AI, просто описывая их на естественном языке. Интеграция с Excalidraw позволяет редактировать и настраивать диаграммы, обеспечивая гибкость и удобство.
🚀Основные моменты:
- AI генерирует диаграммы на основе текстовых описаний.
- Поддержка более 20 типов графиков, включая ER и архитектурные диаграммы.
- Уникальный алгоритм соединений для чистоты и логики графиков.
- Полная интеграция с Excalidraw для редактирования.
- Легкая настройка с использованием API ключа.
📌 GitHub: https://github.com/liujuntao123/smart-excalidraw-next
#javascript
Создавайте профессиональные графики с помощью AI, просто описывая их на естественном языке. Интеграция с Excalidraw позволяет редактировать и настраивать диаграммы, обеспечивая гибкость и удобство.
🚀Основные моменты:
- AI генерирует диаграммы на основе текстовых описаний.
- Поддержка более 20 типов графиков, включая ER и архитектурные диаграммы.
- Уникальный алгоритм соединений для чистоты и логики графиков.
- Полная интеграция с Excalidraw для редактирования.
- Легкая настройка с использованием API ключа.
📌 GitHub: https://github.com/liujuntao123/smart-excalidraw-next
#javascript
GitHub
GitHub - liujuntao123/smart-excalidraw-next: A smart, powerful, and beautiful excalidraw drawing tool.Draw Professional Charts…
A smart, powerful, and beautiful excalidraw drawing tool.Draw Professional Charts with Natural Language - liujuntao123/smart-excalidraw-next
❤4🔥1
🚀 StyleX — Open Source Styling Library for CSS at Scale!
Facebook представили StyleX - систему стилизации, сочетающую удобство CSS-in-JS с производительностью статического CSS.
Она генерирует коллизионно-устойчивые атомарные стили и позволяет писать выразительный, типобезопасный и сверхбыстрый код.
StyleX уже используется во всех продуктах компании.
Главная идея - компиляция стилей во время сборки, чтобы CSS-код не рос вместе с приложением.
👉 Подробнее: https://engineering.fb.com/2025/11/11/web/stylex-a-styling-library-for-css-at-scale
⚡️ Github: https://github.com/facebook/stylex
@javascriptv
#WebDev #CSS #StyleX #OpenSource
Facebook представили StyleX - систему стилизации, сочетающую удобство CSS-in-JS с производительностью статического CSS.
Она генерирует коллизионно-устойчивые атомарные стили и позволяет писать выразительный, типобезопасный и сверхбыстрый код.
StyleX уже используется во всех продуктах компании.
Главная идея - компиляция стилей во время сборки, чтобы CSS-код не рос вместе с приложением.
👉 Подробнее: https://engineering.fb.com/2025/11/11/web/stylex-a-styling-library-for-css-at-scale
⚡️ Github: https://github.com/facebook/stylex
@javascriptv
#WebDev #CSS #StyleX #OpenSource
👍4❤1🔥1
Для работы yt-dlp с YouTube отныне требуется установка JavaScript-движка
Разработчики проекта yt-dlp, продолжающего развитие инструментария youtube-dl для загрузки звука и видео из online-сервисов, объявили, что начиная с сегодняшнего релиза yt-dlp 2025.11.12 для полноценной загрузки контента с YouTube требуется установка внешнего JavaScript-движка. Использование JavaScript-движка объясняется введением в YouTube проверок, для прохождения которых необходимо выполнение кода на языке JavaScript.
https://opennet.ru/64232/
Разработчики проекта yt-dlp, продолжающего развитие инструментария youtube-dl для загрузки звука и видео из online-сервисов, объявили, что начиная с сегодняшнего релиза yt-dlp 2025.11.12 для полноценной загрузки контента с YouTube требуется установка внешнего JavaScript-движка. Использование JavaScript-движка объясняется введением в YouTube проверок, для прохождения которых необходимо выполнение кода на языке JavaScript.
https://opennet.ru/64232/
⚡️Приглашаем на бесплатный вебинар курса “Разработчик Битрикс24”: «События в Битрикс24: Путеводитель по изменениям»
Когда: 19 ноября, 20:00 (мск)
О вебинаре
Узнайте, как работать с событиями в Битрикс24 для управления изменениями. На открытом уроке курса Разработчик Битрикс24 разберём, что такое события, их виды, процесс регистрации и способы изменения сущностей в системе.
Вопросы вебинара:
- Понятие событий в Битрикс24.
- Разнообразие видов событий.
- Процесс регистрации событий.
- Способы изменения сущностей в Битрикс24.
Что освоите:
- Понимание событий и их роли в Битрикс24.
- Навыки изменения сущностей в системе.
👉 Зарегистрируйтесь: https://otus.pw/lzAC/?erid=2W5zFJaERbv
Прокачайте навыки разработки на Битрикс24!
Занятие приурочено к старту курса “Разработчик Битрикс24” в OTUS, обучение на котором позволит освоить компетенции по созданию и настройке решений для автоматизации бизнес-процессов в Битрикс24.
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
Когда: 19 ноября, 20:00 (мск)
О вебинаре
Узнайте, как работать с событиями в Битрикс24 для управления изменениями. На открытом уроке курса Разработчик Битрикс24 разберём, что такое события, их виды, процесс регистрации и способы изменения сущностей в системе.
Вопросы вебинара:
- Понятие событий в Битрикс24.
- Разнообразие видов событий.
- Процесс регистрации событий.
- Способы изменения сущностей в Битрикс24.
Что освоите:
- Понимание событий и их роли в Битрикс24.
- Навыки изменения сущностей в системе.
👉 Зарегистрируйтесь: https://otus.pw/lzAC/?erid=2W5zFJaERbv
Прокачайте навыки разработки на Битрикс24!
Занятие приурочено к старту курса “Разработчик Битрикс24” в OTUS, обучение на котором позволит освоить компетенции по созданию и настройке решений для автоматизации бизнес-процессов в Битрикс24.
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
This media is not supported in your browser
VIEW IN TELEGRAM
Возможно, вы не знаете о блоке lh в CSS 🤩
👍9❤2
🧩 OpenTalent: Оценка и развитие талантов на основе Git-данных
OpenTalent — это открытая платформа для оценки разработчиков, основанная на их вкладе в проекты с использованием данных Git. Платформа предлагает объективные метрики и отчеты, помогающие как разработчикам, так и работодателям в поиске и развитии талантов.
🚀 Основные моменты:
- Анализ вкладов в код, документацию и тестирование.
- Оценка влияния разработчиков с помощью алгоритма OpenRank.
- Отчеты о взаимодействии в сообществе и карьерные рекомендации.
- Поддержка индивидуальных отчетов для разработчиков и компаний.
📌 GitHub: https://github.com/OS-HUBU/opentalent-new
#javascript
OpenTalent — это открытая платформа для оценки разработчиков, основанная на их вкладе в проекты с использованием данных Git. Платформа предлагает объективные метрики и отчеты, помогающие как разработчикам, так и работодателям в поиске и развитии талантов.
🚀 Основные моменты:
- Анализ вкладов в код, документацию и тестирование.
- Оценка влияния разработчиков с помощью алгоритма OpenRank.
- Отчеты о взаимодействии в сообществе и карьерные рекомендации.
- Поддержка индивидуальных отчетов для разработчиков и компаний.
📌 GitHub: https://github.com/OS-HUBU/opentalent-new
#javascript
GitHub
GitHub - OS-HUBU/opentalent-new
Contribute to OS-HUBU/opentalent-new development by creating an account on GitHub.
🔥 Подборка полезных ресурсов для программистов.
Здесь ты найдёшь всё это - коротко, по делу и без воды.
Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты!
AI: t.iss.one/ai_machinelearning_big_data
Python: t.iss.one/pythonl
Linux: t.iss.one/linuxacademiya
Devops: t.iss.one/DevOPSitsec
Собеседования DS: t.iss.one/machinelearning_interview
C++ t.iss.one/cpluspluc
Docker: t.iss.one/DevopsDocker
Хакинг: t.iss.one/linuxkalii
Data Science: t.iss.one/data_analysis_ml
Javascript: t.iss.one/javascriptv
C#: t.iss.one/csharp_1001_notes
Java: t.iss.one/java_library
Базы данных: t.iss.one/sqlhub
Python собеседования: t.iss.one/python_job_interview
Мобильная разработка: t.iss.one/mobdevelop
Golang: t.iss.one/Golang_google
React: t.iss.one/react_tg
Rust: t.iss.one/rust_code
ИИ: t.iss.one/vistehno
PHP: t.iss.one/phpshka
Android: t.iss.one/android_its
Frontend: t.iss.one/front
Big Data: t.iss.one/bigdatai
МАТЕМАТИКА: t.iss.one/data_math
Kubernets: t.iss.one/kubernetc
Разработка игр: https://t.iss.one/gamedev
Haskell: t.iss.one/haskell_tg
Физика: t.iss.one/fizmat
💼 Папка с вакансиями: t.iss.one/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.iss.one/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.iss.one/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.iss.one/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.iss.one/addlist/mzMMG3RPZhY2M2Iy
Папка Linux:https://t.iss.one/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: t.iss.one/memes_prog
🇬🇧Английский: t.iss.one/english_forprogrammers
🧠ИИ: t.iss.one/vistehno
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://t.iss.one/addlist/BkskQciUW_FhNjEy
Сохрани себе, чтобы не потерять!
Здесь ты найдёшь всё это - коротко, по делу и без воды.
Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты!
AI: t.iss.one/ai_machinelearning_big_data
Python: t.iss.one/pythonl
Linux: t.iss.one/linuxacademiya
Devops: t.iss.one/DevOPSitsec
Собеседования DS: t.iss.one/machinelearning_interview
C++ t.iss.one/cpluspluc
Docker: t.iss.one/DevopsDocker
Хакинг: t.iss.one/linuxkalii
Data Science: t.iss.one/data_analysis_ml
Javascript: t.iss.one/javascriptv
C#: t.iss.one/csharp_1001_notes
Java: t.iss.one/java_library
Базы данных: t.iss.one/sqlhub
Python собеседования: t.iss.one/python_job_interview
Мобильная разработка: t.iss.one/mobdevelop
Golang: t.iss.one/Golang_google
React: t.iss.one/react_tg
Rust: t.iss.one/rust_code
ИИ: t.iss.one/vistehno
PHP: t.iss.one/phpshka
Android: t.iss.one/android_its
Frontend: t.iss.one/front
Big Data: t.iss.one/bigdatai
МАТЕМАТИКА: t.iss.one/data_math
Kubernets: t.iss.one/kubernetc
Разработка игр: https://t.iss.one/gamedev
Haskell: t.iss.one/haskell_tg
Физика: t.iss.one/fizmat
💼 Папка с вакансиями: t.iss.one/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.iss.one/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.iss.one/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.iss.one/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.iss.one/addlist/mzMMG3RPZhY2M2Iy
Папка Linux:https://t.iss.one/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: t.iss.one/memes_prog
🇬🇧Английский: t.iss.one/english_forprogrammers
🧠ИИ: t.iss.one/vistehno
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://t.iss.one/addlist/BkskQciUW_FhNjEy
Сохрани себе, чтобы не потерять!
На картинке 3 кейса:
— Всегда указывайте все зависимости эффекта
— Если зависимость нестабильна (объект/функция) → мемоизируйте
(useMemo, useCallback)— Примитивы (строка, число) в deps — самый безопасный вариант
#hotfix #react
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🤯2🔥1🎉1