Как стать автором
Обновить
271.54
Рейтинг

Разработка веб-сайтов *

Делаем веб лучше

Сначала показывать
  • Новые
  • Лучшие
Порог рейтинга
  • Все
  • ≥0
  • ≥10
  • ≥25
  • ≥50
  • ≥100

Blazor: SPA без джаваскрипта для SaaS на практике

Разработка веб-сайтов *JavaScript *.NET *C# *Облачные сервисы

Когда в любой момент времени стало понятно, что такое this... Когда неявное преобразование типов осталось только в былинах аксакалов эпохи зарождения веба... Когда умные книжки по Javascript нашли свой бесславный конец в мусорках...

Всё это случилось когда мир фронтенда спас Он.

Ну ладно, сбавим обороты у нашей машины пафоса.

Сегодня я предлагаю вам взглянуть на возможности Blazor в версии .Net 6. Внезапно, под катом не будет очередного ПриветМир, а окажется полноценное SaaS веб-приложение, написанное на Блейзоре, пощупав которое вы сможете гораздо лучше оценить.

убийца или чижика съел?
Всего голосов 10: ↑9 и ↓1 +8
Просмотры 3.5K
Комментарии 20

Новости

Как ManyChat на PHP8 переезжал

Блог компании ManyChat Разработка веб-сайтов *PHP *Программирование *

Привет, меня зовут Максим, я бэкенд-разработчик в ManyChat. 

Эта статья – о нашем переходе на PHP8. Однажды мы решили немного поисследовать – посмотреть, чего нам будет стоить возможный переход на новую версию, и запланировать эти работы на следующий год, сразу на 8.1. Перспектива переезда тогда вызывала у нас чувства примерно как на КДПВ: от мыслей обо всех тестах и внешних зависимостях было немного неуютно.

Однако в процессе исследования выяснилось, что нельзя просто так взять и остановиться. Одно за другим, и вот мы уже полностью на PHP 8. 

Эта статья – о шагах, из которых складывался переезд, и проблемах, которые мы встретили в процессе. Надеюсь, статья будет полезна для тех, кому ещё только предстоить перейти на PHP 8 – поможет подготовиться хотя бы морально. Для всех остальных (кто уже на PHP 8 или не собирается) – давайте сверимся по ощущениям.

Читать далее
Всего голосов 27: ↑27 и ↓0 +27
Просмотры 2.8K
Комментарии 2

Clickhouse & Grafana: история успеха одних алертов

Блог компании ДомКлик Разработка веб-сайтов *SQL *Веб-аналитика *

Меня зовут Елизавета Добрянская и я Frontend-разработчица в компании Домклик.

В этой статье я хочу рассказать, как мы танцевали с бубном при настройке алертов на клиентские метрики. Как, зачем и с чем мы столкнулись в этой задаче - читайте далее 🙂

Читать далее
Всего голосов 30: ↑28 и ↓2 +26
Просмотры 3.9K
Комментарии 19

Хочу поиск как у MDN

Блог компании Timeweb Разработка веб-сайтов *JavaScript *Программирование *ReactJS *


Привет, друзья!


Недавно (где-то в конце августа) у MDN появился новый (крутой, по заявлению разработчиков) поиск.


Речь идет об этом виджете на главной странице:







Основной код виджета находится здесь, а все остальное, кроме данных для поиска, можно найти здесь.


Данные для поиска также найти не сложно — для этого достаточно добавить к https://developer.mozilla.org локаль, например, /ru и /search-index.json:




Код поиска написан на React и TypeScript. Что это означает? Это означает, что мы с вами можем провести его обратную разработку.


Если вам это интересно, прошу следовать за мной.

Читать дальше →
Всего голосов 5: ↑4 и ↓1 +3
Просмотры 3.1K
Комментарии 3

Микрофронтеды: достоинства, недостатки и нюансы

Разработка веб-сайтов *Анализ и проектирование систем *Проектирование и рефакторинг *Микросервисы *

Привет, меня зовут Евгений, я PHP-разработчик в Broniboy. Ища в очередной раз на Хабре нужную информацию, поймал себя на мысли, что здесь маловато статей, на пальцах объясняющих суть и особенности применения микрофронтендов. Поэтому хочу добавить в копилку знаний.

Читать далее
Всего голосов 18: ↑18 и ↓0 +18
Просмотры 2.3K
Комментарии 5

Почему джуны никому не нужны и как это изменить?

Разработка веб-сайтов *JavaScript *Программирование *Совершенный код *Управление разработкой *

Всем привет, это Макс Кравец из Holyweb. Знаю много историй, когда начинающего специалиста с первого дня бросают на задачи, за которые никто не берётся, и ждут, пока новый сотрудник сам «выплывет». А перегорит и уйдёт — значит, просто слабак, который не хочет работать.

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

Если вы — тот самый джуниор, хотите расти как IT-специалист и зарабатывать больше, но считаете, что вас постоянно недооценивают и держат на неинтересных задачах, ​​этот материал для вас.

Читать далее
Всего голосов 30: ↑25 и ↓5 +20
Просмотры 30K
Комментарии 101

Решение задач по JavaScript на bigfrontend (BFE): throttle и debounce

Ненормальное программирование *Разработка веб-сайтов *Занимательные задачки JavaScript *Программирование *

В этой серии статей я хочу решать BFE задачи (https://bigfrontend.dev) и разбирать решения. BFE - это сайт с задачками, которые позволяют подготовиться к фронтовому интервью и прокачать свои знания в JavaScript.

Сегодня я хочу рассмотреть 2 задачи, это throttle и debounce.

Читать далее
Всего голосов 7: ↑6 и ↓1 +5
Просмотры 3K
Комментарии 4

Как устроена Дока — опенсорсный справочник с документацией, который сообщество пишет для сообщества

Блог компании Яндекс.Практикум Разработка веб-сайтов *CSS *JavaScript *HTML *
Дока — это справочник, который помогает начинающим разработчикам разобраться с нюансами веба, а более опытным даёт возможность делиться и обмениваться знаниями. Его особенность в том, что наполнением сайта занимается сообщество, а редакция Доки в этом помогает.

Недавно мы писали про запуск проекта, а в этом посте поговорим подробнее про его устройство. Редакторы Доки рассказали, сколько они работали над проектом, в чём отличия Доки от остальных справочников и почему важно формировать сообщество единомышленников.

Яндекс.Практикум поддерживает работу редакции Доки.



Читать дальше →
Всего голосов 13: ↑11 и ↓2 +9
Просмотры 2.7K
Комментарии 11

Ленивая подгрузка библиотек из CDN в Angular

Блог компании TINKOFF Разработка веб-сайтов *JavaScript *Angular *TypeScript *

Когда я интегрировал свое Angular-караоке с YouTube, мне попался официальный YouTube-компонент из Angular Material. В README прилагалась инструкция для подключения. Почти каждая строка в ней примере сомнительна. Давайте разберемся, как сделать лучше и применить имеющиеся инструменты для ленивой подгрузки библиотеки.

Давайте
Всего голосов 22: ↑22 и ↓0 +22
Просмотры 1.2K
Комментарии 3

Интервью с архитектором бэкенда в быстрорастущей edtech-компании

Разработка веб-сайтов *Разработка игр *Развитие стартапа Изучение языков

Каково это - масштабировать высоконагруженный международный проект, абонентская база которого удваивается каждые несколько месяцев? Какие задачи стоят перед разработчиками? Что нужно уметь и знать, чтобы сделать карьеру перспективной сфере edtech? Все это обсуждаем с Александром Петровым - архитектором бэкенда онлайн-платформы обучения детей английскому языку Novakid.

Читать далее
Всего голосов 30: ↑0 и ↓30 -30
Просмотры 3.3K
Комментарии 12

PHP Дайджест № 214 (11 – 25 октября 2021)

Разработка веб-сайтов *PHP *Symfony *Yii *Laravel *
Фото: Иван Ганцев.

Подборка свежих новостей и материалов из мира PHP.

Конфликт вокруг расширения Swoole и создание форка OpenSwoole; асинхронные фреймворки Amp и ReactPHP выпустили общую реализацию ивент-лупа; PHP 8.1 RC 4; принят первый RFC для 8.2.

Также в выпуске два поста от Никиты Попова, полезные статьи, видео.

Приятного чтения!
Читать дальше →
Всего голосов 38: ↑38 и ↓0 +38
Просмотры 7.6K
Комментарии 10

Async/await в TypeScript

Блог компании Издательский дом «Питер» Разработка веб-сайтов *JavaScript *Программирование *Клиентская оптимизация *
Перевод

Если вас заинтересовала эта статья, то вы, наверное, несколько разбираетесь в асинхронном программировании на JavaScript и, возможно, интересуетесь, как оно работает в TypeScript.

Поскольку TypeScript – это надмножество JavaScript, async/await там работает точно также, но с некоторыми дополнительными бонусами и безопасностью типов. TypeScript позволяет запрограммировать безопасность типа ожидаемого результата и даже проверить, нет ли ошибок, связанных с типом. Поэтому баги отлавливаются на ранних стадиях разработки программы.

Читать далее
Всего голосов 9: ↑6 и ↓3 +3
Просмотры 7K
Комментарии 17

Дайджест свежих материалов из мира фронтенда за последнюю неделю №490 (18 — 24 октября 2021)

Разработка веб-сайтов *CSS *JavaScript *HTML *
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Читать дальше →
Всего голосов 20: ↑20 и ↓0 +20
Просмотры 6.1K
Комментарии 1

Создаем начальную миграцию с alembic для существующей базы

Разработка веб-сайтов *Python *Программирование *Промышленное программирование *Разработка под Linux *

Создание начальной миграции для существующей базы с alembic

Читать далее
Всего голосов 3: ↑2 и ↓1 +1
Просмотры 765
Комментарии 2

Создаем облако на Elixir

Разработка веб-сайтов *Функциональное программирование *Elixir/Phoenix *Облачные сервисы
Tutorial

Облачные сервисы уже давно стали неотъемлемой частью нашей жизни. На данный момент существует большое количество сервисов от разных компаний. Так давайте разберемся в принципах работы простейшего облачного сервиса, подтянем навыки проектирования систем. Данный проект можно постоянно развивать на протяжении длительного времени, и может стать отличным pet project. Созданное облако может пригодится для управления домашними файлами, достаточно его развернуть в локальной сети и с легкостью получать доступ к файлам с разных устройств.

Прыгайте под кат за подробностями.

*Прыг*
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 2.6K
Комментарии 0

React: разрабатываем хук для загрузки дополнительных данных

Блог компании Timeweb Разработка веб-сайтов *JavaScript *ReactJS *TypeScript *


Привет, друзья!


В этой статье я хочу поделиться с вами опытом разработки хука для загрузки дополнительных данных (авось кому-нибудь пригодится).


На самом деле, хуков будет целых 2 штуки:


  • useLoadMore — для загрузки дополнительных данных при нажатии кнопки "Загрузить еще"
  • useLoadPage — для постраничной загрузки данных (аля пагинация на основе курсора)

Первый хук попроще, второй посложнее.


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

Читать дальше →
Всего голосов 2: ↑1 и ↓1 0
Просмотры 3.4K
Комментарии 9

Фронтенд-разработчику: 7 основных принципов дизайна

Блог компании RUVDS.com Разработка веб-сайтов *Дизайн
Перевод
Я занимаюсь разработкой фронтенда. Мне часто приходится слышать такой вопрос: «Надо ли мне изучить дизайн для того, чтобы стать фронтенд-разработчиком?».

Прежде чем я отвечу на этот вопрос — мне хотелось бы, чтобы читатели, которые тоже им задаются, понимали, что во многих компаниях есть собственные UX/UI-дизайнеры. Они рисуют интерфейсы, делают макеты, а программисты при этом занимаются исключительно своим делом. Задача программистов заключается в том, чтобы вдохнуть жизнь в макет страницы, сделать его интерактивным.

Но что если в вашей компании дизайнера нет? Что если вы самостоятельно занимаетесь каким-то своим проектом в свободное от работы время? А то, что в компании есть дизайнер, ещё не значит, что он всегда к вашим услугам. Дизайнеры обычно сильно загружены — как текущей работой, так и внесением поправок в то, что они уже сделали. В результате, можно сказать, что программист не может постоянно «цепляться» за дизайнера, например, в случаях, когда речь идёт о незначительных изменениях дизайна веб-страницы. А если вы что-то умеете в сфере дизайна — это пригодится и вам, и вашей команде.



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

Здесь я собираюсь рассказать о 7 основных принципах дизайна, следование которым позволит вам создавать привлекательные интерфейсы и приложения.
Читать дальше →
Всего голосов 41: ↑34 и ↓7 +27
Просмотры 10K
Комментарии 13

Типы значений в CSS. Абсолютные, относительные и всякие другие

Блог компании HTML Academy Веб-дизайн *Разработка веб-сайтов *CSS *HTML *

Давайте без лишних слов разберёмся, какие бывают типы значений у CSS-свойств, и определим, чем отличаются абсолютные и относительные значения (все эти em, rem, vh, vw), как задать красный цвет шестью способами, и зачем нужны CSS-директивы.

Читать далее
Всего голосов 14: ↑10 и ↓4 +6
Просмотры 5.5K
Комментарии 0

9 фишек инструментов разработчика Chrome

Блог компании Нетология Разработка веб-сайтов *JavaScript *Google Chrome Учебный процесс в IT
Перевод

На вкладке «Элементы» в инструментах разработчика Chrome много интересных функций, поддерживающих отладку и ускоряющих работу. К сожалению, начинающие веб-мастера им уделяют недостаточно внимания. С помощью этой статьи мы об этих функциях напомним.

Читать далее
Всего голосов 10: ↑5 и ↓5 0
Просмотры 5.8K
Комментарии 5

Плохая реализация мультиязычности просто убивает позиции вашего сайта

Разработка веб-сайтов *Поисковые технологии *IT-стандарты *Веб-аналитика *Повышение конверсии *
Recovery mode

— Окей, Гугл! Переведи мне вот эту страницу, пора сделать мультиязычный сайт!

Иногда кажется, что именно по такому принципу некоторые и добавляют версии сайта на других языках. Кривые переводы, поплывшая верстка, куски невесть откуда взявшихся текстов или очередной lorem ipsum вместо контента. Знакомо, правда?

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

Читать далее
Всего голосов 8: ↑3 и ↓5 -2
Просмотры 2.6K
Комментарии 11

Вклад авторов