Вайб-кодинг

🔖Фронтендерам отказывают в работе, если они не знают фреймворков Почему-то у начинающих разработчиков принято считать, что рынок перенасыщен, и работы нет. Но работа есть — для тех, у кого есть достаточно знаний и минимальный опыт в резюме (который не получить из прочитанных книжек) Эйчары не смотрят на тех, кто — не знает js-фреймворков — и не имеет коммерческого опыта Как выучить фреймворк и как получить опыт работы, который так необходим на собесах — рассказывает автор канала Интенсивный JavaScript. Он действующий тимлид, регулярно нанимает джунов в свою команду и видит, кто на чём заваливается На своём канале он сейчас проводит бесплтаное обучение, где участники кодят фронтенд для киносервиса на HTML/CSS + JS + Angular Кроме того, на обучении даёт подробный план всего, что должен знать джун при трудоустройстве — сам нанимает людей к себе в команду 🔥Подписывайтесь и тоже кодьте проект, осталось 30 мест У него места действительно бесплатные, а не «только сегодня 0 вместо 5990 😁»

Простой способ отслеживания текущего сфокусированного элемента на веб-странице: на заметку фронтенд-разработчику ➡️ @tips_frontend

Set в JavaScript: теперь с новыми суперспособностями Узнайте о грядущих обновлениях Set в JavaScript, включая новые методы union, intersection, difference и другие. Подробный обзор и примеры использования. 😒 Читать статью ➡️ @tips_frontend

⚡️ Бесплатное обучение HTML/CSS, JavaScript, Angular с нуля с поддержкой от наставника На канале Интенсивный JavaScript действующий тимлид уровня мидл+ помогает изучить фронтенд на практических задачах, которые интересно кодить С 25 по 29 сентября он проводит бесплатное обучение, где на практике поможет разобраться в HTML/CSS, JavaScript и — Angular Что вы сделаете на обучении — Сверстаете макет своего кинотеатра под присмотром тимлида — Затем добавите JavaScript (и это не пара скриптов для модального окна) — И перепишете проект на Angular 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее Помимо работы с кодом на обучении он расскажет, где новичку взять опыт работы, что ни в коем случае нельзя говорить на собеседовании, почему 90% новичков никогда не получат даже отклика на своё резюме В общем — даст пошаговый подробный план «Что учить во фронтенде и как найти работу джуну в 2024 году» . По этому плану его ученики устраиваются на работу Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля Подписывайтесь, осталось 30 мест Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 👉Участвовать бесплатно Первые уроки уже доступны

Недооцененные возможности CSS grid: подробное руководство с множеством интерактивных демонстраций Свежий взгляд на CSS grid template areas и на то, как сегодня использовать весь их потенциал. 👉 Читать ➡️ @tips_frontend

Полное руководство по Web Push API Пуш-уведомления поддерживаются основными браузерами, и с их недавним добавлением в iOS они становятся привлекательной интеграцией для веба. Под катом — пошаговое руководство по реализации push-уведомлений. Приложение из гайда разработано с использованием remix + service workers + web-push + API showNotification для регистрации service workers. 😈 Архитектура включает: ⚡️ Settings route ⚡️ Subscription route ⚡️ Push-сервер ⚡️ Service Worker ⚡️Client Utilities 🔤 Читать ➡️ @tips_frontend

🔥 6895 ГБ платного контента для программистов выложили в Telegram Тонны курсов, уроков и видео теперь в открытом доступе: 🖥 Frontend — 981 ГБ 🖥 Backend — 817 ГБ 🖥 Python — 724 ГБ 👩‍💻 Все языки — 4373 ГБ Успей подать заявку, пока не удалили

Магия clip-path в CSS clip-path часто используется для обрезки узла DOM в определенные формы, например, треугольники. Но что, если использовать его для анимации? Автор статьи погружается в clip-path и рассматривает некоторые из интересных вещей, которые вы можете с ним сделать. Как только вы прочтете ее, вы начнете видеть, что это свойство используется везде. 👉 Читать ➡️ @tips_frontend

👩‍💻 Exploring JS: книги по JavaScript для разработчиков Вы наверняка знаете Dr. Axel по его замечательным записям в блоге на протяжении многих лет, но у него также есть впечатляющая коллекция книг, которые вы можете прочитать бесплатно, включая недавно обновленные Exploring JavaScript (ES2024 Edition), Deep JavaScript и Tackling TypeScript. ➡️ @tips_frontend

⚡️ YouTube больше не нужен! Блогеры переезжают в Telegram, а разработчики из Big Tech не остались в стороне и уже перенесли терабайты платного контента в свои каналы: 📱 Frontend: @frontend 📱 Python: @python 📱 Java: @java 📱 Дизайн: @design 📱 Английский в IT: @english 📱 IT Библиотека: @library 📱 IT Мемы: @memes

⚡️ YouTube больше не нужен! Блогеры переезжают в Telegram, а разработчики из Big Tech не остались в стороне и уже перенесли терабайты платного контента в свои каналы: 📱 Frontend: @frontend 📱 Python: @python 📱 Java: @java 📱 Дизайн: @design 📱 Английский в IT: @english 📱 IT Библиотека: @library 📱 IT Мемы: @memes

👩‍💻 TypeHero — онлайн-платформа для общения, взаимодействия и развивития вместе с сообществом разработчиков TypeScript. Повышайте свои навыки с помощью интерактивных задач по программированию, обсуждений и обмена знаниями. 👉 Перейти к платформе ➡️ @tips_frontend

4 юзкейса HTML-элемента <article>: на заметку фронтенд-разработчику ➡️ @tips_frontend

Привет! Хочешь научиться хорошо и быстро разрабатывать крутые сайты и проекты? Тогда канал «Будни разработчика» для тебя! Подпишись, и узнаешь: ➕ как влиться во фронтенд ➕ как организовать работу ➕ как писать хороший код Ждём! ⬇️

40 незаменимых API для разработчиков Разработчики постоянно ищут способы оптимизировать свою работу. Мы собрали 40 API, которые помогут вам сэкономить время, повысить эффективность и добавить новые функции в ваши проекты. 😈 Читать статью ➡️ @tips_frontend

Хочешь щёлкать задачи по фронтенду как орешки? Канал Frontend tests & tasks научит! Это не очередной канал с задачами. Здесь придется думать. Убедись сам 👉 @Frontend_tasks

👩‍💻 Руководство по анализу производительности JavaScript с использованием Chrome DevTools Автор и его коллега исследовали производительность библиотеки fabric.js. Они смогли значительно улучшить производительность с 13 FPS до почти 50 FPS всего за два часа, используя вкладку Performance в Chrome DevTools для измерения и оптимизации времени выполнения JavaScript. Под катом — своего рода дополнение к руководству Analyze runtime performance от Google. 👉 Читать ➡️ @tips_frontend

🔥 824 ГБ платного контента для Frontend-разработчиков выложили бесплатно в Telegram Выбирай нужное и обучайся: 98 ГБ — JavaScript 62 ГБ — TypeScript 33 ГБ — HTML 71 ГБ — CSS 62 ГБ — React 47 ГБ — Vue 51 ГБ — Angular 17 ГБ — Flexbox 31 ГБ — Grid 14 ГБ — Git & GitHub 22 ГБ — Webpack 37 ГБ — Figma 279 ГБ — Многое другое... 🔒 Успей подписаться, пока не удалили

👩‍💻 Виртуальная DOM в 200 строк JavaScript-кода: на заметку фронтенд-разработчику Разработка механизма, используемого под капотом React и других UI-библиотек. 😈 Читать гайд ➡️ @tips_frontend

⚡️ Learn TypeScript — курс от freeCodeCamp, который представляет из себя практическое введение в TypeScript. Вы узнаете, как TypeScript может облегчить вашу жизнь и сделать код менее подверженным ошибкам. 🔤 Таймкоды: 0:00:00 Introduction 0:06:39 Intro to Pizza app 0:16:49 Move code to TS 0:19:58 Defensive coding 0:24:36 Obligatory types basics lesson 0:28:29 Add type to orderId 0:29:55 Defining Custom Types 0:33:44 Adding a Pizza type 0:38:00 Nested object types 0:43:15 Optional properties 0:45:58 Adding an Order type 0:47:20 Typing arrays 0:52:00 Type orderQueue 0:56:13 Literal types 0:58:57 Unions 1:01:57 Update order status to use literal type unions 1:04:59 Add ids to pizzas 1:07:41 Type Narrowing 1:12:39 Be explicit whenever you can 1:14:54 Function return types 1:17:53 TS-specific types: any 1:20:48 Add return type to getPizzaDetail 1:24:11 Void return type 1:26:09 Add automatic ids to menu items 1:30:31 Utility Types & Partial 1:37:39 Omit Utility Type 1:44:42 Fix TS warnings with Omit 1:48:53 Generics 1:56:17 Generic functions in the pizza restaurant 1:59:43 Explicitly type generic function calls 2:04:08 Conclusion... for now 📱 Смотреть полностью ➡️ @tips_frontend