Forwarded from Frontender's notes [ru]
Создавайте, тестируйте и развертывайте приложения бесплатно
Провайдер облачных и AI-технологий Cloud․ru запустил free tier: бесплатные облачные ресурсы навсегда.
Какие сервисы можно подключить:
1️⃣ Виртуальная машина
2vCPU/4 ГБ с диском на 30 ГБ. Такой машины хватит, чтобы разработать и протестировать приложение или поднять VPN-шлюз.
2️⃣ Объектное хранилище S3
5 ГБ стандартного облачного хранилища и бесплатные операции для загрузки данных любого типа.
Сервисы расположены на платформе Cloud․ru Evolution — публичное защищенное облако на базе собственных разработок и свободно распространяемых компонентов.
Для выхода ВМ в интернет вам понадобится публичный IP, который вы можете оплатить самостоятельно (146 рублей), либо воспользоваться бонусами — 4000 рублей для новых пользователей при привязке карты или регистрации по Сбер ID.
✅ Забрать бесплатные ресурсы можно на сайте: https://sc.link/TrsaN
Провайдер облачных и AI-технологий Cloud․ru запустил free tier: бесплатные облачные ресурсы навсегда.
Какие сервисы можно подключить:
2vCPU/4 ГБ с диском на 30 ГБ. Такой машины хватит, чтобы разработать и протестировать приложение или поднять VPN-шлюз.
5 ГБ стандартного облачного хранилища и бесплатные операции для загрузки данных любого типа.
Сервисы расположены на платформе Cloud․ru Evolution — публичное защищенное облако на базе собственных разработок и свободно распространяемых компонентов.
Для выхода ВМ в интернет вам понадобится публичный IP, который вы можете оплатить самостоятельно (146 рублей), либо воспользоваться бонусами — 4000 рублей для новых пользователей при привязке карты или регистрации по Сбер ID.
Please open Telegram to view this post
VIEW IN TELEGRAM
🤬1
🐙 Cesium – библиотека JavaScript для создания 3D-глобусов и 2D-карт в браузере. Подходит для создания приложений, где требуются геоданные.
Сайтодел | #репозиторий #github
Original post link: t.me/sitodel/1715
Forwarded and filtered by @smartfeed_bot
Сайтодел | #репозиторий #github
Original post link: t.me/sitodel/1715
Forwarded and filtered by @smartfeed_bot
Media is too big
VIEW IN TELEGRAM
Infinite Animation
В этом видео создаётся бесконечная анимация загрузки, частицы которой генерируются в JS и анимируются в CSS.
👉 @seniorFront
Original post link: t.me/seniorFront/3950
Forwarded and filtered by @smartfeed_bot
В этом видео создаётся бесконечная анимация загрузки, частицы которой генерируются в JS и анимируются в CSS.
👉 @seniorFront
Original post link: t.me/seniorFront/3950
Forwarded and filtered by @smartfeed_bot
#вопросы_с_собеседований
Как используется render() в React?
Для каждого компонента требуется функция render(). Эта функция возвращает HTML, который должен отображаться в компоненте. Если вам нужно отобразить более одного элемента, все элементы должны быть внутри одного родительского тега, такого как или . На картинке компонент, выводящий Hello World на экран.
Original post link: t.me/senior_front/1938
Forwarded and filtered by @smartfeed_bot
Как используется render() в React?
Для каждого компонента требуется функция render(). Эта функция возвращает HTML, который должен отображаться в компоненте. Если вам нужно отобразить более одного элемента, все элементы должны быть внутри одного родительского тега, такого как или . На картинке компонент, выводящий Hello World на экран.
Original post link: t.me/senior_front/1938
Forwarded and filtered by @smartfeed_bot
🎧Продуктовый подход к pet-проекту или как я разработал музыкальное веб-приложение
В этой статье я расскажу, как стоит подходить к разработке pet-проектов, чтобы учиться эффективнее.
Читать...
Original post link: t.me/frontendnoteschannel/3455
Forwarded and filtered by @smartfeed_bot
В этой статье я расскажу, как стоит подходить к разработке pet-проектов, чтобы учиться эффективнее.
Читать...
Original post link: t.me/frontendnoteschannel/3455
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 17 messages
Today you received: 13 messages
Our filtering prevented you from: 4 messages
Top 3 source channels:
Senior Frontend Developer | JavaScript, React, HTML & CSS: 5 message(s)
Веб-страница: 4 message(s)
Frontender's notes [ru]: 4 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
Today the bot processed: 17 messages
Today you received: 13 messages
Our filtering prevented you from: 4 messages
Top 3 source channels:
Senior Frontend Developer | JavaScript, React, HTML & CSS: 5 message(s)
Веб-страница: 4 message(s)
Frontender's notes [ru]: 4 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
Telegram
Oleg Litvinov
You can contact @OlegBEZb right away.
Ребят, в начале или середине своего пути вам часто нужно смотреть на примеры кода и реализацию разных возможностей
⚠️ Это повышает вашу насмотренность, понимание кода, да и вы всегда можете сохранить заготовки себе на будущие проекты
Раньше я публиковал множество сайтов. Но теперь есть специальный канал для этого: @code_ready
У вас будет все под рукой, с оформленным кодом, примерами, шпаргалками и без занудства
➡️ Так что подписываемся
Original post link: t.me/frontendnoteschannel/3456
Forwarded and filtered by @smartfeed_bot
⚠️ Это повышает вашу насмотренность, понимание кода, да и вы всегда можете сохранить заготовки себе на будущие проекты
Раньше я публиковал множество сайтов. Но теперь есть специальный канал для этого: @code_ready
У вас будет все под рукой, с оформленным кодом, примерами, шпаргалками и без занудства
➡️ Так что подписываемся
Original post link: t.me/frontendnoteschannel/3456
Forwarded and filtered by @smartfeed_bot
Вы не понимаете, эти сайты натуральные!
Original post link: t.me/tproger_web/4480
Forwarded and filtered by @smartfeed_bot
Original post link: t.me/tproger_web/4480
Forwarded and filtered by @smartfeed_bot
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
👉 @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
В этой статье мы с вами разберемся, как 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
Анаграмма — приём, состоящий в перестановке букв или звуков определённого слова, что в результате даёт другое слово или словосочетание. Несколько примеров анаграмм на английском:
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
Анимация создана при помощи 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
Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.
Гайд по разработке: 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
В этой статье вы узнаете о преимуществах статической типизации в 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
Сайтодел | #сниппет #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
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
Telegram
Oleg Litvinov
You can contact @OlegBEZb right away.
Когда уронил всю инфраструктуру компании, но большинство коллег благодарны тебе за внеплановый выходной:
Original post link: t.me/tproger_web/4483
Forwarded and filtered by @smartfeed_bot
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
Original post link: t.me/frontendnoteschannel/3459
Forwarded and filtered by @smartfeed_bot
Telegram
Frontend | Вопросы собесов
Сайт easyoffer.ru
Реклама @easyoffer_adv
ВП @easyoffer_vp
Тесты t.me/+T0COHtFzCJkwMDUy
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
Реклама @easyoffer_adv
ВП @easyoffer_vp
Тесты t.me/+T0COHtFzCJkwMDUy
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏
Original post link: t.me/seniorFront/3954
Forwarded and filtered by @smartfeed_bot
Original post link: t.me/seniorFront/3954
Forwarded and filtered by @smartfeed_bot
Telegram
Frontend | Вопросы собесов
Разбираем вопросы с собеседований на Frontend программиста. HTML, CSS, JavaScript, React, Angular, Vue js
Сайт: https://easyoffer.ru/
Реклама: https://telega.in/c/easy_javascript_ru
Написать: @easyoffer_adv
Сайт: https://easyoffer.ru/
Реклама: https://telega.in/c/easy_javascript_ru
Написать: @easyoffer_adv
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
Небольшой компонент с сообщениями и уведомлениями, стилизованный при помощи 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
Сайтодел | #макет #figma
Original post link: t.me/sitodel/1718
Forwarded and filtered by @smartfeed_bot