Даниил о вебдэве
305 subscribers
298 photos
15 videos
2 files
498 links
🔹 Веб-разработка глазами опытного разработчика 🔹

Ахтунг, 18+! Канал содержит ненормативную лексику дабы скрасить эмоции и максимально передать опыт рабочих моментов

💬 Уютный чатик: https://t.me/joinchat/BpmNllT7nvScKlQOO-ZHRw

✏️ Контакт: @nickdeny
Download Telegram
Ваша жизнь уже не будет прежней 🤔
⚖️ Заказчики: наши vs забугорные

Давно не было #баттхерт постов, но так сошлись звезды — взял, по глупости и милосердию, проект от «нашего» заказчика.

🤨 Часть 1: Отрицание
Пишет знакомый, говорит что надо сделать мелкий фронтенд проект его другу. Я был полностью свободен в своих решениях и технологиях и я решил на быструю руку сделать реакт-приложение. Бюджет, конечно, не ахти, но проект без NDA, что нынче редкость. Думаю - «Ну ладно, один вечер потрачу, быстренько стрепаю. И себе в портфель, лишним не будет».

😡 Часть 2: Гнев
Что дальше? Само приложение заняло вечер, но в чем оказалась проблема? Верно, в бекенде. Его бекенд был написан на коленке: парсил чужую страницу, вытягивал контекст, генерил хтмл-страницу через лупы-залупы и выводился через echo.

А приложение требовало json-данных. Заебись. Сделал я вывод в json, ковыряя его говнокод на пыхе, и в моей тестовой среде все работало отлично. Казалось бы, дело за малым — настроить крон на парсинг и тащить json с сервера.

🥴 Часть 3: Депрессия
Думаете все? Ни-ху-я. У него оказался ебанутый хостинг, где все было через задницу - начиная от фтп с доменами и заканчивая кроном. А что я? Пробив доступ, в желании наконец-то закрыть проект, я начал копать говно веб-интерфейс его хостинга. Это был полнейший пиздец. Мало того, что их техподдержка не разговаривает на английском, а только на своем локальном (европейском) языке, так еще и веб-панель не дает нихуя сделать. Конечно же, ни о каком SSH и разговора не идет. Оказывается - «наш» чудо-заказчик с года в год прыгает по хостингах, где первый год обходится в пару баксов вместо, где-то, сотки. Чувствуете наш менталитет, да?) ☺️☺️

🙃 Часть 4: Принятие
Мелкий и «быстрый» проект еще не закрыт. Бюджет остался таким же, как и был, хоть и деньги на руках. Но доделать-то надо — а то не красиво выходит. Я проигнорил свое убеждение «не работать с СНГ-заказчиками» и поплатился. Пам-пам.

А какой результат Вашего сотрудничества с СНГ-заказчиками?
👍 — Хороший
👎 — Плохой

Есть чем поделиться? Добро пожаловать в коменты, кнопка ниже. 👌
Сори, но жиза 🧐
🆚 Фронтендеры vs бекендеры...

Это вечное противостояние. Как добро vs зло, Гэндальф vs Саруман, Поттер vs Волдеморт. Иначе я никак не могу обьяснить то, что мне надо отправить и проследить за 15 запросами на сервер чтобы закинуть форму с айтемами внутри. Ведь отправить все одним запросом, засунув айтемы в массив, сложно. Да, блять, сложно. #баттхерт

p.s. Фулстэки вне конкуренции – это всадники Апокалипсиса, которые управляют этим грешным миром
​​🤪 Самый худший UI управления громкостью звука 21 века

Группа разработчиков и дизайнеров решила начать флешмоб на реддите, чтобы выяснить у кого получится сделать самый худший интерфейс управления звуком в мире. ссылка →
​​Невероятно ахуенная библиотека для графиков, которая весит 4кб и работает даже с огромными массивами данных без потери производительности. И все это - ради конкурса от Телеграма, в котором давали $10,000 за первое место.

Демо →
​​🖥 Создаем мокапы онлайн

Mockdown – сервис для создания мокапов с изображений. Нужно просто зайти на сайт и переместить или выбрать изображение и вуаля - мокап готов. Не всегда идеально, но довольно круто!

ссылка →
Сеньор pidor-разработчики здесь? 🤔
Треть интернет-канала в США занимает Netflix. Остальной трафик занимает «rm -rf node_modules && npm install» 🤔
​​🔥 Lazy-load в Chrome. Нативно

Уже в Chrome 75 вполне может появиться поддержка нового атрибута элементов <img> и <iframe> loading. Это означает, что данные элементы будут поддерживать стандартные возможности «ленивой загрузки» данных

статья →

Конечно же, было бы збс если бы и другие браузеры взяли эту фичу в разработку. А пока - юзаем библиотеки 🤷‍♂️
​​Отправка форм с Javascript

Один из подписчиков попросил помочь ему с универсальной отправкой форм с помощью ванильного Javascript чтобы не перезапускать страницы после отправки формы и выводить модалки об отправке.

Я решил ему помочь и хочу поделиться своим универсальным решением с вами – оно работает аналогично обычной отправке и имеет фоллбэк ввиде обычного html с <form>

код →
​​✖️Минималистический икон-пак

Feather – это набор красивых и простых иконок, каждую из которой можно скачать отдельно в svg-формате. Полностью бесплатные

ссылка →

Правда заебатые?
*Проект для геймеров: куча визуальщины, графона и анимаций*

Клиент: «У меня почему-то не работает сайт в ИЕ» 🥴
И то неверно ответил 🤩
Если ты думаешь, что ты не заменим – не забывай, вместо тебя можно взять целое поселение индусов. С релокейтом 🥴
¯\_(ツ)_/¯
Скомуниздил с нашего чатика