Получи случайную криптовалюту за регистрацию!

Типичный Awento

Логотип телеграм канала @awentopwnz — Типичный Awento Т
Логотип телеграм канала @awentopwnz — Типичный Awento
Адрес канала: @awentopwnz
Категории: Технологии
Язык: Русский
Количество подписчиков: 4.58K
Описание канала:

По характеру герой вспыльчив и циничен, склонен много и филигранно ругаться, но обладает хорошим чувством юмора и нередко показывает улыбку, без цензуры!
Разработчик, стартапер, манимейкер. Олени и прочий мусор летит в бан. Реклама @awentosmm

Рейтинги и Отзывы

2.50

2 отзыва

Оценить канал awentopwnz и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

0

4 звезд

1

3 звезд

0

2 звезд

0

1 звезд

1


Последние сообщения

2022-09-19 13:13:24 Хэй йо, друга! Давай чу-чуть подумаем о том, чего бы ты мог достичь в программировании, если бы начал кодить с рождения?

Наверное ты сейчас бы уже был сеньор сеньор сеньор разработчиком.) А вот если тебе стало интересно, кто самый молодой и кто самый старый разработчик - то зацени вот этот материал.)

Ссылка: https://telegra.ph/Samyj-molodoj-i-samyj-staryj-programmist-09-15

P.S. Поставь лайк, порадуй админа, что бы он больше выкладывал материалов.)
8.9K views10:13
Открыть/Комментировать
2022-08-02 13:52:05 Как заработать на крипте, ничего не делая?

bitsgap.com — платформа для заработка, с помощью торговых ботов.

Как начать пользоваться?

Выбрать бота → настроить самостоятельно или взять готовый → подключить к бирже → зарабатывать.

Нужно ли участвовать в сделках?

Однозначно — нет. Бот самостоятельно занимается размещением ордеров. Вам же нужно лишь сделать несколько настроек и наблюдать за его работой.

С какими биржами работает бот?

Со всеми крупнейшими биржами. Если у вас есть аккаунт на бирже, подключите бота и протестируйте. Всё good? Дерзайте!

Почему стоит доверять этой платформе?

Разработкой ботов занимались специалисты extra-класса.

Возможность контролировать настройки бота.

Подключение к бирже через API - таким образом у бота нет доступа к вашим средствам, а только разрешение на выставление торговых ордеров.

Отзывы. Понятно, что без отзывов реальных людей, полноценно оценить продукт — невозможно.

Тут же нам приходит на помощь популярный сервис с отзывами Trustpilot:

На нём bitsgap.com оценен в 4.5 балла из 5. Больше 400 пользователей высоко оценили продукт.

Как вы понимаете — это очень хороший результат.

Заинтересованы? Переходите и бесплатно испытайте торгового бота — bitsgap.com.
10.9K views10:52
Открыть/Комментировать
2022-06-17 16:31:00 Почему искусство лучше хайпа

NFT и Метавселенные сейчас очень модные. Особенно много шума сейчас вокруг move to earn игр, таких как STEPN. Десятки миллионов людей следят за NFT кроссовками, курсом валют GMT и GST, просыпаясь в холодном поту от каждого вздоха создателей.

В то время, как я, простой коллекционер искусства, спокойно отдыхаю, смотря как моя коллекция растет с каждым днем. В этом и есть отличие искусства от хайпа – спокойствие.

В хайповых темах главное успеть вовремя вылезти, не потеряв свои активы. Это зачастую не дает рационально мыслить, FOMO преследует инвесторов этих проектов, мешая анализировать реальность.

А ведь рецепт успеха в сфере NFT и Мета прост – он такой же, как и в любой другой инвестиционной деятельности. Анализ и терпение должны стать вашими лучшими друзьями, если вы хотите добиться успеха.

Хватит гоняться за мнимой выгодой, работайте с фундаментальными вещами.

#мысли
11.6K views13:31
Открыть/Комментировать
2022-06-13 17:26:32 #образуйбратуху

Сегодня отправляю вам крайне занятный видос.

История развития PayPal, как легко догадаться, штука противоречивая. Материала на русском не очень много, придётся на заморском начинать смотреть.

Скоро я обязательно раскрою вопрос так называемой «Пэй Пал мафии» на понятном нам всем языке. Сейчас — начинаем собирать плоды. Пока — заморские.

История развития именно этой компании важна в любом случае, как минимум из-за того, что она — динозавр в рамках ведения торговли в Тырнете.

Из лекций универа в Массачусетсе понятно, что не было бы технологий, использованных PP, не было бы и крипты в общепринятом виде, в наиболее широкой форме.

«Сама же история PayPal началась со знакомства Питера Тиля и студента Стэнфорда Макса Левчина — они захотели воплотить в жизнь концепцию безопасных интернет-платежей. Друзья основали компанию Confinity, которая сделала возможным отправку денег через e-mail и практически сразу начала работать с электронными аукционами, в частности eBay».

PP разработала программное обеспечение безопасности для портативных устройств. Однако, не добившись успеха в этой бизнес-модели, компания переключила свое внимание развитие на цифрового кошелька. Первая версия системы электронных платежей PayPal была запущена аж 1999 году. Кто уже тогда родился???

Обо всём и ещё о немногом — в видео внизу



8.0K views14:26
Открыть/Комментировать
2022-06-07 20:58:38
По поводу Telegram-premium

Телега превращается в целую эко-систему из которой все реже хочется уходить. На днях я делал покупку в виртуальном магазине внутри телеги, переводить Toncoin уже удобней чем фиат и тем более удобней чем крипту через бинанс.

Здесь можно продавать курсы, подписку на закрытые каналы, товары, проводить вебинары, коллы, хранить файлы, ставить напоминалки себе (через отправку сообщений в папку saved в таймере).

И вот на носу Premium-подписка за 5$ в месяц с плюшами-ватрушками. Подписку обязательно куплю и протестирую.

Не все функции мне нужны, но поддержать Дурова - это святое.
11.3K views17:58
Открыть/Комментировать
2022-04-29 19:15:19 Cегодня расскажу про не самые популярные CSS-свойства .

О них не часто говорят, но они могут вам пригодится в любой момент при разработке сайта и сэкономить немного времени.

line-clamp
Это свойство ограничивает текст заданным числом строк. То есть, текст будет обрезаться, если количество строк будет превышать число, которое вы укажете в свойстве.

Оно может быть полезно, когда вы хотите, чтобы в блоке было одинаковое количество строк текста (например описание товара), чтобы эти же блоки не растягивались по высоте ( фото 2 в каруселе )

shape-outside
Это свойство задает форму, вокруг которой будет обтекать текст ( фото 3 в каруселе ). Вы можете указать, чтобы текст обтекал по кругу, а можете создать целую геометрическую фигуру при помощи одного из свойств - polygon

Как пример, при помощи этого свойства можно делать очень красивое оформление статей

В общем, советую его изучить более досконально. Уверен, вы придумаете ему применение.

all
Это своство, при помощи которого вы можете сбросить все свойста блока до его начальных или унаследовать значения (фото 4 в каруселе)

text-stroke
Это сокращённая форма записи двух свойств:
text-stroke-width
text-stroke-color

При помощи этого свойства можно задать тексту контур, указав толщину и цвет

Например, при помощи этого свойства можно сделать так, что будет создаваться впечатление, будто у текста есть только контур. Такое может быть актуально для заголовков
11.3K views16:15
Открыть/Комментировать
2022-04-19 02:40:04 Методология БЭМ
Что, как и зачем


БЭМ - ( Блок, Элемент, Модификатор) это методология, которая дает возможность осуществлять компонентный подход в веб-разработке

Это значит, что вы можете свой интерфейс поделить на независимые блоки и в дальнейшем переиспользовать их

Методологию используют, чтобы код был чище и более читаемый.
Также, с БЭМ легче поддерживать большие проекты

Подробнее про БЭМ

Блок
Блок - это независимый компонент, который можно переиспользовать.

По методологии БЭМ , блоку задается class, который характеризует его смысл ( menu, card, breadcrumbs)

HTML:


CSS:
.block{
}

Элемент
Элемент - это часть блока, который не может использоваться нигде, кроме как внутри своего родителя. Им задается class по схеме: имя-блока__имя-элемента

HTML:




CSS:
.block{}
.block__element{}

SCSS:
.block{
&__element{
}
}

Модификатор
Модификатор определяет внешний вид, поведение и/или состояние блока или элемента

Обозначать модификатор можно двумя способами:
имя-блока__имя-элемента—имя модификатора
имя-блока__имя-элемента_имя модификатора

HTML:




CSS:
.block--modifier{}
.block__element--modifier{}

SCSS:
.block{
&--modifier{
}
&__element{
&--modifier
}
}

в документации по БЭМ ( ru.bem.info) описан второй способ, где используется одинарное нижнее подчеркивание ( _ ), но я много раз встречал, где используют двойной дефис ( - )

Пример реального блока можно увидеть на втором фото в каруселе

Я сам использую в работе эту методологию и рекомендую тем, кто еще не начал. Вы удивитесь, насколько легче станет поддерживать код, и как это экономит время
11.6K views23:40
Открыть/Комментировать
2022-04-18 10:38:05 Полезные Chrome расширения для веб-разработчика

Изначально я хотел написать про расширения для хром, которыми пользуюсь я. Но потом подумал , что можно узнать у вас, какими расширениями пользуетесь вы и составить топ рейтинг.

По результатам опроса я составил список расширений, которые мне показались самыми интересными и полезными

Pixel Perfect
Ну тут все понятно. Хотите сверстать сайт максимально приближенно или идеально по макету - юзайте данный плагин.

Wappalyzer
Данное расширение может помочь вам узнать какие технологии использует сайт. Поможет определить, например, CMS систему, если она используется, или какие подключены библиотеки

Edit this cookie
Редактор куки. Через него будет удобнее редактировать куки, чем через панель разработчика.

CSS Viewer
Расширение, с помощью которого можно смотреть стили элементов сайта просто наведением курсора мышки. Удобная штука. Но я всегда забываю про нее и пользуюсь консолью

Responsive Tester
Данное расширение помогает протестировать адаптивность верстки для разных девайсов ( смартфоны и планшеты )

GoFullPage
Очень полезное расширение. Пригодится, когда вам нужно сделать не просто скрин сайта, а скрин сайта целиком, от первого пикселя хэдэра и до последнего пикселя футера.

Fake Filler
Это расширение написано специально для ленивых разработчиков, которым лень заполнять формы. Оно автоматически заполняет все поля вместо вас.

Redirect Path
Помогает проследить цепочку редиректов

React Developer Tools & Vue.js devtools.
А эти расширения мастхэв для тех, кто пишет на реакте и вью.

И как бонус от меня, расширение - Panic Button При клике на него все вкладки браузера сворачиваются и скрываются. Никто не увидит что у вас там
10.8K views07:38
Открыть/Комментировать
2022-04-12 12:44:42 Декораторы функций debouncing и throttling

У каждого разработчика наступает момент, когда необходимо оптимизировать код, чтобы повысить производительность Например, вы добавили событие на скролл, ресайз, нажатие клавиш или движения мыши и каждый раз при выполнении события вызывается функция. Она может выполнять как простые вещи, так и отправлять запросы на сервер и т.д. Соответственно, функция будет выполняться огромное количество раз. Понятно, что в таком случае может быть просадка в производительности и веб-приложение начнет подтормаживать

Вот тут на помощь приходят декораторы функций debouncing и throttling

Для начала - что вообще такое декораторы функций?

Декоратор - это обертка для функции, которая расширит и/или дополнит ее функционал

Зачем вообще декораторы? Они нужны для того, чтобы писать более чистый и понятный код

debouncing
Данный декоратор позволяет выполнить функцию, когда после последнего вызова прошло определенное количество времени ( для того, чтобы было более понятно, смотри фото 2 в каруселе )

Например: Вы реализовали поиск . Добавили событие на keyup. И каждый раз, когда происходит данное событие идет запрос на сервер для получения данных, после чего показывает результат. Можно предположить, что за пару секунд человек введет в поиск десяток символов, а значит будет 10 запросов на сервер . Представьте, если на сайт зайдут тысячи людей и начнут искать, то нагрузка на сервер может быть и ощутимой . Вот тут на помощь приходит debouncing.
Если обернуть событие keyup в debouncing и задать время задержки 500 мс, то колбэк, который выполняется при срабатывании события, выполнится один раз, через 500 мс, после прекращения ввода запроса поиска.

Вот так вместо 5-10 запросов в секунду, можно получить один
11.6K views09:44
Открыть/Комментировать
2022-04-10 14:10:16 способов как можно перебрать массив

В данном посте речь пойдет про циклы и методы, с помощью которых модно перебрать массивы и выполнить с ним какое-то действие. Я постараюсь кратко написать про каждый способ

for
Цикл for состоит из трех выражения. Цикл будет выполняться, пока истинно условие. В нашем случае, пока index меньше длины массива.

Пример:
const array = [1,2,3,4,5,6,7,8]
for(let index = 0; index < array.length; index++){
console.log(array[index])
}

Цикл прекратит свою работу, когда index будет равен 7

while

Цикл выполняется пока заданное условие истинное.

Пример:
let index = 0;
const array = [1,2,3,4,5,6,7,8];

while (index < array.length){
console.log(array[index])
index++
}

Так же, как и в предыдущем случае, цикл прекратит свою работу, когда index будет равен 7

forEach

Метод forEach вызывает функцию один раз для каждого элемента массива в порядке

Пример:
const array = [1,2,3];

array.forEach((item, idx) => {
console.log(`${item}:${idx}`)
})

//output 1:0, 2:1, 3:2

Every

Метод every() проверяет соответствует ли каждый элемент массива заданному условию которое передано в функции.

Пример:
[1, 2, '3', 4, 5].every(elem => typeof elem === 'number'); // false
[1, 2, 3, 4, 5].every(elem => typeof elem === 'number' ); // true

Some⁣⁣

Метод some() проверяет, соответствует ли хоть один элемент массива заданному условию которое передано в функции.

Пример:
[1, 2, '3', 4, 5].some(elem => typeof elem === ‘string’); // true
[1, 2, 3, 4, 5].some(elem => typeof elem === 'string' ); // false

Map

Метод map() вызывает переданную функцию к каждому элементу массива один раз. При этом, он не мутирует массив, а создает новый, на основании результатов вызванной функции.

Пример:
const newArray = [1, 2, 3, 4, 5].map(item => item*2)
console.log(newArray)

// output [2, 4, 6, 8, 10]

Filter⁣⁣

Данный метод можно применить для фильтрации массива. Если быть точнее, то данный метод создает новый массив с элементами массива, который проходят проверку.

Пример:
const newArray = [1, 2, '3', 4, 5].filter(elem => typeof elem === 'number');
console.log(newArray)

//output: [1, 2, 4, 5]
11.7K viewsedited  11:10
Открыть/Комментировать