Мок-интервью на позицию junior frontend c упором на лайвкодинг
https://www.youtube.com/watch?v=9nBbRK-Gfjg
https://www.youtube.com/watch?v=9nBbRK-Gfjg
YouTube
Мок-интервью для джуна-фронтендера: собеседование с лайвкодингом | Хекслет
Публичное собеседование – формат учебного интервью, где джуниор-разработчик пытается пройти собеседование на позицию фронтенд-разработчика. Опытный разработчик задаёт вопросы, которые помогают кандидату продемонстрировать знание технологий и понимание подходов…
❤12👎4🔥2👍1
Что такое source maps?
Как минифицировать и разбираться в коде с помощью source maps? Плюс несколько примеров по работе с расширениями для source maps.
https://web.dev/source-maps/
Как минифицировать и разбираться в коде с помощью source maps? Плюс несколько примеров по работе с расширениями для source maps.
https://web.dev/source-maps/
👍16❤2
Кроссбраузерная поддержка двух фич: Push Notification и importmap
Safari, FireFox, Chrome и даже Edge
Подробнее про Push Notifications
Подробнее про importmap
Safari, FireFox, Chrome и даже Edge
Подробнее про Push Notifications
Подробнее про importmap
👍15
Выпуск Kolesa Podkast о frontend разработке
Kolesa Podkast - подкаст о казахстанском IT.
Вместе с гостями ребята обсудили технологии и ключевые языки программирования, как выглядит и куда движется современный frontend, а также начало карьеры и развитие разработчика.
Послушать можно тут:
— Youtube
— Apple Podcasts
— Яндекс.Музыка
Kolesa Podkast - подкаст о казахстанском IT.
Вместе с гостями ребята обсудили технологии и ключевые языки программирования, как выглядит и куда движется современный frontend, а также начало карьеры и развитие разработчика.
Послушать можно тут:
— Youtube
— Apple Podcasts
— Яндекс.Музыка
YouTube
Frontend — это модно и перспективно? О технологиях, сообществе и карьере фронтендера. Kolesa Podcast
Мы вернулись! У нас ребрендинг, и у 5 сезона подкаста теперь новое название — Kolesa Podcast 🚀 В первом эпизоде говорили о frontend-разработке.
Сегодня без фронтендера не обходится ни одна компания из мира IT и Digital. Потому что такой специалист занимается…
Сегодня без фронтендера не обходится ни одна компания из мира IT и Digital. Потому что такой специалист занимается…
👍8❤7💩2
Используем pre-render в React приложении с react-snap
Что такое pre-render и в чем его отличие от SSR
https://blog.logrocket.com/pre-rendering-react-app-react-snap/
Что такое pre-render и в чем его отличие от SSR
https://blog.logrocket.com/pre-rendering-react-app-react-snap/
👍11👎2👀1
5 крутых инструментов для работы с JSON
https://blog.logrocket.com/5-useful-json-tools-improve-productivity/
https://blog.logrocket.com/5-useful-json-tools-improve-productivity/
🔥20👍3👎3
Как обеспечить безопасность веб-приложений?
Руководство по стратегиям аутентификации для разработчиков.
https://dev.to/ma7moud3bas/how-to-secure-the-web-a-comprehensive-guide-to-authentication-strategies-for-developers-48od
Руководство по стратегиям аутентификации для разработчиков.
https://dev.to/ma7moud3bas/how-to-secure-the-web-a-comprehensive-guide-to-authentication-strategies-for-developers-48od
🔥10👍1
Круговые зависимости в Node.js
И как с ним справляться с помощью пакета
https://dev.to/successgilli/circular-dependency-in-nodejs-and-nestjs-3e1d
И как с ним справляться с помощью пакета
madge.https://dev.to/successgilli/circular-dependency-in-nodejs-and-nestjs-3e1d
👍8💩7
Пишем крестики-нолики
Пошаговый и итеративный туториал по созданию игры
▫️на чистом HTML/CSS/JS
▫️с добавлением TypeScript
▫️c рефакторингом в React приложение
https://www.youtube.com/watch?v=MsnQ5uepIaE
Пошаговый и итеративный туториал по созданию игры
▫️на чистом HTML/CSS/JS
▫️с добавлением TypeScript
▫️c рефакторингом в React приложение
https://www.youtube.com/watch?v=MsnQ5uepIaE
🔥20👍4👎3❤1
Публикуем свой сайт на GitHub pages
Простая инструкция для тех, кто хочет захостить свое приложение на GitHub pages.
https://dev.to/pvishnuprasaath/host-react-app-in-github-pages-35p9
Простая инструкция для тех, кто хочет захостить свое приложение на GitHub pages.
https://dev.to/pvishnuprasaath/host-react-app-in-github-pages-35p9
🔥12🍓3👎1
Generics в TypeScript
Что такое Generics и как их использовать в классах и интерфейсах.
https://levelup.gitconnected.com/generics-in-typescript-ea1c6f41d5c1
Что такое Generics и как их использовать в классах и интерфейсах.
https://levelup.gitconnected.com/generics-in-typescript-ea1c6f41d5c1
👍23🔥1
Как красиво отобразить многострочный текст?
Ахмад Шадид рассказывает о настройке красивого отображения текста с помощью свойства
https://ishadeed.com/article/css-text-wrap-balance/
Ахмад Шадид рассказывает о настройке красивого отображения текста с помощью свойства
text-wrap:balance.https://ishadeed.com/article/css-text-wrap-balance/
❤27🔥9👍2
Поверхностное и глубокое копирование объектов JS
В чем разница и как реализуются методы копирования объектов в JavaScript.
https://web.dev/structured-clone/
В чем разница и как реализуются методы копирования объектов в JavaScript.
https://web.dev/structured-clone/
🔥11👍4⚡2❤1
Двусторонний дата биндинг в 15 строчек на чистом JS
Как добавить реактивность без использования фреймворков? Попробуем сделать это с Proxy.
https://gomakethings.com/two-way-data-binding-and-reactivity-with-15-lines-of-vanilla-javascript/
Как добавить реактивность без использования фреймворков? Попробуем сделать это с Proxy.
https://gomakethings.com/two-way-data-binding-and-reactivity-with-15-lines-of-vanilla-javascript/
🔥12❤4👍2🤩1
Forwarded from Habr For Dev
#css #frontend
Больше контроля над селектором :nth-child() с помощью синтаксиса of S
Новое в CSS Selectors Level 4 - возможность опционально передавать список селекторов в :nth-child() и :nth-last-child().
⭐️◽️◽️◽️◽️
📖Читать
Больше контроля над селектором :nth-child() с помощью синтаксиса of S
Новое в CSS Selectors Level 4 - возможность опционально передавать список селекторов в :nth-child() и :nth-last-child().
⭐️◽️◽️◽️◽️
📖Читать
👍20❤3🌚1🍌1
This media is not supported in your browser
VIEW IN TELEGRAM
Пиксельный эффект перехода между страницами
Демо
Github
https://tympanus.net/codrops/2023/04/05/ideas-for-pixel-page-transitions/
Демо
Github
https://tympanus.net/codrops/2023/04/05/ideas-for-pixel-page-transitions/
👍18💩2
Где и как хранить большие данные в браузере?
Видео о том, как IndexedDB может помочь с хранением данных на фронте и как ее использовать.
https://youtu.be/WkMqt6Tm7sM
Видео о том, как IndexedDB может помочь с хранением данных на фронте и как ее использовать.
https://youtu.be/WkMqt6Tm7sM
YouTube
Где и как хранить большие данные в браузере
Скидка на все курсы нашей школы https://loftschool.com/courses-map/?pr=loftblog-youtube по промокоду loftblog-youtube
В этом видео вы найдёте информацию о том как работать с indexedDB. Здесь будут раскрыты следующие темы:
⁃ Как создать базу данных в браузере…
В этом видео вы найдёте информацию о том как работать с indexedDB. Здесь будут раскрыты следующие темы:
⁃ Как создать базу данных в браузере…
🔥14🤔1
Можете ли вы сделать красивую обводку текста на CSS?
Рассмотрим варианты стилизации текста с помощью CSS и SVG.
https://blog.logrocket.com/create-beautiful-stroked-text-css/
Рассмотрим варианты стилизации текста с помощью CSS и SVG.
https://blog.logrocket.com/create-beautiful-stroked-text-css/
👍11🤯2🤨2❤1
Делаем сайт-визитку на коленке за 20 минут
Простой сайт на NextJS + деплой на vercel.
https://www.youtube.com/watch?v=Xk9-rWLcgj4
Простой сайт на NextJS + деплой на vercel.
https://www.youtube.com/watch?v=Xk9-rWLcgj4
YouTube
Сайт-визитка на nextjs и tailwind за 17 минут с деплоем на vercel
Скидка на все курсы нашей школы https://loftschool.com/courses-map/?pr=loftblog-youtube по промокоду loftblog-youtube
В данном ролике мы вместе с вами создадим сайт-визитку. Для увеличения скорости разработки и возможности дальнейшего улучшения и расширения…
В данном ролике мы вместе с вами создадим сайт-визитку. Для увеличения скорости разработки и возможности дальнейшего улучшения и расширения…
👍10👎3⚡1🍌1
Необычный hover эффект для изображений
Пошаговый видео туториал по созданию сложного noise эффекта.
https://www.youtube.com/watch?v=z1wZp4jV4cQ&ab_channel=Hyperplexed
Пошаговый видео туториал по созданию сложного noise эффекта.
https://www.youtube.com/watch?v=z1wZp4jV4cQ&ab_channel=Hyperplexed
❤14👍5