Frontend-разработка
2 subscribers
878 photos
579 videos
3.31K links
Агрегатор каналов о фронтенде
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Обучение джуна тестировщика

👉 @seniorFront


Original post link: t.me/seniorFront/3952
Forwarded and filtered by @smartfeed_bot
​​🧐Анатомия Htmx

В этой статье мы с вами разберемся, как htmx работает.

Читать...


Original post link: t.me/frontendnoteschannel/3457
Forwarded and filtered by @smartfeed_bot
Как проверить, что данная строка является анаграммой другой строки в JavaScript?

Анаграмма
— приём, состоящий в перестановке букв или звуков определённого слова, что в результате даёт другое слово или словосочетание. Несколько примеров анаграмм на английском:

1. evil = vile
2. a gentleman = elegant man
3. eleven plus two = twelve plus one

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


Original post link: t.me/senior_front/1940
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
View transitions (Chrome 115+)

Анимация создана при помощи CSS view transitions.

👉 @seniorFront


Original post link: t.me/seniorFront/3953
Forwarded and filtered by @smartfeed_bot
Создаём портфолио в формате 2D-игры на JavaScript

Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.

Гайд по разработке: https://youtu.be/wy_fSStEgMs
Демо: https://jslegenddev.github.io/portfolio/
Исходники: https://github.com/JSLegendDev/2d-portfolio-kaboom

#javascript


Original post link: t.me/tproger_web/4482
Forwarded and filtered by @smartfeed_bot
​​🦾Typescript Generics

В этой статье вы узнаете о преимуществах статической типизации в TypeScript, особенно в сложных проектах, где она может ускорить разработку и упростить поддержку кода.

Читать...


Original post link: t.me/frontendnoteschannel/3458
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Responsive MacOS Style Portfolio – портфолио с вкладками, стилизованное под интерфейс macOS. Основная фишка – полупрозрачный фон модального окна.

Сайтодел | #сниппет #css


Original post link: t.me/sitodel/1717
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 9 messages
Our filtering prevented you from: 3 messages

Top 3 source channels:
Frontender's notes [ru]: 3 message(s)
Веб-страница: 3 message(s)
Senior Frontend - javascript, html, css: 2 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Когда уронил всю инфраструктуру компании, но большинство коллег благодарны тебе за внеплановый выходной:


Original post link: t.me/tproger_web/4483
Forwarded and filtered by @smartfeed_bot
🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏


Original post link: t.me/frontendnoteschannel/3459
Forwarded and filtered by @smartfeed_bot
🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏


Original post link: t.me/seniorFront/3954
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Tailwind - Notifications and Messages

Небольшой компонент с сообщениями и уведомлениями, стилизованный при помощи Tailwind.

👉 @seniorFront


Original post link: t.me/seniorFront/3955
Forwarded and filtered by @smartfeed_bot
🖥 Smoothie Bowl Transition Prototype – прототип для анимации с вращающимися тарелками. Во вкладке "design" есть разные варианты цветового оформления страницы.

Сайтодел | #макет #figma


Original post link: t.me/sitodel/1718
Forwarded and filtered by @smartfeed_bot
​​👀Топ-3 причины, почему вы должны использовать Copilot

В статье расскажу, какие выделил для себя плюсы использования, а также покажу, как GitHub Copilot помогает в разработке на примере проекта на React/Typescript.

Читать...


Original post link: t.me/frontendnoteschannel/3460
Forwarded and filtered by @smartfeed_bot
​​Не верьте тем, кто говорит, что PHP не умирает и вот почему

В последнее время на слуху несколько популярных языков программирования: Python, C#, JavaScript. Из-за этого кажется, что другие языки не так востребованы на рынке и изучать их нет смысла.

На самом деле, это не так. В этой статье рассказали, сколько зарабатывают PHP-разработчики, и как на это влияет низкая конкуренция: https://tproger.ru/articles/php-ne-umiraet--i-dokazatelstvo-tomu---nehvatka-php-programmistov-na-rynke-i-vysokie-zarplaty

@tproger_web #php #тренды #карьера


Original post link: t.me/tproger_web/4484
Forwarded and filtered by @smartfeed_bot
​​🤥То, что вы пишете, это точно composables?

В этой статье c помощью простого чек листа за пару шагов выясним, являются ли функции, которые вы пишете в своем vue коде, настоящими composables.

Читать...


Original post link: t.me/frontendnoteschannel/3461
Forwarded and filtered by @smartfeed_bot
#вопросы_с_собеседований
Что такое AJAX?

AJAX — Asynchronous Javascript And XML. Это подход к асинхронному неблокирующему обмену данными с сервером.

Раньше для решения задачи использовался объект XMLHttpRequest, сейчас более актуален подходящий к промисам fetch API.


Original post link: t.me/senior_front/1942
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 9 messages
Our filtering prevented you from: 3 messages

Top 3 source channels:
Senior Frontend - javascript, html, css: 4 message(s)
Frontender's notes [ru]: 3 message(s)
Веб-страница: 2 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Media is too big
VIEW IN TELEGRAM
Hover to Affect Sibling Elements

В этом видео создаётся эффект при наведении на элемент, а также создаются эффекты для соседних элементов. Для задания стилей соседним элементам используются свойства previousElementSibling и nextElementSibling.

👉 @seniorFront


Original post link: t.me/seniorFront/3958
Forwarded and filtered by @smartfeed_bot
​​Готовимся к вопросам по вёрстке на интервью фронтенд-разработчика: зачем нужно использовать свойство display?

Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:

https://habr.com/ru/companies/ruvds/articles/798975/

@tproger_web #фронтенд #собеседование


Original post link: t.me/tproger_web/4485
Forwarded and filtered by @smartfeed_bot
✍️ Heebo – шрифт для латиницы и иврита, родственный шрифту Roboto. Пример шрифта можно посмотреть в сниппете "Stripe Sessions Style Flex Carousel"

Сайтодел | #шрифт


Original post link: t.me/sitodel/1719
Forwarded and filtered by @smartfeed_bot