Forwarded from Достучаться до айти
28_проектов_в_портфолио_frontend_разработчика.pdf
13.4 MB
Пользуйтесь)
📌 = «спасибо»
Please open Telegram to view this post
VIEW IN TELEGRAM
Открыл канал с мемами. Делаем всем комьюнити.
Буду переодически проводить конкурсы внутри за TON
https://t.me/js_it_memes
Присоединяйтесь
Буду переодически проводить конкурсы внутри за TON
https://t.me/js_it_memes
Присоединяйтесь
Telegram
IT & JS Мемы
Контент создается комьюнити: @js_by_vladilen_chat
Ничего себе...
Новый ролик вышел для начинающих с фул гайдом на прикольный пет проект
https://youtu.be/XcrEIWtu_wI
Новый ролик вышел для начинающих с фул гайдом на прикольный пет проект
https://youtu.be/XcrEIWtu_wI
YouTube
Лучшая практика для НАЧИНАЮЩЕГО Frontend разработчика 2025 (Создай приложение С НУЛЯ)
🔥 Поможем найти работу, даже если у вас нет опыта в IT. Станьте middle-разработчиком с доходом от 150 000 ₽
👉 https://resuni.ru/N7H3p
📶 Проверите свои знания во frontend, они помогут вам устроиться на работу. За 120 минут на Диагностике вы получите больше…
👉 https://resuni.ru/N7H3p
📶 Проверите свои знания во frontend, они помогут вам устроиться на работу. За 120 минут на Диагностике вы получите больше…
Как 700 индусов завайбкодили $500M на фейковом ИИ
🤖💸
BuilderAI обещала, что их ИИ “Наташа” создает приложения из двух простых слов в запросе. Такой полноценный ИИ разработчик.
Инвесторы повелись: SoftBank, Microsoft и другие ввалили $500M, а оценка компании взлетела до $1,5 миллиарда.
Но сюрприз! Никакого ИИ — все разрабатывали 700 индусов. Заказчик писал промпт, индус-разработчик составлял тз и передавал другим, которые руками все делали.
Скрещиваем пальчики за Grok & Chat
🤖💸
BuilderAI обещала, что их ИИ “Наташа” создает приложения из двух простых слов в запросе. Такой полноценный ИИ разработчик.
Инвесторы повелись: SoftBank, Microsoft и другие ввалили $500M, а оценка компании взлетела до $1,5 миллиарда.
Но сюрприз! Никакого ИИ — все разрабатывали 700 индусов. Заказчик писал промпт, индус-разработчик составлял тз и передавал другим, которые руками все делали.
Скрещиваем пальчики за Grok & Chat
🎉 Angular v20 уже здесь!
📅 Стабильный релиз доступен с 29 мая 2025 года
Что нового в Angular 20? 🔥
Вот главные улучшения, которые стоит знать:
✅ Новые реактивные возможности переведены в стабильный статус — больше гибкости и производительности!
🧪 Экспериментальные API для кастомизации и расширения фреймворка
⚡️ Zoneless режим теперь в статусе Developer Preview — меньше магии, больше контроля
🌐 Улучшенная серверная производительность — SSR и SSG теперь ещё быстрее
📦 Обновлён Angular CLI v20 с новыми возможностями
💡 Это важный шаг в развитии Angular — фреймворк становится современнее, легче и быстрее.
⸻
📚 Полезные ссылки:
🔗 Релиз Angular v20 на GitHub
📝 Официальный блог-релиз
📆 График релизов и поддержки
📦 Релиз Angular CLI v20
👨💻 Хотите подробный обзор с примерами кода, советами по миграции и анализом новинок?
100🔥 — и сделаю отдельный пост! 🙌
📅 Стабильный релиз доступен с 29 мая 2025 года
Что нового в Angular 20? 🔥
Вот главные улучшения, которые стоит знать:
✅ Новые реактивные возможности переведены в стабильный статус — больше гибкости и производительности!
🧪 Экспериментальные API для кастомизации и расширения фреймворка
⚡️ Zoneless режим теперь в статусе Developer Preview — меньше магии, больше контроля
🌐 Улучшенная серверная производительность — SSR и SSG теперь ещё быстрее
📦 Обновлён Angular CLI v20 с новыми возможностями
💡 Это важный шаг в развитии Angular — фреймворк становится современнее, легче и быстрее.
⸻
📚 Полезные ссылки:
🔗 Релиз Angular v20 на GitHub
📝 Официальный блог-релиз
📆 График релизов и поддержки
📦 Релиз Angular CLI v20
👨💻 Хотите подробный обзор с примерами кода, советами по миграции и анализом новинок?
100🔥 — и сделаю отдельный пост! 🙌
Принцип Монтея
Это подход к решению задач или обучению, который основан на постепенном, итеративном улучшении. Назвали принцип в честь французкого философа Мишеля де Монтеня.
Суть в том, чтобы не стремиться к идеальному решению сразу, а двигаться к цели маленькими шагами.
Простыми словами это так выглядит:
– Попробуй что-то сделать. Не жди, пока у тебя будет идеальный план, — начни с того, что есть.
– Оцени результат. Посмотри, что получилось, а что нет.
– Улучшай. На основе наблюдений внеси изменения и попробуй снова.
– Повторяй. Продолжай этот цикл, пока не достигнешь цели.
Пример: ты учишь язык программирования. Не пытайся сразу писать код идеально. Начни с простых задач и проектов, изучай исходный код, пробуй разные подходы. Постепенно делай решение лучше и исправляй ошибки. Со временем ты станешь намного лучше писать код.
Этот подход помогает не бояться ошибок и достигать своих целей.
Пользуясь этим принципом мы разработали мощный интенсив Frontend Upgrade в Result. Суть в том, что он позволяет за всего 3 месяца пошагово поднять только необходимые навыки для устройства. Их составляет наставник, который составляет индивидуальный план развития (ИПР) для студента, на основе его текущих знаний.
Подход показал себя очень эффективным, когда знания нужно актуализировать быстро и идти в рынок.
Кстати, сейчас последний день 30% скидок на этот продукт.
Такая низкая цена будет еще пару часов
Это подход к решению задач или обучению, который основан на постепенном, итеративном улучшении. Назвали принцип в честь французкого философа Мишеля де Монтеня.
Суть в том, чтобы не стремиться к идеальному решению сразу, а двигаться к цели маленькими шагами.
Простыми словами это так выглядит:
– Попробуй что-то сделать. Не жди, пока у тебя будет идеальный план, — начни с того, что есть.
– Оцени результат. Посмотри, что получилось, а что нет.
– Улучшай. На основе наблюдений внеси изменения и попробуй снова.
– Повторяй. Продолжай этот цикл, пока не достигнешь цели.
Пример: ты учишь язык программирования. Не пытайся сразу писать код идеально. Начни с простых задач и проектов, изучай исходный код, пробуй разные подходы. Постепенно делай решение лучше и исправляй ошибки. Со временем ты станешь намного лучше писать код.
Этот подход помогает не бояться ошибок и достигать своих целей.
Пользуясь этим принципом мы разработали мощный интенсив Frontend Upgrade в Result. Суть в том, что он позволяет за всего 3 месяца пошагово поднять только необходимые навыки для устройства. Их составляет наставник, который составляет индивидуальный план развития (ИПР) для студента, на основе его текущих знаний.
Подход показал себя очень эффективным, когда знания нужно актуализировать быстро и идти в рынок.
Кстати, сейчас последний день 30% скидок на этот продукт.
Такая низкая цена будет еще пару часов
Удар в спину от Маска? 🤯
Сначала Telegram громко анонсирует интеграцию официального Grok от X прямо внутри мессенджера — казалось бы, дружба и сотрудничество.
Но вскоре после этого сам Илон Маск выкатывает свой собственный мессенджер — XChat. И это уже выглядит как неожиданная смена курса.
По данным реверс-инженера Нимы Оуджи (а Маск лично подтвердил), XChat уже тестируется в ограниченном кругу пользователей.
Функции XChat:
🔹 групповые чаты
🔹 сквозное шифрование
🔹 отправка файлов
🔹 режим исчезающих сообщений
Выходит, сначала Telegram пускает к себе Grok, а потом X запускает конкурента мессенджера?
Конкуренция между X и Telegram выходит на новый уровень? 😏
Сначала Telegram громко анонсирует интеграцию официального Grok от X прямо внутри мессенджера — казалось бы, дружба и сотрудничество.
Но вскоре после этого сам Илон Маск выкатывает свой собственный мессенджер — XChat. И это уже выглядит как неожиданная смена курса.
По данным реверс-инженера Нимы Оуджи (а Маск лично подтвердил), XChat уже тестируется в ограниченном кругу пользователей.
Функции XChat:
🔹 групповые чаты
🔹 сквозное шифрование
🔹 отправка файлов
🔹 режим исчезающих сообщений
Выходит, сначала Telegram пускает к себе Grok, а потом X запускает конкурента мессенджера?
Конкуренция между X и Telegram выходит на новый уровень? 😏
Полезная папка для тех, кто развивается во фронтенде
В подборке не только мой, но и другие каналы, которые помогут вырасти в компетенциях и стоимости. Здесь техлиды и фронтенд-разработчики делятся практикой веб-разработки. Это живые заметки о том, как строить продукты и команды.
Подписывайтесь на всю папку сразу или на отдельные каналы.
В подборке не только мой, но и другие каналы, которые помогут вырасти в компетенциях и стоимости. Здесь техлиды и фронтенд-разработчики делятся практикой веб-разработки. Это живые заметки о том, как строить продукты и команды.
Подписывайтесь на всю папку сразу или на отдельные каналы.
🚀 OpenAI представила Codex — ИИ-агента для разработки прямо в ChatGPT
Теперь есть возможность подключать GitHub-репозитории и задавать вопросы на основе своего кода и дописывать существующий функционал. А теперь — новый шаг вперёд.
👨💻 Codex — это агент по разработке ПО внутри ChatGPT. Он пишет код, исправляет ошибки, запускает тесты и может управлять сразу несколькими задачами. Всё это происходит в безопасной облачной среде — без необходимости настраивать окружение вручную.
💡 Codex построен на специальной модели codex-1, которая является вариантом o3 от OpenAI и была натренирована на реальных задачах программирования. Она:
• следует стилю человека;
• точно выполняет инструкции;
• многократно прогоняет тесты, пока они не пройдут.
🧪 Пока Codex находится в предварительной исследовательской версии — функциональность может меняться, но потенциал уже впечатляет.
⚙️ Codex особенно полезен для:
• написания новых функций;
• отладки существующего кода;
• рефакторинга;
• работы с проектами из GitHub прямо внутри ChatGPT.
В итоге, мы перешли от обычных чатботов к полноценным системам агентов и впереди будет еще больше автоматизаций.
Следим за обновлениями 👀
Теперь есть возможность подключать GitHub-репозитории и задавать вопросы на основе своего кода и дописывать существующий функционал. А теперь — новый шаг вперёд.
👨💻 Codex — это агент по разработке ПО внутри ChatGPT. Он пишет код, исправляет ошибки, запускает тесты и может управлять сразу несколькими задачами. Всё это происходит в безопасной облачной среде — без необходимости настраивать окружение вручную.
💡 Codex построен на специальной модели codex-1, которая является вариантом o3 от OpenAI и была натренирована на реальных задачах программирования. Она:
• следует стилю человека;
• точно выполняет инструкции;
• многократно прогоняет тесты, пока они не пройдут.
🧪 Пока Codex находится в предварительной исследовательской версии — функциональность может меняться, но потенциал уже впечатляет.
⚙️ Codex особенно полезен для:
• написания новых функций;
• отладки существующего кода;
• рефакторинга;
• работы с проектами из GitHub прямо внутри ChatGPT.
В итоге, мы перешли от обычных чатботов к полноценным системам агентов и впереди будет еще больше автоматизаций.
Следим за обновлениями 👀
This media is not supported in your browser
VIEW IN TELEGRAM
Все еще пытаюсь выравнить div по центру
🚀 OpenAI выпустила новую флагманскую модель — O3-Pro
Вчера OpenAI представила O3-Pro — самую продвинутую на данный момент модель из линейки O3. Она создана для сложных задач, где важны логика, аналитика и точность рассуждений.
🧠 Что умеет O3-Pro:
• Программирование (генерация, рефакторинг, оптимизация кода)
• Научные и математические задачи (уровень PhD, сложные вычисления)
• Бизнес-аналитика и образование
• Генерация сложных, точных и полноценных текстов
• Работа с файлами, визуальными данными, кодом и интернетом
• Поддержка Python-кода прямо внутри сессий
📊 Результаты тестов:
• Обошла Google Gemini 2.5 Pro в AIME 2024
• Обогнала Claude 4 Opus от Anthropic в GPQA Diamond
• Превзошла базовую O3 по ясности, полноте, точности и следованию инструкциям
⚙️ Что важно знать:
• Доступна с 10 июня для подписчиков ChatGPT Pro ($200 в месяц)
• Корпоративный доступ появится через неделю (Enterprise и Edu)
• Уже доступна через API
• Стоимость: $20 за миллион входных токенов, $80 — за миллион выходных
Минусы:
• Генерация медленнее, чем у O1-Pro
• Нет генерации изображений
• Пока не работает с Canvas и быстрыми чатами
Ставь реакцию если уже пользуешься чатом
Вчера OpenAI представила O3-Pro — самую продвинутую на данный момент модель из линейки O3. Она создана для сложных задач, где важны логика, аналитика и точность рассуждений.
🧠 Что умеет O3-Pro:
• Программирование (генерация, рефакторинг, оптимизация кода)
• Научные и математические задачи (уровень PhD, сложные вычисления)
• Бизнес-аналитика и образование
• Генерация сложных, точных и полноценных текстов
• Работа с файлами, визуальными данными, кодом и интернетом
• Поддержка Python-кода прямо внутри сессий
📊 Результаты тестов:
• Обошла Google Gemini 2.5 Pro в AIME 2024
• Обогнала Claude 4 Opus от Anthropic в GPQA Diamond
• Превзошла базовую O3 по ясности, полноте, точности и следованию инструкциям
⚙️ Что важно знать:
• Доступна с 10 июня для подписчиков ChatGPT Pro ($200 в месяц)
• Корпоративный доступ появится через неделю (Enterprise и Edu)
• Уже доступна через API
• Стоимость: $20 за миллион входных токенов, $80 — за миллион выходных
Минусы:
• Генерация медленнее, чем у O1-Pro
• Нет генерации изображений
• Пока не работает с Canvas и быстрыми чатами
Ставь реакцию если уже пользуешься чатом
📱 Что нового для разработчиков на WWDC 2025
Для тех, кто пропустил. Был в поездке – исправляюсь
На WWDC 2025 Apple показала много нового не только для пользователей, но и для тех, кто пишет код.
🧠 Apple Intelligence — встроенный AI в iOS, iPadOS и macOS
Теперь можно использовать встроенные языковые и визуальные модели на устройстве, без облака.
Через Foundation Models API доступны:
• Генерация и переписывание текста
• Извлечение интентов
• Работа с изображениями
• Интеграция кастомных сценариев через Prompt API и App Intents
Это не просто фича — это полноценный developer API.
🧩 SwiftUI и SwiftData — теперь мощнее
• Новый layout-синтаксис
• Более гибкие анимации и жесты
• Миграции, индексы и производительность в SwiftData (аналог ORM)
🛠 Xcode 17 и Devtools
• Интерактивные Live Previews
• Новый Performance HUD — видны ресурсы в реальном времени
• Улучшенный CI через Test Plan 2.0
• Поддержка новой дизайн-системы Liquid Glass
🌐 Safari и Web
• Поддержка WebGPU, Wasm GC, View Transitions API, Popover API
• Улучшенные DevTools и IndexedDB
👓 visionOS 2 — для spatial-интерфейсов
• Виджеты в пространстве
• Жестовые API
• Мультиоконный интерфейс
• RealityKit и Metal 4
🔐 Безопасность и доступы
• Гибкая система разрешений
• Контроль над обработкой данных AI
• Временный доступ к данным и фото без полного раскрытия
📌 В итоге
WWDC 2025 — это не только про iPhone. Это мощный апдейт для тех, кто разрабатывает под iOS/macOS, строит интерфейсы, работает с AI и интересуется архитектурой за пределами своей экспертизы. Даже если основная зона — веб, понимание этих технологий помогает мыслить шире.
P.S. С праздником вас!
Для тех, кто пропустил. Был в поездке – исправляюсь
На WWDC 2025 Apple показала много нового не только для пользователей, но и для тех, кто пишет код.
🧠 Apple Intelligence — встроенный AI в iOS, iPadOS и macOS
Теперь можно использовать встроенные языковые и визуальные модели на устройстве, без облака.
Через Foundation Models API доступны:
• Генерация и переписывание текста
• Извлечение интентов
• Работа с изображениями
• Интеграция кастомных сценариев через Prompt API и App Intents
Это не просто фича — это полноценный developer API.
🧩 SwiftUI и SwiftData — теперь мощнее
• Новый layout-синтаксис
• Более гибкие анимации и жесты
• Миграции, индексы и производительность в SwiftData (аналог ORM)
🛠 Xcode 17 и Devtools
• Интерактивные Live Previews
• Новый Performance HUD — видны ресурсы в реальном времени
• Улучшенный CI через Test Plan 2.0
• Поддержка новой дизайн-системы Liquid Glass
🌐 Safari и Web
• Поддержка WebGPU, Wasm GC, View Transitions API, Popover API
• Улучшенные DevTools и IndexedDB
👓 visionOS 2 — для spatial-интерфейсов
• Виджеты в пространстве
• Жестовые API
• Мультиоконный интерфейс
• RealityKit и Metal 4
🔐 Безопасность и доступы
• Гибкая система разрешений
• Контроль над обработкой данных AI
• Временный доступ к данным и фото без полного раскрытия
📌 В итоге
WWDC 2025 — это не только про iPhone. Это мощный апдейт для тех, кто разрабатывает под iOS/macOS, строит интерфейсы, работает с AI и интересуется архитектурой за пределами своей экспертизы. Даже если основная зона — веб, понимание этих технологий помогает мыслить шире.
P.S. С праздником вас!
Angular v20 — быстрее, удобнее, современнее!
Старые добрые ngIf, ngFor, ngSwitch объявлены deprecated и исчезнут через год в 22й версии.
Шаблоны стали похожи на TypeScript:
— Шаблонные строки:
— Оператор возведения в степень:
```html <p> {{ 2 ** 3 }} </p>```
Результат, конечно, 8
— Оператор in для проверки свойств:
⚡️ Асинхронные редиректы в маршрутах:
✨ NgComponentOutlet получил улучшения:
Поддержка inputs, content и кастомного инжектора для динамических компонентов.
🚀 Zoneless Angular (Developer Preview) — без Zone.js:
Меньше магии — больше контроля!
📡 HTTP с keepalive:
Отправляйте данные даже при закрытии страницы:
🔹 Сигналы (Signals) теперь стабильны:
API toSignal и effect готовы к продакшену.
⚠️ Важные изменения:
— Убрали ng-reflect-* из DOM
— Deprecated HammerJS — переходите на PointerEvent или другие библиотеки
— Минимальные версии: Node 20 и TypeScript ≥ 5.8
💡 Angular 20 делает серьёзный шаг вперёд: новые возможности в шаблонах, стабильные сигнальные API, удобство работы с динамическими компонентами и подготовка к zoneless-архитектуре.
Ожидаем в будущем Signal Forms и Selectorless Components, но уже сейчас Angular 20 — это мощное обновление с отличной обратной совместимостью.
Старые добрые ngIf, ngFor, ngSwitch объявлены deprecated и исчезнут через год в 22й версии.
Шаблоны стали похожи на TypeScript:
— Шаблонные строки:
<p>{{ `User ID: ${userId()}` }}</p>
— Оператор возведения в степень:
```html <p> {{ 2 ** 3 }} </p>```
Результат, конечно, 8
— Оператор in для проверки свойств:
@if ('damage' in attack) { {{ attack.damage }} }
⚡️ Асинхронные редиректы в маршрутах:
redirectTo: async () => (await checkAuth()) ? '/dashboard' : '/login';
✨ NgComponentOutlet получил улучшения:
Поддержка inputs, content и кастомного инжектора для динамических компонентов.
🚀 Zoneless Angular (Developer Preview) — без Zone.js:
bootstrapApplication(App, { providers: [provideZonelessChangeDetection()] });
Меньше магии — больше контроля!
📡 HTTP с keepalive:
Отправляйте данные даже при закрытии страницы:
http.post('/analytics', { event: 'close' }, { keepalive: true });
🔹 Сигналы (Signals) теперь стабильны:
API toSignal и effect готовы к продакшену.
⚠️ Важные изменения:
— Убрали ng-reflect-* из DOM
— Deprecated HammerJS — переходите на PointerEvent или другие библиотеки
— Минимальные версии: Node 20 и TypeScript ≥ 5.8
💡 Angular 20 делает серьёзный шаг вперёд: новые возможности в шаблонах, стабильные сигнальные API, удобство работы с динамическими компонентами и подготовка к zoneless-архитектуре.
Ожидаем в будущем Signal Forms и Selectorless Components, но уже сейчас Angular 20 — это мощное обновление с отличной обратной совместимостью.